MAREA

О проекте

Сайт средиземноморского ресторана у моря. Передаёт атмосферу места и даёт гостю меню, галерею и бронь стола.

Ресторан
Отрасль
Многостраничный
Формат
7
Страниц
GSAP
Технологии
MAREA: экран 1MAREA: экран 2MAREA: экран 3MAREA: экран 4MAREA: экран 5

Задача

Ресторан средиземноморской кухни у моря. Сайт должен передать атмосферу места и дать гостю меню и бронь стола.

Подход

Меню сделали с фильтрами и поиском, добавили галерею и бронирование стола. Видео волны идёт вместе с прокруткой.

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

Сайт из 7 страниц с анимациями на GSAP, меню и бронированием.

Подробнее о проекте

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

У сайта семь страниц: ресторан, меню, стол, галерея, вечера и визит. Меню можно фильтровать и искать по нему.

Как мы собирали

  1. 01

    Первая версия

    Сайт собрали с помощью ChatGPT (опубликованная версия 16), затем забрали к себе целиком: страницы, фотографии, шрифты и видео волны лежат локально.

  2. 02

    Устройство

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

  3. 03

    Проверка

    В проекте есть тесты (npm test) и статическая сборка в папку dist: её можно положить на любой хостинг.