feat(landing): add interactive Sim stack and refine public pages

[andresdjasso]

Summary

• Add an interactive Three.js stack to the homepage with scroll animation, playback controls, front-edge layer selection, and a Start building CTA.
• Add neutral metal themes, gradient illustrations, model logos, and a workflow-node illustration, with responsive mobile layouts and SVG fallback.
• Smooth plane entrances, shadows, and resize redraws; support reduced motion and reset inspection after WebGL context loss.
• Refine public-page typography, homepage spacing, the open feature grid, full-width dividers, and announcement-bar visibility.

Type of Change

• Feature and UI improvements
• Bug fixes

Testing

• 237 landing tests pass across 49 files, including CTA focus timing and reduced-motion coverage.
• All 46 repository audits and API validation pass; all 26 workspaces pass lint and type checks.
• Production build completes, including 1,152 static pages.
• Browser-tested six mobile/tablet sizes, touch playback, desktop hover in both directions, themes, reduced motion, WebGL fallback, and synchronized resize redraws.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

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

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 10, 2026 10:20pm UTC

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge with no outstanding actionable findings.

Summary

• Adds WebGL stack rendering with an SVG fallback, playback and layer-selection controls, responsive behavior, and reduced-motion handling.
• Introduces shared illustration paths and model-logo assets.
• Standardizes public-page heading styles and landing-page spacing.
• Refines announcement-bar visibility and accessibility behavior.
• The previously reported invisible-focus interval for the completion CTA is fixed by keeping it inert until its entrance completes and disabling it immediately on rewind.

Diagram

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  Input[Scroll or layer selection] --> Progress[Stack progress]
  Progress --> Scene[WebGL stack scene]
  Progress --> Intro[Intro and completion CTA]
  Scene -->|WebGL unavailable| Fallback[SVG fallback]
  Progress --> Player[Playback controls]
  Motion[Reduced-motion preference] --> Intro
  Motion --> Scene

Loading

_{Reviews (2) · Last reviewed commit: "fix(landing): defer stack CTA focus unti..."}

[andresdjasso]

@greptile

[andresdjasso]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@andresdjasso I have started the AI code review. It will take a few minutes to complete.