---
// Header.astro
---
<header>
  <nav class="nav-container">
    <ul class="main-menu">
      <li><a href="/">Home</a></li>
      <li class="has-dropdown">
        <a href="/services">Services</a>
        <ul class="dropdown">
          <li class="has-submenu">
            <a href="/services#privacy">Privacy</a>
            <ul class="submenu">
              <li><a href="/services/adblocker">Adblocker</a></li>
              <li><a href="/services/remove-telemetry">Remove Windows Telemetry</a></li>
              <li><a href="/services/bitwarden">Bitwarden Password Manager</a></li>
            </ul>
          </li>
          <li class="has-submenu">
            <a href="/services#security">Security</a>
            <ul class="submenu">
              <li><a href="/services/opnsense">OPNsense Firewall</a></li>
              <li><a href="/services/wireguard">WireGuard VPN</a></li>
              <li><a href="/services/vpn">VPN Services</a></li>
            </ul>
          </li>
          <li class="has-submenu">
            <a href="/services#anonymity">Anonymity</a>
            <ul class="submenu">
              <li><a href="/services/tor">TOR Network</a></li>
              <li><a href="/services/grapheneos">GrapheneOS Setup</a></li>
              <li><a href="/services/linux-setup">Linux Setup</a></li>
            </ul>
          </li>
          <li class="has-submenu">
            <a href="/services#infrastructure">Infrastructure</a>
            <ul class="submenu">
              <li><a href="/services/openwrt">OpenWRT Router</a></li>
              <li><a href="/services/nas">NAS Setup</a></li>
              <li><a href="/services/mail-server">Mail Server Setup</a></li>
              <li><a href="/services/proxmox">Proxmox VE</a></li>
              <li><a href="/services/vps">VPS Setup</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="/about">About</a></li>
      <li><a href="/contact">Contact</a></li>
    </ul>
    
    <!-- Theme toggle button -->
    <button class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode">
      <span id="themeIcon">🌙</span>
      <span id="themeText">Dark</span>
    </button>
  </nav>
</header>
