Upload components/Header.js with huggingface_hub

components/Header.js

@@ -0,0 +1,41 @@
+import Link from 'next/link';
+
+export default function Header() {
+  return (
+    <header className="bg-white dark:bg-gray-900 shadow-md sticky top-0 z-50">
+      <div className="container mx-auto px-4 py-4 flex justify-between items-center">
+        <div className="flex items-center space-x-2">
+          <div className="w-8 h-8 bg-primary-500 rounded-lg flex items-center justify-center text-white font-bold">
+            N
+          </div>
+          <span className="text-xl font-bold text-gray-800 dark:text-white">
+            NextApp
+          </span>
+        </div>
+        
+        <nav className="hidden md:flex space-x-6">
+          <a href="#" className="text-gray-600 hover:text-primary-500 dark:text-gray-300 dark:hover:text-primary-400 transition-colors">
+            Home
+          </a>
+          <a href="#" className="text-gray-600 hover:text-primary-500 dark:text-gray-300 dark:hover:text-primary-400 transition-colors">
+            Features
+          </a>
+          <a href="#" className="text-gray-600 hover:text-primary-500 dark:text-gray-300 dark:hover:text-primary-400 transition-colors">
+            About
+          </a>
+        </nav>
+
+        <div className="flex items-center">
+          <a 
+            href="https://huggingface.co/spaces/akhaliq/anycoder" 
+            target="_blank" 
+            rel="noopener noreferrer"
+            className="text-sm font-medium text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 transition-colors"
+          >
+            Built with anycoder
+          </a>
+        </div>
+      </div>
+    </header>
+  );
+}