Feat/website landing redesign

[heyradcode]

Description

Rebuilds the marketing landing page: visual design, motion, copy and SEO.
Confined to website/ — no other package is touched.

Why

The page had a thin visual system (tokens were defined but mostly unused, the
palette was hardcoded across 12 stylesheets), no navigation, no scroll motion,
a 3.13 MB hero image, an invalid heading tree, and copy making claims that
could not be checked from outside the project.

Foundation

• Document scroll instead of a nested overflow container, which was breaking
  position: sticky, scroll-linked animation and mobile URL-bar collapse.
• A real token layer in variables.css: accents, rarity/status/control tones,
  surface, text and border ramps, a glow scale, elevation, motion and spacing.
  Replaces ~20 mostly-dead tokens including an off-palette pair inherited from
  the frontend app that rendered nowhere.
• Reveal-on-scroll primitives with a global prefers-reduced-motion switch —
  previously honoured by three components and ignored everywhere else.
• Section washes assigned explicitly. The nth-of-type(3n) cycle counted all
  11 <section> siblings while only 7 were washed, so the documented
  cyan/violet/magenta order never actually rendered.

Chrome

• Floating glass nav with anchor links, scroll progress, a sliding
  active-section indicator and a mobile drawer. There was no navigation at any
  width before.
• Valid heading tree. The site name was the page h1, pushing the real
  headline to h2 and everything below it down a level.

Sections

Hero, How It Works, Features (bento + cursor spotlight), Pets, Stats
(count-up), CTA, Roadmap, Provably Fair, FAQ, Backers, Community, Footer.

Two pinned scroll-linked scenes — a 3D roster carousel and a perspective
roadmap drive. Both use native sticky positioning, never wheel interception,
so the scrollbar stays truthful and keyboard paging works. Both fall back to
a plain stacked layout below 1024px and under reduced motion.

Copy

Rewritten to claims that check out. Removed invented follower counts, dollar
figures, three testimonials attributed to named people, and an unsupported
independent-audit claim. The partner strip listed Chainlink, which the
randomness stack replaced with Pyth Entropy and Switchboard.

Testimonials become a Provably Fair section whose three points map onto
checks the public verifier actually performs. Roadmap phases are regrounded on
what the codebase contains. All copy is centralised in content/.

Performance and SEO

• Hero art moved to next/image: 3.13 MB → 72 KB on a 640px viewport, 290 KB
  at the art's native width, with a preload hint and blur placeholder.
• Per-frame layout reads cached in both scroll hooks; the getComputedStyle
  call that forced a style recalc every frame is gone from the scroll path.
• Full metadata, generated OG image, robots.ts, sitemap.ts.
• First Load JS: 101 kB → 111 kB. The effects are CSS.

Verification

pnpm --filter website lint and build pass. Visual verification was manual —
no browser automation was available in this environment, and the package has
no test suite. Worth reviewing at 390 / 768 / 1280 / 1920, with reduced motion
on, and by keyboard.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
do-not-stop-frontend	Ready	Preview	Aug 9, 2026 10:45pm
do-not-stop-website	Ready	Preview	Aug 9, 2026 10:45pm

[github-actions]

🧪 Coverage

Package	Statements	Branches	Functions	Lines	Overall
backend	84.82% (2438/2874)	78.51% (1246/1587)	82.62% (466/564)	85.38% (2313/2709)	83.57% (6463/7734)
frontend	71.20% (1761/2473)	72.45% (1510/2084)	69.54% (459/660)	71.94% (1585/2203)	71.63% (5315/7420)
shared	58.97% (1564/2652)	59.31% (977/1647)	58.88% (328/557)	60.82% (1436/2361)	59.65% (4305/7217)

[aichannode]

Great! It looks nice!