Add Navbar

src/components/layout/Header.astro

@@ -1,16 +1,21 @@
 ---
-const nav = [
-  { href: "/", label: "Strona główna" },
-  { href: "/internet", label: "Internet" },
-  { href: "/telewizja", label: "Telewizja" },
-  { href: "/internet-telewizja", label: "Internet + TV" },
-  { href: "/mapa-zasiegu", label: "Mapa zasięgu" },
-  { href: "/kontakt", label: "Kontakt" }
+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: "/kontakt" }
 ];
 ---
 
-<header class="fuz-header">
-  <div class="fuz-container flex items-center justify-between py-3">
+<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
@@ -18,12 +23,14 @@ const nav = [
       <span>FUZ</span>
     </a>
 
-    <nav class="hidden md:flex items-center gap-6 text-sm">
-      {nav.map((item) => (
-        <a href={item.href} class="hover:text-sky-600 dark:hover:text-sky-400">
-          {item.label}
-        </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>
       ))}
-    </nav>
+    </div>
+
+    <!-- Mobilne menu (hamburger + panel) -->
+    <MobileMenu client:load links={links} />
   </div>
-</header>
+</nav>