Фрамуга: сайт клининга в Петербурге с калькулятором уборки

Демо с придуманной компанией

«Фрамуги» нет, как и Рамной улицы в её адресе. Компания, клинер в образце листа приёмки, правила гарантии и цены придуманы для демо. Ставки за квадратный метр взяты по рынку Петербурга осенью 2026 года, но заказать по ним ничего нельзя. Советы в блоге, описания районов и чек-листы работ настоящие, ими можно пользоваться.

Цена видна сразу

Калькулятор на странице цен считает смету по строкам: вид уборки, площадь или типовая квартира, санузлы, высокие потолки, животные и двенадцать дополнительных услуг. Рядом видно, сколько клинеров приедет и сколько часов займёт работа. Смета попадает в заявку, клиент выбирает дату. В демо форма проверяет поля и отвечает на странице.

Цены в таблицах услуг, в примерах по районам и в калькуляторе берутся из одного файла. Поменяли ставку, и она поменялась везде. Калькулятор приходит с сервера уже с начальной сметой, а пересчитывает её скрипт на 9 КБ по тем же функциям.

У каждой из шести услуг лист приёмки «входит и не входит», таблица цен и времени для пяти типовых квартир и частые вопросы. Подробнее о таких сайтах на странице сайт для клининговой компании.

Как стекло после сгона

Стиль построен на резиновом сгоне, который оставляет на окне прямую границу: с одной стороны мутно, с другой чисто. Цветные плоскости стыкуются без зазоров, а первый экран главной это ползунок «до и после» во всю ширину. На страницах услуг такой же ползунок показывает окно, кухню или диван грязными и чистыми.

• 31 страница в статическом HTML, Svelte в браузер не грузится.
• Lighthouse на телефоне 100 по всем четырём оценкам, первый экран за 1,4 с, страница весит 63-70 КБ.

Заявки с готовой сметой можно складывать в Google Таблицу, чтобы бригадир видел расписание на неделю.