export default function Header() {
  return (
    <header className="fixed top-0 z-50 w-full bg-black/20 backdrop-blur-lg">
      <nav className="container mx-auto flex h-20 items-center justify-between px-6">
        <a href="#" className="text-3xl font-bold text-amber-400">
          Budapest Bisztró
        </a>
        <ul className="hidden items-center space-x-8 md:flex">
          <li><a href="#rolunk" className="text-slate-300 transition hover:text-amber-400">Rólunk</a></li>
          <li><a href="#menu" className="text-slate-300 transition hover:text-amber-400">Menü</a></li>
          <li><a href="#foglalas" className="text-slate-300 transition hover:text-amber-400">Foglalás</a></li>
          <li><a href="#szallitas" className="text-slate-300 transition hover:text-amber-400">Szállítás</a></li>
        </ul>
      </nav>
    </header>
  );
}
