Skip to content

Add Global Accounts launch homepage updates #411

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
patcapulong merged 1 commit into from
Apr 28, 2026
Merged

Add Global Accounts launch homepage updates #411

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added mintlify/images/home/banner-bg.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added mintlify/images/use-cases/gga-creator-platforms.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added mintlify/images/use-cases/gga-financial-apps-wallets.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added mintlify/images/use-cases/gga-marketplaces.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added mintlify/images/use-cases/gga-messaging-platforms.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added mintlify/images/use-cases/gga-on-demand-platforms.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added mintlify/images/use-cases/gga-social-platforms.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 14 additions & 3 deletions mintlify/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,17 @@ export const ProductTiles = ({ categories }) => {
};

export const gridCategories = [
{
id: 'global-accounts',
label: 'Global Accounts',
href: '/global-accounts',
items: [
{ id: 'financial-apps-wallets', title: 'Financial apps and wallets', description: 'Create dollar accounts users can hold, send from, and withdraw locally', icon: '/images/icons/wallet1.svg', image: '/images/use-cases/gga-financial-apps-wallets.webp' },
{ id: 'creator-platforms', title: 'Creator platforms', description: 'Give creators a global dollar account for payouts and audience earnings', icon: '/images/icons/multi-media.svg', image: '/images/use-cases/gga-creator-platforms.webp' },
{ id: 'marketplaces', title: 'Marketplaces', description: 'Let sellers collect marketplace earnings and withdraw through local rails', icon: '/images/icons/store4.svg', image: '/images/use-cases/gga-marketplaces.webp' },
{ id: 'on-demand-platforms', title: 'On-demand platforms', description: 'Pay gig workers into dollar accounts they can withdraw from locally', icon: '/images/icons/car-front-view.svg', image: '/images/use-cases/gga-on-demand-platforms.webp' }
]
},
{
id: 'payouts',
label: 'Payouts & B2B',
Expand Down Expand Up @@ -132,11 +143,11 @@ export const gridCategories = [
</div>

{/* Hero Banner with Sand Dunes Image */}
<a href="/flow-builder" className="hero-banner">
<a href="/global-accounts" className="hero-banner">
<div className="hero-banner-bg"></div>
<div className="hero-banner-overlay">
<span className="hero-banner-text">Ready to build? <span className="hero-banner-text-link">Get the API calls for your exact use case</span></span>
<span className="hero-banner-button">Build your flow</span>
<span className="hero-banner-text">Introducing Grid Global Accounts <span className="hero-banner-text-link">Create global dollar accounts with one integration</span></span>
<span className="hero-banner-button">Start building</span>
</div>
</a>

Expand Down
23 changes: 23 additions & 0 deletions mintlify/platform-overview/use-cases.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,29 @@ mode: "wide"

import { FeatureCardGrid, ImageCard } from '/snippets/feature-card.mdx';

## Global Accounts

<FeatureCardGrid cols={3}>
<ImageCard title="Financial apps and wallets" img="/images/use-cases/gga-financial-apps-wallets.webp" href="/global-accounts">
Create dollar accounts users can hold, send from, and withdraw locally
</ImageCard>
<ImageCard title="Creator platforms" img="/images/use-cases/gga-creator-platforms.webp" href="/global-accounts">
Give creators a global dollar account for payouts and audience earnings
</ImageCard>
<ImageCard title="Marketplaces" img="/images/use-cases/gga-marketplaces.webp" href="/global-accounts">
Let sellers collect marketplace earnings and withdraw through local rails
</ImageCard>
<ImageCard title="On-demand platforms" img="/images/use-cases/gga-on-demand-platforms.webp" href="/global-accounts">
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
Copy link
Copy Markdown
Contributor

@pengying pengying Apr 28, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

transfers > payments?

</ImageCard>
<ImageCard title="Social platforms" img="/images/use-cases/gga-social-platforms.webp" href="/global-accounts">
Help creators and communities receive, hold, and move dollar balances globally
</ImageCard>
</FeatureCardGrid>

## Payouts & B2B

<FeatureCardGrid cols={3}>
Expand Down
11 changes: 1 addition & 10 deletions mintlify/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3250,7 +3250,7 @@ html.dark .hero-tagline {
.hero-banner-bg {
position: absolute;
inset: 0;
background-image: url('/images/home/sand.png');
background-image: url('/images/home/banner-bg.webp');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
Expand Down Expand Up @@ -3328,15 +3328,6 @@ html.dark .hero-tagline {
}
}

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)
=========================================== */
Comment on lines 3328 to 3333
Copy link
Copy Markdown
Contributor

@greptile-apps greptile-apps Bot Apr 28, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 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.

Fix in Claude Code

Copy link
Copy Markdown
Contributor Author

@patcapulong patcapulong Apr 28, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

no this is good because the background is dark on both light and dark mode so the button should be light.

Expand Down
Loading