Skip to content

feat: redesign scroll.io landing page per DESIGN-CONTENT figma - #1609

Open
zzq0826 wants to merge 13 commits into
sepoliafrom
feat/compass-landing-sepolia
Open

feat: redesign scroll.io landing page per DESIGN-CONTENT figma#1609
zzq0826 wants to merge 13 commits into
sepoliafrom
feat/compass-landing-sepolia

Conversation

@zzq0826

@zzq0826 zzq0826 commented Aug 21, 2026

Copy link
Copy Markdown
Member

Summary

Full landing-page redesign per the DESIGN-CONTENT Figma (node 100-13717), one-page layout:

  • Sticky pill nav with anchor links (Home / Scroll Compass / ZK API Keys / AI hardware)
  • Hero: "Scroll" title + 3 product cards (Scroll Compass / Compass API / AI Hardware)
  • Scroll Compass section: Download CTA + iPhone screenshot panel with floating model labels
  • Scroll Compass API section: italic accent title + 19-brand logo cloud
  • AI Hardware section: coming-soon + email waitlist form (no backend yet — submit is front-end only, TODO in AIHardware/index.tsx)
  • New footer (Legal / Product columns)
  • Global Header/Footer hidden on / only; all other routes untouched
  • Old landing sections (Vision / Tech / FounderClub / Portal) removed
  • Fonts: Instrument Serif + Geist via next/font; official Scroll logo mark
  • Mobile responsive (cards stack, panel scales; verified no horizontal overflow at 390px)

Figma comments from Glen actioned: sticky nav, vertical stacking on small viewports, scaled compass panel.

Known placeholders (pending Glen)

  • Download CTA links to the confirmed App Store URL (gb storefront, per product team)
  • "View All Models" links to the AI Gateway (ACCSEAL_URL)
  • Waitlist endpoint TBD; /app-privacy-policy added per product team request

Test plan

  • tsc --noEmit and lint pass
  • Desktop (1440) and mobile (390) screenshots compared section-by-section against the Figma render; independent design-diff review applied (section min-heights, fixed card sizing, spacing, footer Inter font)

🤖 Generated with Claude Code

One-page layout: pill nav, hero with product cards, Scroll Compass,
Compass API, AI Hardware (waitlist) sections and new footer.
Global header/footer are hidden on the landing route.
@vercel

vercel Bot commented Aug 21, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
frontends Ready Ready Preview Aug 21, 2026 11:37am

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant