Upload components/Header.js with huggingface_hub

components/Header.js

@@ -0,0 +1,26 @@
+import { ExternalLink } from 'lucide-react';
+
+export default function Header() {
+  return (
+    <header className="border-b border-slate-800 bg-slate-900/50 backdrop-blur-sm sticky top-0 z-50">
+      <div className="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
+        <div className="flex items-center gap-2">
+          <div className="bg-blue-600 p-2 rounded-lg">
+            <Database size={20} className="text-white" />
+          </div>
+          <span className="text-xl font-bold text-white tracking-tight">Perplexity<span className="text-blue-500">Export</span></span>
+        </div>
+        
+        <a 
+          href="https://huggingface.co/spaces/akhaliq/anycoder" 
+          target="_blank" 
+          rel="noopener noreferrer"
+          className="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-1 bg-slate-800 px-3 py-1.5 rounded-full border border-slate-700 hover:border-slate-500"
+        >
+          Built with anycoder
+          <ExternalLink size={14} />
+        </a>
+      </div>
+    </header>
+  );
+}