デモ: EBT ヒーロー
Extra Block Types (EBT): Hero モジュールは、ヒーロー画像、タイトル、サブタイトル、2 つのボタンを含むブロックを追加する機能を提供します。
https://www.drupal.org/project/ebt_hero
composer require drupal/ebt_heroEBT Hero は、DOM Box、背景色 / 画像 / 動画、Edge to Edge 設定など、すべての EBT モジュール機能を備えています:
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.