Upload components/Header.jsx with huggingface_hub

components/Header.jsx

@@ -0,0 +1,28 @@
+import Link from 'next/link';
+import { Github, Cpu } from 'lucide-react';
+
+export default function Header() {
+  return (
+    <header className="h-[64px] bg-panel/80 backdrop-blur-md border-b border-border flex items-center justify-between px-6 z-50 relative">
+      <div className="flex items-center gap-3">
+        <div className="w-8 h-8 bg-gradient-to-br from-primary to-accent rounded-md flex items-center justify-center text-white font-bold text-lg shadow-lg shadow-primary/20">
+          <Cpu size={20} />
+        </div>
+        <h1 className="text-xl font-bold tracking-tight bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent">
+          NeuroArch Studio
+        </h1>
+      </div>
+
+      <div className="flex items-center gap-6">
+        <Link 
+          href="https://huggingface.co/spaces/akhaliq/anycoder" 
+          target="_blank"
+          className="flex items-center gap-2 text-muted hover:text-primary transition-colors text-sm font-medium"
+        >
+          <span>Built with anycoder</span>
+          <Github size={14} />
+        </Link>
+      </div>
+    </header>
+  );
+}