Upload components/Header.js with huggingface_hub

components/Header.js

@@ -0,0 +1,27 @@
+import Link from 'next/link';
+
+export default function Header({ title, subtitle }) {
+  return (
+    <header className="border-b-2 border-brutal-black bg-brutal-white sticky top-0 z-30">
+      <div className="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
+        <div>
+          {subtitle && (
+            <p className="font-mono text-xs text-brutal-gray uppercase tracking-wider mb-1">
+              {subtitle}
+            </p>
+          )}
+          <h1 className="font-bold text-2xl md:text-3xl">{title}</h1>
+        </div>
+        
+        <a 
+          href="https://huggingface.co/spaces/akhaliq/anycoder"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="font-mono text-xs uppercase tracking-wider bg-brutal-black text-brutal-white px-3 py-2 border-2 border-brutal-black hover:bg-brutal-accent hover:border-brutal-accent transition-colors"
+        >
+          Built with anycoder
+        </a>
+      </div>
+    </header>
+  );
+}