The Hero Banner is a large, eye-catching section typically placed at the top of a page to grab attention and set the tone. It features a prominent image and can optionally include a heading, a short tagline, and a call-to-action button.

This component is often used to highlight key messages, promote featured content, or give visual impact to a landing page. The layout can vary — some versions display only the image, while others include text and a button for user interaction.

In the example shown here, multiple variations demonstrate different field combinations: image only, image with heading, image with heading and button, etc. Editors can choose which fields to fill based on the message they want to deliver.

Best used for:

• Page headers or landing page intros

• Campaign or promotion highlights

• Section breaks with visual impact

Tips:

• Use high-resolution, wide-format images

• Keep headings short and powerful

• Use the button when you want users to take action (e.g. Learn More, Contact, Register)

• Leave fields empty if they’re not needed — the layout will adjust automatically