Add Global Accounts launch homepage updates#411
Conversation
Made-with: Cursor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Preview deployment for your docs. Learn more about Mintlify Previews.
|
Greptile SummaryThis PR updates the docs homepage for the Grid Global Accounts launch: replaces the hero banner (new image, copy, and link to Confidence Score: 5/5Safe to merge — changes are purely documentation/marketing content with one minor style concern. Only P2 finding (dark mode button style removal); no logic errors, broken links, or missing required content. Existing component patterns are followed correctly throughout. mintlify/style.css — confirm intentional removal of dark-mode hero button overrides
|
| Filename | Overview |
|---|---|
| mintlify/index.mdx | Adds Global Accounts to the homepage gridCategories (4 items) and updates hero banner link, text, and button label to promote the launch. |
| mintlify/platform-overview/use-cases.mdx | Prepends a new Global Accounts section with 6 ImageCards, all correctly linking to /global-accounts, consistent with existing section patterns. |
| mintlify/style.css | Swaps hero banner background image to banner-bg.webp and removes dark-mode button overrides — the removal may affect dark-mode button appearance. |
Flowchart
%%{init: {'theme': 'neutral'}}%%
flowchart TD
A[Homepage index.mdx] --> B[Hero Banner]
A --> C[gridCategories]
B --> B1["href: /global-accounts\nText: Introducing Grid Global Accounts\nBG: banner-bg.webp"]
C --> D[Global Accounts NEW]
C --> E[Payouts & B2B]
C --> F[...]
D --> D1[Financial apps & wallets]
D --> D2[Creator platforms]
D --> D3[Marketplaces]
D --> D4[On-demand platforms]
G[Use Cases Page\nuse-cases.mdx] --> H[Global Accounts Section NEW]
H --> H1[Financial apps & wallets]
H --> H2[Creator platforms]
H --> H3[Marketplaces]
H --> H4[On-demand platforms]
H --> H5[Messaging platforms]
H --> H6[Social platforms]
H1 & H2 & H3 & H4 & H5 & H6 --> Z["/global-accounts"]
Prompt To Fix All With AI
This is a comment left during a code review.
Path: mintlify/style.css
Line: 3328-3333
Comment:
**Dark mode button styles removed without replacement**
The `html.dark .hero-banner-button` and its `:hover` state are deleted. Previously in dark mode, the button had a distinct dark background (`var(--ls-gray-950)`) and light text (`var(--ls-gray-050)`). Without these overrides, the button will fall back to its light-mode appearance in dark mode — which may produce poor contrast or look unintentional depending on the button's base CSS. If this deletion is intentional (e.g., the new design is the same across themes), a brief comment confirming that would help reviewers.
How can I resolve this? If you propose a fix, please make it concise.Reviews (1): Last reviewed commit: "docs: add Global Accounts launch homepag..." | Re-trigger Greptile
| } | ||
| } | ||
|
|
||
| html.dark .hero-banner-button { | ||
| background: var(--ls-gray-950); | ||
| color: var(--ls-gray-050); | ||
| } | ||
|
|
||
| html.dark .hero-banner-button:hover { | ||
| background: var(--ls-gray-900); | ||
| } | ||
|
|
||
| /* =========================================== | ||
| Info Cards (Understand Grid & Start Building) | ||
| =========================================== */ |
There was a problem hiding this comment.
Dark mode button styles removed without replacement
The html.dark .hero-banner-button and its :hover state are deleted. Previously in dark mode, the button had a distinct dark background (var(--ls-gray-950)) and light text (var(--ls-gray-050)). Without these overrides, the button will fall back to its light-mode appearance in dark mode — which may produce poor contrast or look unintentional depending on the button's base CSS. If this deletion is intentional (e.g., the new design is the same across themes), a brief comment confirming that would help reviewers.
Prompt To Fix With AI
This is a comment left during a code review.
Path: mintlify/style.css
Line: 3328-3333
Comment:
**Dark mode button styles removed without replacement**
The `html.dark .hero-banner-button` and its `:hover` state are deleted. Previously in dark mode, the button had a distinct dark background (`var(--ls-gray-950)`) and light text (`var(--ls-gray-050)`). Without these overrides, the button will fall back to its light-mode appearance in dark mode — which may produce poor contrast or look unintentional depending on the button's base CSS. If this deletion is intentional (e.g., the new design is the same across themes), a brief comment confirming that would help reviewers.
How can I resolve this? If you propose a fix, please make it concise.There was a problem hiding this comment.
no this is good because the background is dark on both light and dark mode so the button should be light.
| Pay gig workers into dollar accounts they can withdraw from locally | ||
| </ImageCard> | ||
| <ImageCard title="Messaging platforms" img="/images/use-cases/gga-messaging-platforms.webp" href="/global-accounts"> | ||
| Add dollar accounts for transfers inside chat and community experiences |
Summary
/global-accounts.Test plan
make lint./platform-overview/use-casesrenders the new Global Accounts cards locally.Made with Cursor