Spaces:
Build error
Build error
| import Link from 'next/link'; | |
| import { Zap, Github, Menu } from 'lucide-react'; | |
| export default function Header() { | |
| return ( | |
| <header className="fixed top-0 w-full z-50 border-b border-gray-800/50 bg-black/50 backdrop-blur-md"> | |
| <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div className="flex justify-between items-center h-16"> | |
| <div className="flex items-center gap-2"> | |
| <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center"> | |
| <Zap className="w-5 h-5 text-white" /> | |
| </div> | |
| <span className="font-bold text-xl tracking-tight text-white">Manus<span className="text-indigo-400">.ai</span></span> | |
| </div> | |
| <div className="hidden md:flex items-center space-x-8"> | |
| <a href="#" className="text-gray-300 hover:text-white transition-colors text-sm font-medium">Features</a> | |
| <a href="#" className="text-gray-300 hover:text-white transition-colors text-sm font-medium">Templates</a> | |
| <a href="#" className="text-gray-300 hover:text-white transition-colors text-sm font-medium">Community</a> | |
| <a href="#" className="text-gray-300 hover:text-white transition-colors text-sm font-medium">Pricing</a> | |
| </div> | |
| <div className="flex items-center gap-4"> | |
| <div className="flex items-center gap-2 px-3 py-1 rounded-full bg-indigo-500/10 border border-indigo-500/20"> | |
| <span className="text-xs font-semibold text-indigo-300">Pro Mode</span> | |
| </div> | |
| <Link href="https://huggingface.co/spaces/akhaliq/anycoder" className="text-gray-400 hover:text-white transition-colors"> | |
| <Github className="w-5 h-5" /> | |
| </Link> | |
| <button className="md:hidden text-gray-400"> | |
| <Menu className="w-6 h-6" /> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| ); | |
| } |