Pet-проект · ресторан · премиальный лендинг

Atelier Lumière

Лендинг ресторана высокой кухни — меню, винная карта, частные ужины и бронирование

Full-stack Developer HTMLCSSJavaScript
Скриншот проекта «Atelier Lumière»

Задача

Что нужно было решить

Нужен демонстрационный лендинг премиального ресторана: атмосфера высокой кухни, сезонное меню, винная программа и бронирование столика — без перегруженного интерфейса, с акцентом на типографику и визуальную иерархию.

Решение

Что я сделал

Сверстал многосекционный лендинг: философия кухни, блок шеф-повара, сезонное меню, винная карта, частные ужины и форма бронирования. Проработал адаптив, плавные переходы между секциями и контраст для читаемости на тёмном фоне.

Компромиссы

Чем пришлось пожертвовать

Никакого фреймворка и сборщика — чистые HTML, CSS и JavaScript. Для одной страницы это выигрыш: нет конфигурации, нет зависимостей, которые через год попросят обновления, страница открывается мгновенно. Обратная сторона — любая вторая и третья страница потребует копирования разметки вручную. Это осознанный предел: лендинг таким и останется.

Результат

Что получилось

Готовый pet-проект для портфолио: ресторанный лендинг с полным пользовательским сценарием — от первого экрана до подтверждения брони. Код в открытом репозитории, деплой на Vercel.

Итог в трёх словах

  • Премиальный интерфейс
  • Форма брони
  • Адаптив

Стек

  • HTML
  • CSS
  • JavaScript