landing-page по бронированию билетов. Реализована ajax-отправка запроса по бронированию на jsonplaceholder.typicode.com, который возвращает id заказа. Добавлен интерактив на страницу.

Развернутое приложение на Vercel

Что было сделано:

1. Реализован интерактив на сайте:
1. Плавное открытие бургер-меню
2. Отсчет времени до окончания акции. После окончания акции блок скрывается от пользователя. Когда до окончания остается меньше суток - таймер показывает секунды. Также "часы/минуты/секунды" склоняются в зависимости от цифры.
3. Анимация аккордеона с фиксированием значения высоты.
4. Интеграция и настройка swiper.js
2. Сформирована форма захвата клиента. При выборе даты и количества человек отображается первоначальная информация о бронировании и цена тура. На полях имени и телефона присутствуют маски для предотвращения ввода некорректных данных.
3. Данные в формах захвата формируются через fetch из локального json файла с возможностью последующего изменения на загрузку из внешних систем.
4. При нажатии на кнопку "Забронировать" появляется popup с окончательным подтверждением заказа.
5. При отправке формы данные уходят ajax-запросом на jsonplaceholder.typicode.com, который возвращает id заявки.
6. В футере также есть форма захвата email адреса, которая функционирует также как и обычная форма.