Summary

Enhance the Astro landing page with interactive components .

Components to Build

• Animated particle network -- Canvas-based hero background showing interconnected agent nodes
• Scroll-synced split panel -- Left: annotated Python code, Right: animated agent visualization. Code progresses as user scrolls, animation follows.
• Expandable architecture diagram -- Simple 4-box diagram by default, click to expand sub-modules. Non-technical users see simple view, engineers see full detail.
• Scrollable use case cards -- Horizontal scroll with snap points on mobile
• Interactive dashboard preview -- A mini mockup of the React dashboard embedded as a self-contained Astro island. Not the real app -- a lightweight, animated recreation showing key pages (org chart, task board, agent detail, budget overview) cycling through with smooth transitions. Should feel alive: agents completing tasks, budget ticking, messages flowing. Visitors see what the product looks like without needing to install anything. Reference the actual dashboard pages (web/src/pages/) for layout and components but reimplement as static/animated HTML+CSS with minimal JS. Use the dashboard's design tokens (warm soft blue accent #38bdf8, Geist fonts, semantic state colors) for visual consistency.

Technical Approach

• Use Astro islands architecture for interactive components
• Install @astrojs/vue or @astrojs/react for island components
• Use IntersectionObserver for scroll-sync behavior
• Canvas API or Three.js for particle network
• Keep non-interactive sections as static Astro (zero JS)
• Dashboard preview: lightweight React island or pure CSS animation, NOT a live embed of the real dashboard

Design Reference

• Palette: Dark-to-light-to-dark gradient, vivid violet (#7C3AED) + teal (#14B8A6)
• Dashboard preview palette: warm soft blue accent (#38bdf8), Geist fonts, semantic state colors (match web/ design system)
• Typography: Inter (body) + JetBrains Mono (code)
• Inspiration: Temporal.io hero, Pydantic marketing site, Prefect, Linear.app product preview sections