Первый экран
Хиро доставки еды с фоновым роликом: бургер собирается в слоу-мо, живой таймер
Первый экран доставки еды или дарк-китчена: заголовок «Горячее привезём за» с живым обратным отсчётом 28:00, кнопки меню и конструктора, строка доверия и бегущая строка блюд видны сразу, а фоном идёт ролик — ингредиенты падают сверху и собираются в бургер в замедленной съёмке. Пока ролик грузится, фон тёмный; на старте блюдо проступает из темноты, к концу ролик замедляется. Кнопка «Пропустить» / «Смотреть ещё раз»; если ролик не готов за 5 секунд или включено reduced-motion — сразу стоп-кадр.
Что можно поменять
- videoSrc, videoWebmSrc, stillSrc, subjectSrc, posterSrc (необязательно) — свой ролик и кадры из него
- wordmark, eyebrow, title (массив строк перед таймером), minutes, lede
- primaryLabel, primaryHref, secondaryLabel, secondaryHref
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/hero-048?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Теги
- hero
- video
- background video
- food
- delivery
- restaurant
- dark kitchen
- burger
- countdown
- timer
- marquee
- freeze frame
- wordmark
- cutout
- dark
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…