Живой демо: https://azura-hotel.netlify.app

Большинство сайтов курортов выглядят одинаково: крупным кадром приветствия, сеткой карточек номеров, и формой бронирования поверху. AZURA делает по-другому. Она построена вокруг одной идеи — пребывание гостя рассказано как путешествие через свет, от первого луча до последнего — поэтому прокрутка ощущается не как просто просмотр сайта об отелях, а как разворачивание редакционной поездки. Главная страница открывается полноэкранной последовательностью прибытия, которая постепенно фокусируется, прежде чем появится одно слово, и с этого момента каждый раздел выстроен хаотично, а не просто размещен. Если вы строите или продаете сайт для курорта, виллы, бутик-отеля или любого бренда гостеприимства, который хочет ощущаться премиально, а не как обычное решение, это отличие между «еще одним шаблоном бронирования» и тем, что клиент действительно будет рад запустить.

Изюминка — последовательность «Time & Tide»: фрагмент прокрутки, закрепленный на плеер прокрутки, который сопровождает посетителей через пять моментов одного дня на курорте, с образом, освещением и настроением, синхронизированными со скроллом — создана на GSAP/ScrollTrigger для настольных ПК и gracefully fallback на чистую вертикальную компоновку на мобильных устройствах и для пользователей с включенными предпочтениями reduced-motion. Кроме этого центрального элемента AZURA поставляет целый сайт: редакционный эксплорер комнат/вилл, где каждая комната получает собственную погружную страницу с деталями вместо обычной строки списка; браузер курируемых впечатлений (спа, вода, кулинария, приключения, культура, медленный образ жизни), организованный по категориям; руководство по месту с близлежащими пляжами, храмами, террасами и портовым городком с временными затратами на путь и слегка стилизованной картой; журнал для редакционных историй и репортажей; и направленный пятишаговый процесс бронирования (даты → номер → гости → детали → подтверждение) с реальной клиентской валидацией и корректными статусами успеха/ошибки. Пользовательский курсор и плавающая навигация с контекстной настройкой добавляют полировку на протяжении всего сайта.

Всё, что нужно покупателю для настройки, держится простым и основано на файлах — CMS, база данных и бэкэнд не требуются. Текст на страницах хранится непосредственно в самих файлах страницы, в то время как весь повторяющийся контент (номера, впечатления, направления, записи журнала и стадии Time & Tide) размещены в типизированных файлах TypeScript внутри data/, поэтому добавление или редактирование записи — это просто редактирование массива — TypeScript будет сигнализировать о недостающем. Фотографии централизованы в одном файле как замещаемые ключи изображений, фирменные цвета заданы как CSS-переменные, которые меняются один раз, чтобы переработать внешний вид всего сайта, а шрифты, навигация и формы изолированы в пару четко документированных файлов. В комплект входит полный Руководство пользователя, охватывающее установку, каждый пункт настройки и развёртывание.

Разработано на Next.js 16 (App Router) и TypeScript, стилизовано Tailwind CSS v4, и анимировано wit