Hero Sections

The Hero Section Design, at the top of a webpage, is vital for capturing attention and conveying the site's main purpose. It highlights key features and can promote special offers or actions.

Usage

• Keep the hero simple and concise.
• Use clear calls to action that align with the message or task.
• Only use images that add value to the content and support the message.
• Include with featured links and buttons to help users perform key tasks.
• Avoid using multiple on a page.
  

Variants

The hero section has 3 variants:

• Default
• Image
• Video