Лендинг доставки воды в Дананге на пяти языках: заказ уходит в мессенджер одним нажатием

Описание

Лендинг доставки питьевой воды в 20-литровых бутылях для иностранцев в Дананге, Вьетнам. Демонстрационный проект: служба вымышленная, а цены, залог и минимальный заказ взяты из живого заказа воды и разбора девяти местных продавцов. Из них по-английски пишет один, по-русски никто. Сделала целиком: разбор рынка, ТЗ, вёрстку, код и выкладку.

Что на странице:
1. Пять языков: английский, вьетнамский, русский, корейский и китайский. Язык открывается по браузеру, выбранный вручную запоминается.
2. Конструктор заказа: бренд, количество, помпа, геолокация или адрес, день и оплата. Итог с залогом за бутыли считается сразу.
3. Готовый заказ одним нажатием уходит в WhatsApp, Telegram или Zalo, из корейской версии в KakaoTalk. У WeChat ссылки на чат нет, поэтому там показываются ID и QR-код.
4. К заказу сам добавляется перевод на вьетнамский для оператора.
5. «Сегодня» закрывается по времени Вьетнама, а не по часам телефона.
6. Повтор прошлого заказа и своя картинка превью у каждого языка.

Цены, бренды и контакты лежат в одном конфиге: владелец меняет цену в одном месте, и после сборки она обновляется в карточке, итоге и сообщении.

Каждая версия проходит 20 сценариев приёмки в браузере и Lighthouse на телефоне, на сайт уезжает тот же архив, что проверялся на стейдже. Откат проверен на живом сайте: 13-15 секунд. Весь JavaScript страницы 8 КБ.

Стек: Astro, TypeScript, Playwright, GitHub Actions, GitHub Pages.