Overview
Introduction:
The Left Right Hero is a flexible and visually engaging section designed to pair compelling content with a supporting image. This section is ideal for creating a strong visual impact while conveying key information in a concise, easy-to-read format.
Key Features:
- Flexible Layout: Option to position the heading on the left or right side of the image.
- Hero Heading: Includes an eyebrow, headline, description, and optional call-to-action buttons.
- Dynamic Imagery: Supports high-quality images with responsive scaling.
- Visual Interest Options: Ability to add unique visual elements to the heading.
Best use cases
Examples of Effective Use:
- Introducing key features or services with a supporting image.
- Highlighting a product launch or event with strong visual emphasis.
- Creating visually engaging landing pages with clear, concise messaging.
How NOT to use this
Common Missteps:
- Avoid using low-resolution images, as they can detract from the overall impact.
- Don’t overload the heading with too much text; keep the message clear and concise.
- Ensure the image and text align with your brand and design for consistency.
FAQ, pro tips, and troubleshooting
Pro Tip: Both portrait or landscape images work well with this Hero section. The safer option is landscape.
Ideas
Suggested Combinations:
- Review Cards: Follow with social proof to build trust and credibility.
- Features - Centered Image: Going straight into the be features or benefits of your service is always a good choice.