Thalao's picture
Upload components/Header.js with huggingface_hub
55d3958 verified
Raw History Blame Contribute Delete
1.24 kB
import Link from 'next/link';
export default function Header() {
return (
<header className="bg-white shadow-md">
<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-blue-600 rounded-lg flex items-center justify-center text-white font-bold">
N
</div>
<span className="text-xl font-semibold text-gray-800">NextApp</span>
</div>
<nav className="hidden md:flex space-x-6">
<Link href="/" className="text-gray-600 hover:text-blue-600 transition duration-300">Home</Link>
<Link href="/dashboard" className="text-gray-600 hover:text-blue-600 transition duration-300">Dashboard</Link>
<Link href="/settings" className="text-gray-600 hover:text-blue-600 transition duration-300">Settings</Link>
</nav>
<a
href="https://huggingface.co/spaces/akhaliq/anycoder"
target="_blank"
rel="noopener noreferrer"
className="text-sm font-medium text-blue-600 hover:text-blue-800 hover:underline"
>
Built with anycoder
</a>
</div>
</header>
);
}