Demo: EBT Hero

15/05/2023, by Ivan
Drupal logo

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.

Sky

With background image

The Hero block with a background image is a captivating section located at the top of a landing page. It features a visually stunning background image that sets the tone and captures the attention of visitors. This impactful design element serves as a backdrop for key messages, compelling headlines, or a prominent call-to-action, ensuring a visually engaging and memorable user experience. The Hero block with a background image creates a strong first impression and effectively communicates the purpose and value of the landing page.

One column

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.

Drupal logo

Centered

The centered Hero block is a visually impactful section positioned at the center of a landing page. It is designed to draw immediate attention and create a strong focal point. With its centralized placement, the Hero block captures the viewer's focus, making it an ideal space to showcase key messages, captivating visuals, or compelling calls-to-action. The centered Hero block adds balance and emphasis to the landing page, ensuring a visually appealing and attention-grabbing experience for visitors.

Drupal logo

Horizontal

The horizontal Hero block is a visually striking section that spans across the width of a landing page. Positioned prominently at the top, it captures attention with its expansive layout. The horizontal Hero block is designed to showcase captivating imagery, compelling headlines, and prominent calls-to-action in a dynamic and immersive manner. This layout allows for a visually engaging and impactful presentation, creating a strong initial impression and guiding visitors towards desired actions on the landing page.

Drupal logo
Drupal logo

Quirky

The Quirky Hero block is a unique and distinctive section placed at the top of a landing page. It stands out from traditional designs by incorporating playful and unconventional elements. This eye-catching block combines vibrant colors, creative illustrations, or whimsical imagery with engaging headlines or messages. The Quirky Hero block injects a sense of fun, personality, and lightheartedness into the landing page, leaving a memorable impression on visitors and setting the tone for a unique and enjoyable user experience.