Доставка еды
Сайт доставки еды «Горячо» — уголь, томатный и сливочный, жирный гротеск: первый экран с живым отсчётом «привезём за 28:00» и бургером из CSS-слоёв, меню с корзиной в закреплённой полосе и прогрессом до бесплатной доставки, конструктор боула со слоями в миске, зона доставки на SVG-карте кварталов, трекер заказа с курьером по маршруту, промо приложения с QR и промокодом, отзывы-стикеры с реакциями и счётчиком заказов, вопросы и подвал с контурным словом. Unbounded, Russo One и Onest.
Из чего собрано
10 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка доставки еды с адресом, временем и корзиной-счётчикомnavbar-038
Чип «адрес · N мин», корзина с бейджем, томатная линия при прокрутке, бургер.
2. Первый экран
Хиро доставки: живой таймер «привезём за 28:00», CSS-бургер и бегущая строкаhero-038
Обратный отсчёт доставки, бургер из шести CSS-слоёв, пар, бегущая строка блюд.
3. Меню
Меню с корзиной: карточки блюд, степперы и закреплённая полоса «до бесплатной доставки»delivery-001
Фильтры, блюда в каплях и кругах, степперы, закреплённая корзина с прогрессом.
4. Конструктор
Конструктор боула: слои падают в миску, калории и цена считаютсяdelivery-002
Слои падают в CSS-миску, калории, вес и цена считаются.
5. Зона доставки
Зона доставки: SVG-карта кварталов, клик по зоне или адрес → время и ценаdelivery-003
SVG-карта кварталов, клик по зоне → минуты и стоимость.
6. Трекер
Трекер заказа: статусы проигрываются, курьер едет по маршрутуdelivery-004
Четыре статуса, курьер едет по маршруту, «показать» проигрывает заказ.
7. Приложение
Промо приложения доставки: промокод, магазины, SMS-ссылка и QR-стикерdownload-011
Промокод с копированием, магазины, SMS-форма, QR-стикер.
8. Отзывы
Отзывы-стикеры с эмодзи-реакциями и живым счётчиком заказовdelivery-005
Стикеры со скотчем и эмодзи-реакциями, счётчик заказов сегодня.
9. Вопросы
Вопросы аккордеоном с плюсом-крестикомfaq-023
Аккордеон с плюсом-крестиком.
10. Подвал
Подвал доставки с часами работы, телефоном и словом-контуромfooter-037
Часы, телефон, колонки, огромное контурное «ГОРЯЧО».
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PRO