Hero Section

Hero

File locations:

  • src/components/hero.tsx

A well designed hero section is the most important part of your landing page. It grabs the users attention and makes them more likely to stay.

The boilerplate comes with a prebuilt hero component with an <h1> headline, social rating, and CTA buttons.

To use the component, import it into your page.tsx like this:

import Hero from "@/components/hero";