Контакты

Запись и контакты: форма с плавающими ярлыками и стилизованная карта

Секция записи для клиники или салона: слева форма — имя, телефон, «кто у вас» селектом, когда удобно, что случилось — с ярлыками, которые уезжают вверх при вводе, и карточкой «записали» с прорисовкой галочки после отправки. Справа стилизованная SVG-карта из улиц и парка с прыгающим пином, адрес, метро, телефон и таблица часов. Форма — заглушка.

Что можно поменять

  • eyebrow, title, lede, actionLabel, doneTitle, doneText
  • address, metro, phone, phoneHref, hours: label, value, mapLabel, mapHref
  • petOptions — варианты селекта

Ссылка для ИИ-агента: в ней превью, код и инструкция.

Превью

1440pxТема страницы

Использовать с ИИ

  1. 1. Скопируйте ссылку.
  2. 2. Напишите агенту своими словами и вставьте её в предложение.
  3. 3. Агент откроет ссылку и поставит компонент из реестра.
AI
1Выбрали здесь

добавь это на главную первым экраном:

https://vibeui.ru/c/contact-023?theme=dark

2Вставили в чат агента
3Получили в проекте

Не знаете, куда вставить? Пошаговый гайд

Показать полную инструкцию

То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.

Загружается…

Для разработчика

Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.

Теги

  • contact
  • booking
  • form
  • map
  • floating-label
  • appointment
  • vet
  • clinic
  • hours
  • address
Исходник компонента

Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.

Загружается…