Upload components/Header.js with huggingface_hub

components/Header.js

@@ -1,32 +1,22 @@
 export default function Header() {
   return (
-    <header className="border-b border-gray-800/50 bg-gray-900/40 backdrop-blur-xl sticky top-0 z-50">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-4">
-            <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center text-xl shadow-lg shadow-indigo-500/25">
-              🤖
-            </div>
-            <div>
-              <h1 className="text-xl font-bold bg-gradient-to-r from-indigo-400 to-purple-400 bg-clip-text text-transparent">
-                Autonomous AI Dev System
-              </h1>
-              <p className="text-xs text-gray-500">Multi-Agent Software Engineering Pipeline</p>
-            </div>
+    <header className="border-b-4 border-black bg-comic-yellow py-4 px-4 shadow-comic-sm sticky top-0 z-50">
+      <div className="max-w-6xl mx-auto flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 bg-white border-4 border-black rounded-full flex items-center justify-center text-3xl shadow-comic-sm animate-pop">
+            ♟️
           </div>
-          <div className="flex items-center gap-4">
-            <div className="hidden sm:flex items-center gap-2 px-3 py-1.5 rounded-lg bg-green-500/10 border border-green-500/20">
-              <div className="w-2 h-2 rounded-full bg-green-500 animate-pulse" />
-              <span className="text-xs text-green-400 font-medium">System Online</span>
-            </div>
-            <a
-              href="https://huggingface.co/spaces/akhaliq/anycoder"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-xs text-gray-500 hover:text-indigo-400 transition-colors"
-            >
-              Built with anycoder
-            </a>
+          <div>
+            <h1 className="text-3xl sm:text-4xl font-black font-['Bangers'] tracking-tight text-black leading-none">
+              COMIC CHESS
+            </h1>
+            <p className="text-xs font-bold uppercase tracking-widest mt-1">Arena of Kings</p>
+          </div>
+        </div>
+        
+        <div className="hidden sm:block">
+          <div className="bg-white border-4 border-black px-4 py-1 transform rotate-2 shadow-comic-sm">
+            <span className="font-['Bangers'] text-xl">SEASON 1</span>
           </div>
         </div>
       </div>