Лендинг коктейльного бара с картой напитков и онлайн-бронью
Задача: не просто «сайт-визитка с адресом», а инструмент — гость должен сам разобраться в карте из 38 позиций и забронировать стол, не звоня.
Что сделали:
— Карта коктейлей с фильтрацией по трём осям одновременно: база, вкус, крепость. Отдельно проработали пустое состояние — если сочетания нет, экран не молчит, а предлагает снять фильтр.
— Форма брони: дата, время, количество гостей, выбор зала, пожелания. Состояние «заявка принята» с понятным следующим шагом.
— Галерея интерьера на горизонтальном скролле, привязанном к вертикальной прокрутке страницы.
— Секции афиши, прессы, карта проезда, блок с цифрами.
— Тёмная тема, аккуратная типографика, вся анимация на GPU — без просадок на мобильных.
— Копирайтинг наш: тон, тексты секций, микрокопия форм.
Стек: React, TypeScript, Tailwind CSS, GSAP. Адаптив от 320px.