moved stuff out of app since it is used for routing

src/components/Hero/index.tsx

@@ -0,0 +1,24 @@
+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>
+
+    )
+}