Upload components/Header.js with huggingface_hub

components/Header.js

@@ -0,0 +1,29 @@
+import Link from 'next/link';
+import { Cpu } from 'lucide-react';
+
+export default function Header() {
+  return (
+    <header className="w-full bg-slate-900 border-b border-slate-700 shadow-lg sticky top-0 z-50">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex items-center justify-between h-16">
+          <div className="flex items-center gap-2">
+            <Cpu className="w-8 h-8 text-indigo-500" />
+            <h1 className="text-xl font-bold text-white tracking-tight">
+              AI Command Center
+            </h1>
+          </div>
+          <nav className="flex items-center">
+            <Link 
+              href="https://huggingface.co/spaces/akhaliq/anycoder" 
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-sm font-medium text-indigo-400 hover:text-indigo-300 transition-colors duration-200 flex items-center gap-1"
+            >
+              Built with anycoder
+            </Link>
+          </nav>
+        </div>
+      </div>
+    </header>
+  );
+}