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',

  }}
/>

Prop	Description	Required	Value
alt	image alt tag	optional	string
image	hero image	optional	image source
tagline	h2 tagline	required	string
title	h1 title	required	string