Сайт ресторана
Сайт ресторана северной кухни: первый экран с бегущей строкой, меню с фото у курсора, шеф, галерея зала с параллаксом, бронь стола, события, отзывы поверх фото, карта и подвал. Тёмная тема: свечи, дерево и винное свечение.
Сценарий показывает, из каких блоков собрать сайт ресторана или кафе, и в каком порядке их поставить. Откройте демо, чтобы увидеть страницу целиком, а ниже возьмите нужные секции из каталога по одной.
Из чего собрано
11 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка ресторана поверх фотоnavbar-021
Словомарка, часы, телефон и бронь; прозрачная поверх фото, темнеет при скролле.
2. Первый экран
Первый экран ресторана с бегущей строкойhero-021
Фото с наездом, заголовок построчно, бегущая строка анонсов.
3. Меню
Меню с разделами и фото у курсораrestaurant-003
Разделы табами, лидеры до цены, метки, фото блюда у курсора.
4. Плашка
Плашка «вино недели» с бликомcta-016
«Вино недели» винной полосой с бликом между меню и шефом.
5. Шеф
Шеф с цитатой и росчеркомabout-007
Портрет со вторым фото внахлёст, цитата, росчерк, факты.
6. Зал
Галерея зала с параллаксом и лайтбоксомrestaurant-005
Колонки фото с параллаксом при скролле и лайтбокс.
7. Бронь
Бронь стола со свободными окнамиcontact-016
Свободные окна чипами, дата, время, гости степпером, телефон.
8. События
События ресторана лентойevent-004
Лента с днём недели серифом, ценой и фото по наведению.
9. Отзывы
Отзывы поверх мутного фотоtestimonials-017
Стеклянные карточки поверх мутного фото зала, общая оценка.
10. Как добраться
Как добраться с картой и часамиmap-005
Яндекс Карта с меткой и карточка с адресом, часами и маршрутом.
11. Подвал
Подвал ресторана с часами и мессенджерамиfooter-020
Часы по дням, телефон, мессенджеры значками, ссылки.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PROЧастые вопросы
- Из чего собрана страница «Сайт ресторана»?
- Из 11 секций каталога по порядку: Шапка ресторана поверх фото, Первый экран ресторана с бегущей строкой, Меню с разделами и фото у курсора, Плашка «вино недели» с бликом, Шеф с цитатой и росчерком, Галерея зала с параллаксом и лайтбоксом, Бронь стола со свободными окнами, События ресторана лентой, Отзывы поверх мутного фото, Как добраться с картой и часами, Подвал ресторана с часами и мессенджерами. Каждая — отдельный item VibeUI.
- Как собрать такую страницу через ИИ-агента?
- Нажмите «Копировать сценарий для ИИ» и вставьте в Cursor или Claude Code: агент получит исходник страницы, общие правила темы и промпты картинок и поставит каждую секцию из реестра через shadcn CLI.
- Сценарий бесплатный?
- Живое демо и список секций открыты всем. Исходник страницы и инструкция для агента — в подписке PRO.