Demo: EBT Hero
Extra Block Types (EBT): Hero module provides ability to add a block with Hero image, title, subtitle and two buttons.
https://www.drupal.org/project/ebt_hero
composer require drupal/ebt_hero
EBT Hero contains all EBT module features including DOM Box, background color / Image / Video, Edge to Edge settings:
https://drupalbook.org/ebt/demo
2 Columns
The 2-column Hero block is a prominent section placed at the top of a landing page, employing a dynamic layout to engage users right from the start. The block divides the screen into two columns, where one column holds a captivating visual element, such as an image or background, while the other column delivers a concise and persuasive text or call-to-action. This arrangement maximizes the impact of the content and enhances the overall user experience.
One column
The Hero block with one column is a prominent section at the top of a landing page that focuses on delivering a clear and concise message. It utilizes a single column layout to present compelling content, such as a captivating headline, a persuasive value proposition, or a prominent call-to-action. This simplified design allows for a streamlined and focused user experience, ensuring that visitors quickly grasp the main message and purpose of the landing page. The Hero block with one column efficiently captures attention and encourages users to take desired actions.
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.