Zroby. — AI studio landing page

Premium dark-studio landing page with an interactive 3D visualization of the studio's multi-agent architecture and a production-ready SEO layer — ready to ship and index from day one.
Key features:
• Interactive 3D agent-network scene (three.js / react-three-fiber): clickable nodes, detail panel, scroll-driven camera motion, auto-demo on idle
• Full i18n on next-intl — EN / RU locales with per-locale OG metadata, canonical URLs, and hreflang alternates
• Structured data for search: Organization + FAQPage JSON-LD for rich snippets, sitemap.xml with hreflang, robots.txt, edge-runtime OG image generation
• Productized pricing grid — six fixed-scope offerings with clear price and timeline
• Responsive across desktop / tablet / mobile — detail card converts to bottom-sheet on touch, labels auto-hide on pin to avoid overlap
• Text palette contrast tuned to WCAG AA (5.4–9.3:1 ratios)
• Tailwind v4 design system on CSS-variable tokens with Fraunces / Inter / JetBrains Mono typography
Stack: Next.js 16 · TypeScript · React 19 · Tailwind CSS v4 · three.js · react-three-fiber · next-intl · GSAP + ScrollTrigger · Vercel
#nextjs #react #typescript #threejs #webgl #tailwindcss #landingpage #seo #i18n #responsive #frontend #webdesign #webdev #ai