BAD HABITS Lounge
Промо-сайт сети из пяти лаунж-баров в Новосибирске: одна длинная страница с дым-canvas, скролл-хореографией и SEO для локального бизнеса.
- Год
- Статус
- Тип
- Стек
- Ссылки
- Сборка
- Движение
- SEO
Что делает
Одностраничный сайт BAD HABITS — сети из пяти лаунж-баров в Новосибирске. Hero со статуей и дым-canvas, манифест, пять локаций, фотолента, меню, акции, кейтеринг и модал бронирования с телефонами — клиент принимает брони по звонку, поэтому задача сайта задать настроение и вовремя показать номер.
Как устроено
Astro 5 с полностью статической сборкой: сайт не несёт рантайма фреймворка и кладётся на любой хостинг с Apache или nginx. Движение — GSAP со ScrollTrigger для появлений и Lenis для плавного скролла; дым, кастомный курсор, магнитные кнопки, параллакс статуи и плавающие фото локаций — один небольшой TypeScript-модуль. Картинки оптимизируются при сборке в несколько размеров WebP; четыре шрифта (включая кириллический рукописный для неоновых вывесок) размещены локально. Адреса и телефоны живут в одном файле данных, из которого их берут секции, футер, модал бронирования и структурированные данные. SEO для локального бизнеса полное: canonical, Open Graph, Organization и пять BarOrPub в JSON-LD, sitemap и robots, который держит noindex, пока продакшн-сборка не переключит флаг.
- Деплой из main через GitHub Actions по rsync на shared-хостинг клиента; превью на Vercel служило стейджингом
- Начиналось как статический HTML-прототип, затем перенесено в компоненты Astro после утверждения дизайна
Ещё экраны
