ballistic-builder/app/components/Hero/index.tsx

import Link from "next/link";

export default function Hero() {
    {/* Hero Section */ }
    return (

        <section className="bg-gray-700 text-white py-20 text-center">
            <div className="container mx-auto px-6">
                <h2 className="text-4xl font-bold mb-4">Build Your Dream Firearm</h2>
                <p className="text-lg mb-6">
                    Customize every component of your firearm with ease and precision.
                </p>
                <Link
                    href="/builder"
                    className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">

                    Get Started

                </Link>
            </div>
        </section>

    )
}