Сайт кофейни-пекарни
Сайт кофейни-пекарни, который живёт по часам печи: шапка с живым «открыто / откроемся через», первый экран с таймером печи и лентой партий, полка с перетаскиванием и остатками, шкала крепости кофе с наполняющимся стаканом, конструктор коробки к утру, scroll-история «36 часов до буханки» с ночью и утром, люди с записками, перфокарта со штампами, bento-галерея, отзывы на чеках, карта с очередью по часам, хлебный будильник и подвал с полосой дня. Светлая тема: молоко, корка и мак, Playfair Display и Caveat.
Сайт, который живёт по часам печи: посетитель видит, открыто ли сейчас и что осталось на полке, выбирает кофе, собирает коробку к утру и подписывается на свежий хлеб. Пекарня в демо вымышленная; блоки подойдут любой кофейне или кондитерской.
Из чего собрано
13 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка кофейни с живым статусом «открыто»navbar-028
Словомарка, разделы, живой чип «открыто · до 21:00» по часам посетителя, стекло при прокрутке.
2. Первый экран
Первый экран пекарни с таймером печиhero-028
Фото витрины, заголовок поднимается как тесто, таймер печи и лента партий дня.
3. Витрина
Полка выпечки с перетаскиванием и остаткамиbakery-001
Полка с перетаскиванием, «испечено в», остаток, кнопка «в коробку».
4. Кофе
Шкала крепости кофе с наполняющимся стаканомbakery-002
Ползунок крепости, стакан наполняется слоями, зерно недели.
5. Коробка к утру
Конструктор коробки к завтракуbakery-003
Четыре ячейки, крышка со штампом, форма заказа к выбранному времени.
6. 36 часов до буханки
Scroll-история «36 часов до буханки»bakery-004
Sticky-история по прокрутке: кадры, табло часов, ночь и утро.
7. Люди
Команда bento-плитками с запиской на оборотеpeople-012
Плитки пекаря и бариста, записка «что в 5 утра» по наведению.
8. Постоянным
Перфокарта со штампами и подписка на хлебbakery-005
Перфокарта со штампами и подписка на хлеб по субботам.
9. Галерея
Bento-галерея с подписями-каракулямиportfolio-011
Bento из десяти кадров одного утра с подписями по наведению.
10. Отзывы
Отзывы на термочеках с построчной печатьюtestimonials-023
Чеки, которые допечатываются построчно при появлении.
11. Где мы
Карта с часами и очередью по часамmap-010
Карта, часы и очередь по часам с подсветкой «сейчас».
12. Хлебный будильник
Хлебный будильник на крафт-пакетеsubscribe-007
Выбор выпечки и напоминание за пять минут до выхода, на крафт-пакете.
13. Подвал
Подвал с полосой рабочего дняfooter-027
Колонки ссылок и полоса рабочего дня, залитая до текущего часа.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PROЧастые вопросы
- Из чего собрана страница «Сайт кофейни-пекарни»?
- Из 13 секций каталога по порядку: Шапка кофейни с живым статусом «открыто», Первый экран пекарни с таймером печи, Полка выпечки с перетаскиванием и остатками, Шкала крепости кофе с наполняющимся стаканом, Конструктор коробки к завтраку, Scroll-история «36 часов до буханки», Команда bento-плитками с запиской на обороте, Перфокарта со штампами и подписка на хлеб, Bento-галерея с подписями-каракулями, Отзывы на термочеках с построчной печатью, Карта с часами и очередью по часам, Хлебный будильник на крафт-пакете, Подвал с полосой рабочего дня. Каждая — отдельный item VibeUI.
- Как собрать такую страницу через ИИ-агента?
- Нажмите «Копировать сценарий для ИИ» и вставьте в Cursor или Claude Code: агент получит исходник страницы, общие правила темы и промпты картинок и поставит каждую секцию из реестра через shadcn CLI.
- Сценарий бесплатный?
- Живое демо и список секций открыты всем. Исходник страницы и инструкция для агента — в подписке PRO.