Шаблон сайта «Ярус»

Что внутри

Номера показаны планировками-рисунками с площадью, кроватями, видом из окна и ценой, есть услуги, профиль высот «как добраться», галерея с просмотром фото и частые вопросы. Страница бронирования работает без сервера: календарь на два месяца с занятыми датами, выбор номера и гостей с проверкой вместимости, будни и выходные по своей цене, доп. услуги и итоговая сумма — заявка уходит в Telegram, WhatsApp, MAX или на почту с готовым текстом (или на ваш обработчик). Номера, цены, услуги и занятые даты — в одном файле config.js.

• Календарь бронирования: 2 месяца на компьютере и 1 на телефоне, прошедшие и занятые ночи, заезд/выезд в два клика, подсветка ночей при наведении
• Нельзя выбрать диапазон с занятыми ночами — календарь объясняет почему; выезд можно назначить на день, с которого номер занят
• Выбор номера с мини-планировками, пометка «на эти даты занят», занятость календаря по выбранному номеру
• Гости: взрослые и дети с проверкой вместимости номера
• Расчёт суммы: цены будней и выходных, доплата за третьего взрослого, доп. услуги (за сеанс, за человека), бесплатная отмена до …
• Строка бронирования на первом экране: даты в календаре и гости в окне → бронирование открывается уже с ними; сайт сам предлагает ближайшие свободные выходные
• Заявка: проверка полей, маска телефона, обязательное согласие на обработку ПДн со ссылками на политику и правила проживания
• Отправка в Telegram, WhatsApp, MAX или на почту с готовым текстом брони — или на свой обработчик по JSON (пример send.php для Telegram-бота в README)
• Шаги «Даты и номер → Гости и контакты → Подтверждение», плашка с суммой и кнопкой на телефоне
• «Номер подробно» — окно с крупной планировкой, видом из окна и ценой; галерея с просмотром фото крупно и листанием
• Номера, цены, услуги, занятые даты и контакты — в одном config.js; из него же JSON-LD Hotel
• Векторные иконки во всех кнопках, касания от 44 px и текст от 14 px на телефоне, клавиатура, «уменьшить движение»

Страницы и разделы

• ГлавнаяПервый экран с фото и строкой бронирования, 4 типа номеров с планировками и ценами, услуги, «Как добраться» с профилем высот и маршрутом, галерея, частые вопросы, подвал с контактами
• БронированиеКалендарь, выбор номера, гости, доп. услуги, контакты и итог брони с расчётом суммы; шаги до подтверждения; отправка заявки в мессенджер или на почту

Что вы получаете

• 2 страницы HTML: главная и бронирование
• Файл config.js — контакты, 4 номера с ценами (будни/выходные), услуги, занятые даты, правила брони, куда уходят заявки
• 4 планировки номеров рисунками SVG (plans.js) — можно перерисовать или повторить для своих номеров
• README с инструкцией: контакты, номера и цены, занятые даты, услуги, цвета, фото, подключение формы (пример send.php для Telegram-бота), выкладка, что сделать перед запуском
• Фото завтрака у окна и вида на лес (сгенерированы, без людей и логотипов), картинка для соцсетей og.jpg, значки сайта
• Шрифты Prata и Jost локально с лицензией OFL
• Лицензия на один сайт