Upload components/Header.jsx with huggingface_hub

components/Header.jsx

@@ -0,0 +1,29 @@
+export default function Header() {
+  return (
+    <header className="bg-white shadow-sm border-b border-slate-200">
+      <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-3">
+            <div className="w-10 h-10 bg-gradient-to-br from-primary-500 to-primary-700 rounded-xl flex items-center justify-center shadow-lg">
+              <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+              </svg>
+            </div>
+            <div>
+              <h1 className="text-2xl font-bold text-slate-800">Calendario de Eventos</h1>
+              <p className="text-sm text-slate-500">Organiza tus eventos fácilmente</p>
+            </div>
+          </div>
+          <a
+            href="https://huggingface.co/spaces/akhaliq/anycoder"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-sm text-primary-600 hover:text-primary-700 font-medium transition-colors duration-200 hover:underline"
+          >
+            Built with anycoder
+          </a>
+        </div>
+      </div>
+    </header>
+  );
+}