---
import MobileMenu from "../../islands/MobileMenu.jsx";

const links = [
  { name: "START", href: "/" },
  { name: "INTERNET ŚWIATŁOWODOWY", href: "/internet-swiatlowodowy" },
  { name: "INTERNET I TELEWIZJA", href: "/internet-telewizja" },
  { name: "INTERNET RADIOWY", href: "/internet-radiowy" },
  { name: "TELEFON", href: "/telefon" },
  { name: "ZASIĘG SIECI", href: "/mapa-zasiegu" },
  { name: "KONTAKT", href: "/#contact" }
];
---

<nav class="fuz-navbar">
  <div class="fuz-navbar-inner">

    <!-- Logo -->
    <a href="/" class="flex items-center gap-2 font-semibold">
      <span class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-sky-500 text-white text-sm font-bold">
        F
      </span>
      <span>FUZ</span>
    </a>

    <!-- Linki desktop -->
    <div class="hidden md:flex fuz-navbar-links">
      {links.map(link => (
        <a href={link.href} class="fuz-navbar-link">{link.name}</a>
      ))}
    </div>

    <!-- Mobilne menu (hamburger + panel) -->
    <MobileMenu client:load links={links} />
  </div>
</nav>
