Ветклиника и груминг
Сайт ветклиники и груминга «Лапа» в тёплом кремовом с терракотой: шапка с живым «открыто до 21:00», первый экран с мордой питомца из CSS, глаза которой следят за курсором, а переключатель кот / собака / кролик меняет всё, закреплённая кнопка «срочно» с чек-листом, прайс-билеты с перфорацией, схема тела с хотспотами, симптом-чекер с градусником срочности, врачи с 3D-наклоном и расписанием от текущего дня, груминг с ползунком длины шерсти, дневник питомца полароидами, запись с картой и подвал с лапками. Nunito и Golos Text.
Из чего собрано
11 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка ветклиники с живым статусом «открыто»navbar-035
Виляющая лапа, «открыто до / закроемся через» по времени посетителя, телефон, бургер.
2. Первый экран
Хиро ветклиники: CSS-морда следит за курсором, переключатель питомцаhero-035
CSS-морда: зрачки за курсором, ухо дёргается, переключатель кот / собака / кролик.
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