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 user attention and makes them more likely to stay.

This 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:

tsx
import Hero from "@/components/hero";