Hero

Intro

The hero image is often the first visual element a visitor encounters on the site. It presents an overview of the site's most important content.

Basic

Landing Page Book

React components to build!

HIDE Code

Props

<Hero
    opacity={1}
    overlayColor="#373D45"
    header="Landing Page Book"
    subHeader="React components to build!"
    particlesSugar="crazyStars"
    minHeight="75vh"
    headerTextColor="warning"
    subHeaderTextColor="warning"
    callToActionColor="warning"
    secondaryCallToActionColor="warning"
    callToActionMargin="2"
    secondaryCallToActionMargin="2"
    callToAction="Call to action"
    secondaryCallToAction="Secondary call to action"
/>

Via children

Landing Page Book

React components to build!

EDIT Code

Props

With image

LANDING PAGE BOOK

React UI Kit to easily build landing pages.

EDIT Code

Props

With image (blurred)

LANDING PAGE BOOK

React UI Kit to easily build landing pages.

EDIT Code

Props

With image (gray)

LANDING PAGE BOOK

React UI Kit to easily build landing pages.

EDIT Code

Props

Basic
Via children
With image
With image (blurred)
With image (gray)