Первый экран
Хиро ветклиники с фоновым роликом: кошка впрыгивает в кадр и замирает
Первый экран ветклиники: сайт, заголовок, кнопка записи с бьющимся сердцем и набегающие показатели видны сразу, а фоном идёт ролик — кошка впрыгивает в кадр сверху, садится и замирает. Пока ролик грузится, фоном стоит его первый кадр; старт — когда браузер уверен, что доиграет без остановок, к концу ролик замедляется. На стоп-кадре за кошкой встаёт огромное название клиники. Кнопка «Пропустить» / «Смотреть ещё раз»; если ролик не готов за 5 секунд или включено reduced-motion — сразу стоп-кадр.
Что можно поменять
- videoSrc, videoWebmSrc, posterSrc, stillSrc, subjectSrc — свой ролик и кадры из него
- wordmark, eyebrow, title (массив строк, последняя — акцентом), lede
- primaryLabel, primaryHint, primaryHref — кнопка записи с сердцем
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/hero-047?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Теги
- hero
- video
- background video
- vet
- veterinary
- clinic
- pet
- cat
- heartbeat
- freeze frame
- wordmark
- cutout
- stats
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…