Synapse Hub — лендинг IT-агентства

Описание

Synapse Hub — лендинг IT-агентства, специализирующегося на бизнес-автоматизации, AI-интеграциях и разработке Telegram-ботов.

Что реализовано
Кинематографный Hero с двойной типографикой (sans + serif italic), интерактивным полем заявки и анимированными карточками (код, бот-чат, метрики)
Интерактивный Pipeline — пошаговый визуализатор процесса работы (Заявка → Аудит → Разработка → Запуск) с переключением контента в реальном времени
ROI-калькулятор — клиент вводит данные бизнеса, калькулятор показывает экономию от автоматизации с визуализацией результатов
Портфолио кейсов с карточками реальных проектов
Тарифная сетка с выделенным популярным тарифом (accent-рамка, glow, масштаб)
Форма заявки с валидацией и отправкой через Telegram Bot API
AI-чат ассистент (встроенный виджет)
Плавающий навбар с морфингом при скролле (прозрачный → blur-glass)
Стек
React 19, Vite, Tailwind CSS 3.4, GSAP 3 (ScrollTrigger), Lucide React

Дизайн-система
Пресет «Silicon Void» — тёмная премиальная эстетика: bg-slate-950, accent #6366f1, шрифты Inter + Instrument Serif + JetBrains Mono, noise-текстура, magnetic-кнопки, micro-анимации.

Презентация проекта