update

app/components/Header.tsx

@@ -0,0 +1,32 @@
+// app/components/Header.tsx
+"use client";
+
+import Link from "next/link";
+
+export default function Header() {
+  return (
+    <header className="p-5 bg-gray-800 text-white">
+      <nav className="flex justify-between items-center">
+        <h1 className="text-lg font-bold">My Portfolio</h1>
+        <ul className="flex space-x-4 items-center">
+          <li>
+            <Link href="#about" className="hover:underline">
+              About
+            </Link>
+          </li>
+          <li>
+            <Link href="#projects" className="hover:underline">
+              Projects
+            </Link>
+          </li>
+          <li>
+            <Link href="#contact" className="hover:underline">
+              Contact
+            </Link>
+          </li>
+          {/* DarkModeToggle removed */}
+        </ul>
+      </nav>
+    </header>
+  );
+}