Royal House — адаптивный сайт с рабочим календарём бронирования

Промо-сайт для апартаментов с бронированием прямо на сайте

Royal House сдаёт апартаменты посуточно. Заказчику нужен был современный быстрый сайт, который показывает объекты и позволяет бронировать их напрямую, без звонков и переписки, через сторонний сервис Real-календарь.

Вёрстка без единого блока, скрытого через display:none

Мы написали вёрстку с нуля на Tailwind CSS с прицелом на мобильные экраны в первую очередь. В сайте нет ни одного блока, который скрывают на телефоне через display:none: вся адаптивность построена честной перестраивающейся сеткой.

Чужой модуль бронирования, который не должен был тормозить сайт

Модуль бронирования Real-календарь подключается как внешний React-компонент, и сам по себе он тяжёлый: много настроек, много данных о клиентах и объектах. Наш собственный сайт грузился мгновенно, а вставленный модуль тормозил загрузку страницы. Мы сделали для него ленивую загрузку и отдельную пагинацию, чтобы сайт не ждал внешний сервис, а модуль подгружался только тогда, когда до него долистали.

Кнопки и календарь подогнали под дизайн сайта

Кнопки и интерфейс календаря заданы компонентами внутри React и обычно выглядят как чужой виджет, прилепленный поверх сайта. Мы переопределили стили этого iframe-компонента под собственный дизайн-код сайта, и для этого не раз списывались с разработчиками самого сервиса Real-календарь.

Что получил заказчик

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