Праздничный лендинг KINETICA: история компании в скролле, поздравления от аудитории и розыгрыш призов. Страница с кастомным прелоадером, кинематографичным hero с ракетой и письмом, таймлайном вех по годам, блоком карточек вех с модальными окнами с текстами, горизонтальными секциями со скролл-триггерами, роликами команды, обзором эпох маркетинга карточками, блоком подарков и торта с интерактивом, формой поздравлений и лентой из API. Ключевые особенности: ✅ прелоадер с прогрессом до готовности hero и шрифтов; ✅ hero на горизонтальном скролле: раскрытие ракеты, письмо и подсказки — через GSAP ScrollTrigger; ✅ секция путь ракеты с SVG-траекторией (десктоп / мобильная версии), появление вех и движение ракеты при скролле; ✅ блок карточек историй с модальными окнами; ✅ горизонтальные слайдеры истории и эпох рекламы — pin + анимация трека на ScrollTrigger; ✅ видео команды: кастомный плеер, пауза остальных при воспроизведении; ✅ тор с кликом по свечам (анимация задуть и сброс); ✅ поздравления в БД с выводом в админку; ✅ интеграция праздничного логотипа через общий Layout; Технические детали: Twig (Symfony), Webpack Encore, SCSS, jQuery + jquery-migrate, GSAP и ScrollTrigger; нативный Fetch для API Результат: Тематическая промо-страница юбилея с сильным скролл-нарративом, интерактивом и пользовательским контентом в стиле бренда KINETICA. Посмотреть работу можно на: