Zroby.ai — лендинг AI-студії

Преміум-лендинг в темній студійній естетиці з інтерактивною 3D-візуалізацією squad-архітектури та повноцінним SEO-шаром — готовий до виходу на ринок та індексації з першого дня.

Ключове:
• Інтерактивна 3D-сцена агентної мережі на three.js / react-three-fiber — клікабельні вузли, detail-картка, scroll-driven анімації камери, auto-demo при бездіяльності
• Повний i18n на next-intl: дві локалі (UA / EN), окремі OG-метатеги, canonical та hreflang per-locale
• Структуровані дані для пошуковиків: JSON-LD Organization + FAQPage для rich snippets, sitemap.xml з hreflang, robots.txt, edge-runtime OG-image
• Сітка з 6 фікс-оферів з ціною та терміном під воронку прямих заявок
• Адаптив desktop / tablet / mobile: detail-картка стає bottom-sheet на touch, labels автоматично приховуються, щоб не перекривати контент
• Контрастність текстової палітри підтягнута до WCAG AA (5.4–9.3:1)
• Design-system на Tailwind v4 з CSS-variable tokens та преміум-типографікою (Fraunces / Inter / JetBrains Mono)

Стек: 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