moved stuff out of app since it is used for routing

src/components/Header/index.tsx

@@ -0,0 +1,23 @@
+import Link from "next/link";
+
+export default function Header() {
+  {/* Header Section */ }
+  return (
+    (
+      <header className="bg-gray-800 text-white py-4 shadow-md">
+        <div className="container mx-auto px-6 flex justify-between items-center">
+          <h1 className="text-2xl font-bold">Ballistic Builder</h1>
+          <nav>
+            <ul className="flex space-x-4">
+              <li><Link href="#features" className="hover:underline">Features</Link></li>
+              <li><Link href="/builder" className="hover:underline">Builder</Link></li>
+              <li><Link href="/products" className="hover:underline">Products</Link></li>
+              <li><Link href="#contact" className="hover:underline">Contact</Link></li>
+            </ul>
+          </nav>
+        </div>
+
+      </header>
+
+    )
+)}