Demostración: EBT Hero
El módulo Extra Block Types (EBT): Hero proporciona la capacidad de añadir un bloque con una imagen principal, título, subtítulo y dos botones.
https://www.drupal.org/project/ebt_hero
composer require drupal/ebt_hero
EBT Hero contiene todas las características del módulo EBT, incluyendo DOM Box, color de fondo / Imagen / Video, configuraciones de Borde a Borde:
https://drupalbook.org/ebt/demo
2 Columnas
El bloque Hero de 2 columnas es una sección prominente ubicada en la parte superior de una página de aterrizaje, utilizando un diseño dinámico para captar la atención de los usuarios desde el inicio. El bloque divide la pantalla en dos columnas, donde una columna contiene un elemento visual cautivador, como una imagen o fondo, mientras que la otra columna ofrece un texto conciso y persuasivo o una llamada a la acción. Este arreglo maximiza el impacto del contenido y mejora la experiencia general del usuario.
Una columna
El bloque Hero con una columna es una sección prominente en la parte superior de una página de aterrizaje que se centra en ofrecer un mensaje claro y conciso. Utiliza un diseño de una sola columna para presentar contenido atractivo, como un titular cautivador, una propuesta de valor persuasiva o una llamada a la acción destacada. Este diseño simplificado permite una experiencia de usuario más fluida y centrada, asegurando que los visitantes comprendan rápidamente el mensaje principal y el propósito de la página de aterrizaje. El bloque Hero con una columna captura eficientemente la atención y fomenta que los usuarios realicen las acciones deseadas.
Full width hero
The Full Width (Edge to Edge) style in the Drupal EBT Hero module offers a seamless and immersive design that spans the entire width of the viewport. This style eliminates any margins or padding on the sides, creating a bold and expansive visual impact. Ideal for showcasing high-resolution images and compelling content, it enhances user engagement by maximizing screen real estate and delivering a modern, dynamic aesthetic.