Задача
Gandia Renta Car - небольшой местный прокат автомобилей в Гандии, на побережье Валенсии. Его конкуренты - крупные агрегаторы проката, а преимущество - всё то, чего от них обычно не дождёшься: никаких скрытых платежей, страховка включена, бесплатная отмена, без предоплаты и небольшой залог, который можно внести наличными или любой картой - кредитная не нужна. Машины доставляют к отелям Гандия-Плайя и на вокзал.
Сайт должен был за секунды показать эту разницу, назвать реальную цену каждой машины на даты посетителя и сделать бронирование таким же простым, как отправка сообщения, - для туристов, говорящих по-английски, по-испански или по-русски.
Бронирование без форм
Владелец сам отвечает клиентам в WhatsApp, поэтому сайт не притворяется системой бронирования. Каждая страница машины заканчивается кнопкой "Забронировать в WhatsApp", которая открывает чат с уже написанным сообщением: какая машина, на языке посетителя, со строкой для дат аренды. Клиенту остаётся вписать даты и нажать "Отправить".
Форм на сайте нет совсем: клиенту ничего не нужно заполнять, а сам сайт не собирает персональных данных.
Цены по сезону
У каждой машины есть матрица тарифов: четыре сезона на восемь сроков аренды, от одного дня до месяца и больше, плюс дополнительные услуги вроде детского кресла или второго водителя. Страница машины показывает её тремя способами: плитки цен по сезонам, полная таблица цен и калькулятор, где посетитель двигает ползунок от 1 до 31 дня и видит цену за день и итоговую сумму.
Сайт статический, а цены зависят от сегодняшней даты. Если бы сезон "зашивался" в HTML при сборке, в день смены сезона сайт показывал бы неверные цены. Поэтому небольшие компоненты на Svelte определяют текущий сезон прямо в браузере - цена "от" и калькулятор всегда верны без пересборки сайта.
Автопарк
Главная открывается предложением и стилизованной картой региона Валенсия, нарисованной из заранее спроецированных контуров провинций: браузер скачивает готовый SVG, а не картографическую библиотеку. Ниже - автопарк с фильтрами по коробке передач и топливу, затем ответы на частые вопросы и контакты.
У каждой из восьми машин своя страница на трёх языках: галерея фотографий, характеристики, цены и калькулятор.
Поиск и приватность
В структурированных данных компания описана один раз как AutoRental из schema.org с постоянным идентификатором, на который ссылаются все страницы. Страницы машин размечены как арендуемый Car с предложением Offer и ценой за день - а не как товар на продажу. Английская, испанская и русская версии образуют один сайт и связаны через hreflang, поэтому поисковики показывают каждому посетителю его язык.
Сайт рассчитан и на ИИ-ассистентов: у каждой страницы есть двойник в Markdown, а llms.txt и llms-full.txt описывают компанию и автопарк. Они генерируются при сборке из тех же данных, что и HTML, поэтому никогда не расходятся с сайтом.
Карта "Где нас найти" обходится без слежки: она построена на OpenStreetMap вместо встроенной карты Google, так что сторонние cookies не ставятся, пока посетитель не дал согласия. Юридическую часть закрывают правовая информация, политики конфиденциальности и cookies на испанском, учёт согласий на платформе Yatoday и реестр операций по обработке данных.
Технологии
- Генератор: Astro (статическая сборка)
- Интерактивные острова: Svelte 5 (сезонные цены, калькулятор)
- Стили: Tailwind CSS 4 + @yatoday/astro-ui
- Карты: Leaflet + OpenStreetMap
- Контент: JSON и Markdown в Git - никакой CMS, которую нужно поддерживать
- CI/CD: GitLab CI → Cloudflare Pages
- Учёт согласий: API платформы Yatoday
Результат
Сайт по размеру небольшого бизнеса, который делает ровно то, что этому бизнесу нужно: показывает каждую машину с честными ценами на нужный сезон и превращает интерес в разговор в WhatsApp на языке клиента. Нет ни базы данных, ни бэкенда бронирования, ни CMS - когда меняются автопарк или цены, обновляется файл с данными и сайт пересобирается.