Сайт ветклиники и груминга
Сайт ветклиники и груминга «Лапа» в тёплом кремовом с терракотой: шапка с живым «открыто до 21:00», первый экран с мордой питомца из CSS, глаза которой следят за курсором, а переключатель кот / собака / кролик меняет всё, закреплённая кнопка «срочно» с чек-листом, прайс-билеты с перфорацией, схема тела с хотспотами, симптом-чекер с градусником срочности, врачи с 3D-наклоном и расписанием от текущего дня, груминг с ползунком длины шерсти, дневник питомца полароидами, запись с картой и подвал с лапками. Nunito и Golos Text.
Сайт клиники, где владелец быстро находит своё: переключатель вида питомца меняет содержимое страницы, кнопка «срочно» подсказывает, что делать прямо сейчас, а дальше — услуги, врачи, цены и запись. Клиника в демо вымышленная.
Из чего собрано
11 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка ветклиники: прозрачная поверх хиро, живой статус «открыто»navbar-035
Виляющая лапа, «открыто до / закроемся через» по времени посетителя, телефон, бургер.
2. Первый экран
Хиро ветклиники с фоновым роликом: кошка впрыгивает в кадр и замираетhero-047
Интро: линия ЭКГ на загрузке, кошка впрыгивает в кадр и замирает, за ней встаёт название клиники.
3. Срочно
Экстренная кнопка «Срочно» с панелью «что делать сейчас»vet-001
Закреплённая пилюля с пульсом → панель «что делать сейчас» с чек-листом.
4. Цены
Прайс-тикеты с вкладками по виду питомца и внешним переключениемpricing-027
Билеты с перфорацией по питомцу, spotlight, стикер «чаще всего».
5. Схема тела
Карта питомца: SVG-схема тела с хотспотами услугvet-002
SVG-силуэт с пульсирующими хотспотами → услуга, цена, время.
6. Симптомы
Симптом-чекер: чипы → к какому врачу и насколько срочноvet-003
Чипы симптомов → к какому врачу и срочность на градуснике.
7. Врачи
Врачи с 3D-tilt и расписанием «кто сегодня принимает»people-015
3D-наклон, «сегодня принимают» от текущего дня.
8. Груминг
Груминг: ползунок длины стрижки с CSS-питомцем и калькуляторомvet-004
Ползунок длины шерсти стрижёт CSS-собаку, размер и допуслуги считают цену.
9. Дневник
Отзывы как дневник питомца: полароиды с drag-scrolltestimonials-027
Полароиды с рукописью, скотчем и стикерами, drag-scroll.
10. Запись
Запись и контакты: форма с плавающими ярлыками и стилизованная картаcontact-023
Плавающие ярлыки, галочка-прорисовка, SVG-карта с прыгающим пином.
11. Подвал
Подвал ветклиники с дорожкой следов и лицензиейfooter-034
Прошагивающие лапки, лицензия, колонки.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PROЧастые вопросы
- Из чего собрана страница «Сайт ветклиники и груминга»?
- Из 11 секций каталога по порядку: Шапка ветклиники, Хиро ветклиники с фоновым роликом, Экстренная кнопка «Срочно» с панелью «что делать сейчас», Прайс-тикеты с вкладками по виду питомца и внешним переключением, Карта питомца, Симптом-чекер, Врачи с 3D-tilt и расписанием «кто сегодня принимает», Груминг, Отзывы как дневник питомца, Запись и контакты, Подвал ветклиники с дорожкой следов и лицензией. Каждая — отдельный item VibeUI.
- Как собрать такую страницу через ИИ-агента?
- Нажмите «Копировать сценарий для ИИ» и вставьте в Cursor или Claude Code: агент получит исходник страницы, общие правила темы и промпты картинок и поставит каждую секцию из реестра через shadcn CLI.
- Сценарий бесплатный?
- Живое демо и список секций открыты всем. Исходник страницы и инструкция для агента — в подписке PRO.