Hero

The <Hero/> component renders a big, bad, bold hero section on your landing page.

Preview

Code

<Hero
  title='Summarise Your Value Proposition'
  tagline='Tell the user more about your product here. Give them a reason to scroll down.'
  image={{

    width: 2267, 
    height: 1535, 
    src: '/images/dashboard.png',
    alt: 'Gravity SaaS Boilerplate Dashboard',
    priority: true,
    placeholder: 'blur',

  }}
/>
PropDescriptionRequiredValue

alt

image alt tag

optional

string

image

hero image

optional

image source

tagline

h2 tagline

required

string

title

h1 title

required

string

Last updated