Подвал

Мега-подвал с подпиской

Мега-подвал: строка подписки на рассылку сверху, карта сайта в пять колонок и нижний ряд с копирайтом и соцссылками. Самодостаточен: один файл, без зависимостей.

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

  • subscribeTitle, subscribeNote, emailPlaceholder и buttonLabel — тексты формы подписки
  • массив columns — колонки карты сайта, их подписи и ссылки
  • массив social — соцссылки нижнего ряда

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

Превью

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

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

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

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

https://vibeui.ru/c/footer-009?theme=dark

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

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

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

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

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

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

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

Технические заметки

Блок самодостаточен: один файл, без зависимостей, собственная палитра в локальных переменных --vibeui-footer-009-*. Серверный компонент, клиентского JS нет. Строка подписки стоит первой: до подвала доходят самые вовлечённые посетители, и форма здесь конвертирует лучше, чем в середине страницы. Каждая колонка карты сайта — отдельный <nav> со своей подписью, иначе скринридер читает тридцать ссылок одной кашей. Колонки раскрываются от 2 до 5 по собственной ширине блока через container queries, поэтому в узкой врезке блок честно показывает мобильную раскладку.

Теги

  • footer
  • sitemap
  • newsletter
  • social
  • mega
Исходник компонента

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

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