Hero (Classic)

This original hero has the ability to have a single large background image, but you have to add text into the custom HTML text area to see the background image OR use a foreground image, which can have words / text or a feature image.

On mobile, this whole image will show but will scroll from left to right.

You can use this not only at the top of your home page, but also anywhere to add dramatic effect. You can even use it half width as we have done here (size 6)

Key Features

• Prominent Design: Large, bold area that captures the user’s attention immediately.
• Responsive Layout: Adapts seamlessly to different screen sizes, ensuring a great user experience on mobile and desktop.
• Call-to-Action: Encourages users to take an action, such as clicking a button or learning more.

Examples

• Landing Pages: Highlight key product features or services.
• E-commerce: Showcase special promotions or new arrivals.
• Portfolio: Introduce yourself or your work with a compelling headline.

Variations

You can even use it half width with a portrait oriented image as we have done here (size 6)