Hero Section

This page showcases the Hero Section component from your project.

Component Overview

The Hero Section is the first section users see when visiting your page. It is designed to grab attention with a headline, subheadline, and a call-to-action (CTA). This section is crucial for making a strong first impression.

How to Use

Below is an example of how to import and use the Hero Section in your code:

// Import the HeroSection component
import { HeroSection } from "@/components/sections/HeroSection";

function HomePage() {
  return (
    <main>
      <HeroSection />
    </main>
  );
}

export default HomePage;