Skip to content

Hero

A prominent hero section with a title, a supporting headline, image, social proof and CTA.

hero.html hero-dark.html

your_template.html
{% include 'components/hero.html' %}

Tips

  • Your <h1> should clearly explain what your site offers in under 10 words
  • Focus on how your site helps visitors or makes their lives better
  • Use the subtitle to explain how you deliver what you promise in the title
  • Start action buttons with verbs (like "Get", "Start", "Learn")
  • Include real user testimonials to build trust - consider offering early free access in exchange for honest feedback
  • Choose a clear image that instantly shows what your site does
  • The section works well after this Hero section