Upload components/Header.jsx with huggingface_hub

components/Header.jsx

@@ -0,0 +1,64 @@
+import Link from 'next/link'
+import { FiGithub, FiTwitter, FiBook, FiCode, FiCpu } from 'react-icons/fi'
+
+export default function Header() {
+  return (
+    <header className="bg-primary text-white shadow-lg sticky top-0 z-50">
+      <div className="container mx-auto px-4 py-3 flex justify-between items-center">
+        <div className="flex items-center space-x-2">
+          <FiCode className="text-2xl" />
+          <h1 className="text-xl font-bold">
+            <Link href="/" className="hover:text-gray-200 transition-colors">
+              FullStack Programming Hub
+            </Link>
+          </h1>
+        </div>
+        <div className="flex items-center space-x-6">
+          <nav className="hidden md:flex space-x-6">
+            <Link href="/editor" className="hover:text-gray-200 transition-colors flex items-center space-x-1">
+              <FiCpu className="text-sm" />
+              <span>Editor</span>
+            </Link>
+            <Link href="/models" className="hover:text-gray-200 transition-colors flex items-center space-x-1">
+              <FiBook className="text-sm" />
+              <span>Models</span>
+            </Link>
+            <Link href="/docs" className="hover:text-gray-200 transition-colors flex items-center space-x-1">
+              <FiCode className="text-sm" />
+              <span>Docs</span>
+            </Link>
+          </nav>
+          <div className="flex items-center space-x-4">
+            <Link
+              href="https://github.com"
+              className="hover:text-gray-200 transition-colors"
+              target="_blank"
+              rel="noopener noreferrer"
+              title="GitHub"
+            >
+              <FiGithub className="text-xl" />
+            </Link>
+            <Link
+              href="https://twitter.com"
+              className="hover:text-gray-200 transition-colors"
+              target="_blank"
+              rel="noopener noreferrer"
+              title="Twitter"
+            >
+              <FiTwitter className="text-xl" />
+            </Link>
+            <Link
+              href="https://huggingface.co/spaces/akhaliq/anycoder"
+              className="text-sm hover:text-gray-200 transition-colors flex items-center space-x-1"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <span>Built with</span>
+              <span className="font-bold">anycoder</span>
+            </Link>
+          </div>
+        </div>
+      </div>
+    </header>
+  )
+}