Подвал
Подвал с мессенджерами
Подвал агентства на тёмном: имя серифом, адрес и часы, телефон крупно, почта и мессенджеры настоящими значками — Telegram, WhatsApp, VK, Max — с подписями. Внизу лицензия и ссылки на документы.
Что можно поменять
- brand, caption, address, hours, phone, phoneHref, email, legal
- messengers (kind: telegram | whatsapp | vk | max, свой short) и links
- accent и background, tone
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/footer-019?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Один файл, ноль зависимостей, серверный компонент. <footer> с сеткой top: колонкой на узком, от 56rem (container query) 1.3fr/1fr/1.2fr. Адрес в <address>, часы с точкой акцента через ::before, телефон — <a href=tel:> серифом, почта — mailto. Мессенджеры — <ul> капсул: акцентный кружок со встроенным SVG (Telegram, WhatsApp, VK — path внутри файла) или буквой short (Max), подпись рядом; ссылки target=_blank. Нижняя строка flex space-between: legal и список links. Фон тёмный в обеих темах: подвал задуман контрастным. Палитра --vibeui-realty-005-* нейтральная: чернила и бумага через light-dark(), цвета сайта передаются пропсами accent, ink и background; шрифты Cormorant Garamond и Manrope подключаются <link precedence> с Google Fonts, с fallback на системные. tone фиксирует схему, accent, ink и background переопределяют цвета.
Теги
- real estate
- realty
- property
- apartment
- agency
- listing
- footer
- contacts
- messengers
- telegram
- vk
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…