Демо: EBT Шапка
Модуль Extra Block Types (EBT): Hero предоставляет возможность добавить блок с изображением Hero, заголовком, подзаголовком и двумя кнопками.
https://www.drupal.org/project/ebt_hero
composer require drupal/ebt_hero
EBT Hero включает все функции модулей EBT, включая DOM Box, фоновый цвет / изображение / видео, настройки Edge to Edge:
https://drupalbook.org/ebt/demo
2 Колонки
Двухколоночный блок Hero — это заметный раздел, размещенный в верхней части целевой страницы, использующий динамическую компоновку для вовлечения пользователей с самого начала. Блок делит экран на две колонки, где одна колонка содержит захватывающий визуальный элемент, такой как изображение или фон, а другая колонка предоставляет краткий и убедительный текст или призыв к действию. Такое расположение максимизирует воздействие контента и улучшает общее взаимодействие с пользователем.
Один столбец
Блок Hero с одним столбцом — это заметный раздел в верхней части целевой страницы, который фокусируется на доставке четкого и краткого сообщения. Он использует макет с одним столбцом для представления убедительного контента, такого как захватывающий заголовок, убедительное ценностное предложение или заметный призыв к действию. Этот упрощенный дизайн обеспечивает оптимизированный и целенаправленный пользовательский опыт, гарантируя, что посетители быстро поймут основное сообщение и цель целевой страницы. Блок Hero с одним столбцом эффективно привлекает внимание и побуждает пользователей совершать желаемые действия.
Герой во всю ширину
Стиль Full Width (Edge to Edge) в модуле Drupal EBT Hero предлагает бесшовный и захватывающий дизайн, охватывающий всю ширину области просмотра. Этот стиль устраняет любые поля или отступы по бокам, создавая смелое и обширное визуальное воздействие. Идеально подходит для демонстрации изображений с высоким разрешением и убедительного контента, он повышает вовлеченность пользователя, максимально используя экранное пространство и обеспечивая современную, динамичную эстетику.