Upload components/Header.js with huggingface_hub

components/Header.js

@@ -0,0 +1,25 @@
+import Link from 'next/link';
+import { MessageSquare } from 'lucide-react';
+
+export default function Header() {
+  return (
+    <header className="fixed top-0 left-0 right-0 z-50 glass-panel border-b border-glassBorder">
+      <div className="container mx-auto px-4 py-3 flex justify-between items-center">
+        <div className="flex items-center gap-2">
+          <div className="bg-primary/20 p-2 rounded-lg">
+            <MessageSquare className="text-primary w-6 h-6" />
+          </div>
+          <h1 className="text-xl font-bold text-white tracking-tight">چت‌روم مینیمال</h1>
+        </div>
+        <Link 
+          href="https://huggingface.co/spaces/akhaliq/anycoder" 
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-xs text-white/60 hover:text-primary transition-colors duration-200 font-medium"
+        >
+          Built with anycoder
+        </Link>
+      </div>
+    </header>
+  );
+}