Spaces:
Sleeping
Sleeping
| 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> | |
| ); | |
| } |