Redesign the docs site landing page

[leoisadev1]

Summary

The docs site landing page was a placeholder that didn't show what Sandbox SDK does. This replaces it with a full landing page: an animated halftone harbor hero where sandboxes are unloaded and run jobs, a provider carousel with one animated scene per provider, an install walkthrough, a section on swapping providers, features, the conformance suite, and a closing call to action. The copy is rewritten throughout.

 apps/fumadocs/src/
 ├── app/(home)/
~│   ├── page.tsx               # new sections and copy
~│   ├── landing.module.css     # hairline frame layout, Geist Pixel type
+│   ├── harbor-viewport.tsx    # hero canvas and the crane state
+│   ├── providers-carousel.tsx # looping carousel, canvases only on visible cards
+│   └── code.tsx
 ├── components/
+│   ├── halftone/              # WebGL2 halftone shader over a Canvas2D source
+│   └── harbor/                # harbor and provider scene painters
+└── lib/fonts.ts               # Geist Pixel

Canvases animate only while on screen and the tab is visible, show a still frame under reduced motion, and rebuild their renderer after a lost WebGL context. The landing page turns off overscroll bounce; docs pages keep it.

Evidence

• Checked in a real browser at 1440×900 and 390×844: every section renders, the hero animates, and all eight provider cards show their own scene.
• WebGL context loss: forced with WEBGL_lose_context, then restored. The hero kept animating after restore (frames differ by ~5.6k pixels across one second, about the same as before the loss), with no page errors.
• Offscreen: after scrolling away and back, the hero resumes animating.
• Overscroll: computed overscroll-behavior-y is none on the landing page and auto on /docs.
• bun run lint and bun run typecheck pass. The one lint warning is in an existing file this PR doesn't touch.

Not tested: a real trackpad pull on macOS, and Safari.

Merge Danger

Door: two-way. It only touches the docs site's home route and adds one font dependency; reverting the commit restores the old page.

Blast radius: the docs site home page. The root layout gains the Geist font variables; docs pages are otherwise unchanged.

Fixes SBX-1

Created with Claude Opus 5.5 in T3 Code.

🤖 Generated with Claude Code

---

[vercel]

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

Project	Deployment	Actions	Updated
sandbox-sdk	Ready	Preview	Oct 9, 2026 8:50pm UTC

[devin-ai-integration]

Devin Review found 6 potential issues.

[greptile-apps]

Confidence Score: 5/5

[Medium impact] The latest focus fix appears safe to merge, with no new actionable issues found.

Summary

The PR replaces the docs landing page with animated harbor scenes, a provider carousel, install examples, and rewritten copy.

• The docs home page now guides developers through Sandbox SDK.
• Each provider gets its own animated card in a looping carousel.
• A harbor animation shows sandboxes moving from the ship to working jobs.

_{Reviews (3) · Last reviewed commit: "Keep carousel focus on the visible card ..." · Reviewed by Greptile}