Upload components/Header.jsx with huggingface_hub

components/Header.jsx

@@ -0,0 +1,45 @@
+import { Camera, Github, Sparkles } from 'lucide-react';
+import Link from 'next/link';
+
+export default function Header() {
+  return (
+    <header className="fixed top-0 left-0 right-0 z-50 glass-panel border-b border-slate-800">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex items-center justify-between h-16">
+          <div className="flex items-center gap-3">
+            <div className="p-2 bg-indigo-600 rounded-lg">
+              <Camera className="w-5 h-5 text-white" />
+            </div>
+            <div>
+              <h1 className="text-xl font-bold bg-gradient-to-r from-indigo-400 to-cyan-400 bg-clip-text text-transparent">
+                Gaussian Worlds
+              </h1>
+              <p className="text-xs text-slate-400">360° Capture Viewer</p>
+            </div>
+          </div>
+          
+          <div className="flex items-center gap-4">
+            <Link 
+              href="https://huggingface.co/spaces/akhaliq/anycoder"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-indigo-300 hover:text-indigo-200 transition-colors group"
+            >
+              <Sparkles className="w-4 h-4 group-hover:animate-pulse" />
+              <span>Built with anycoder</span>
+            </Link>
+            
+            <a 
+              href="https://github.com"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="p-2 text-slate-400 hover:text-white transition-colors"
+            >
+              <Github className="w-5 h-5" />
+            </a>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}