Skip to content

feat(site): redesign hero section and update navigation CTAs#2165

Merged
CarsonRoscoe merged 1 commit intox402-foundation:mainfrom
margaretsommers:design-update-cta-logos
May 1, 2026
Merged

feat(site): redesign hero section and update navigation CTAs#2165
CarsonRoscoe merged 1 commit intox402-foundation:mainfrom
margaretsommers:design-update-cta-logos

Conversation

@margaretsommers
Copy link
Copy Markdown
Contributor

Summary

  • Replace nav Contact button with a Get Started CTA linking to the buyer quickstart docs; move the Contact link (Google Form) to the footer
  • Add GitHub and Discord icon links to the desktop nav alongside Docs
  • Move the Trusted By partner logo marquee into the HeroSection below the code snippet, eliminating the separate floating logo block
  • Pin platform stats to the bottom of the hero left column on desktop (xl breakpoint) using mt-auto / items-stretch; hide the standalone StatsSection at xl so stats only render once
  • Fix HeroIllustration not rendering at 1280px+: removed a broken fadeInFromRight animation holding opacity at 0, added min-w-0 to the flex-1 left column to prevent the marquee from pushing the illustration off-screen
  • Replace unreliable Tailwind xl: responsive variants with explicit @media rules in globals.css for hero section padding, column alignment, and illustration visibility
  • Fix mobile hero left column overflow by scoping align-items: flex-start to lg+ only, restoring full-width stretch on mobile
  • Add copyCode prop to CodeSnippet so the display code can be compact while the clipboard copy retains full fidelity
  • Adjust phone illustration bottom position for flush top alignment with the section at xl

Test plan

  • Desktop (≥1280px): hero illustration visible, stats pinned to bottom-left of hero
  • Tablet (1024–1279px): hero illustration hidden, standalone stats visible
  • Mobile: hero left column wraps/condenses to full width, no horizontal overflow
  • Nav: Get Started links to buyer quickstart, GitHub/Discord icons render
  • Footer: Contact link present
  • Code snippet: copy button copies full-fidelity code

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 30, 2026

Someone is attempting to deploy a commit to the Coinbase Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 30, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
x402 Ready Ready Preview, Comment May 1, 2026 8:47pm

Request Review

@margaretsommers margaretsommers force-pushed the design-update-cta-logos branch 2 times, most recently from bdb6057 to a66f0a9 Compare April 30, 2026 21:14
- Replace Contact nav button with Get Started (links to buyer quickstart docs)
- Move Contact link to footer; add GitHub and Discord icon links to nav
- Move Trusted By partner logos into HeroSection below the code snippet
- Pin platform stats to bottom of hero left column on desktop (xl) with mt-auto
- Fix HeroIllustration not rendering at xl: remove broken animation, add min-w-0
- Replace unreliable Tailwind xl: variants with explicit @media rules in globals.css
- Fix mobile hero left column overflow by scoping items-start to lg+ only
- Add copyCode prop to CodeSnippet to separate display from clipboard content
- Adjust phone illustration vertical position for top alignment at xl
@CarsonRoscoe CarsonRoscoe merged commit 08e7568 into x402-foundation:main May 1, 2026
16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants