提示
主视觉保持深色，让渐变光晕承担品牌。客户 logo 一律灰度，免得盖过标题。
Build a Stripe-style corporate website for "Stride", a payments-infrastructure company.
STYLE
- Deep navy (#0a2540) navigation and hero, white body below
- Signature blurple (#635bff) gradient glow in the hero corners
- White CTAs on the dark hero, pill-shaped; blurple "Sign in" in the nav
LAYOUT
- Sticky top nav: wordmark "Stride", 4 section links (Products, Solutions, Developers, Pricing), one blurple "Sign in" pill
- Dark hero: kicker "Payments infrastructure", headline "Build the next era of finance", supporting line "A fully integrated suite to accept payments, manage revenue, and grow.", two CTAs, and a product mock (dashboard card with rows: Net volume $48.2k, Payments 1,284, Success rate 99.1%)
- Trust strip ("Trusted by 200,000+ businesses" + grayscale logos)
- 3-column capability grid: Payments — "Online and in-person"; Billing — "Subscriptions and invoicing"; Connect — "Platforms and marketplaces"
COMPONENTS
- Navigation: wordmark, 4 links, one pill button
- Hero: uppercase kicker, headline, sub-line, CTAs ("Start now" solid, "Contact sales" outlined), product mock with a window bar and metric rows
- Trust strip: line of copy plus 4 grayscale logos
- Capability cards: bold label plus one line of copy, hairline border
TECHNICAL
- React
- Tailwind CSS
- shadcn/ui