---
// Header.astro
---

<header>
  <nav>
    <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/bitwarden">Bitwarden</a></li>
              <li><a href="/services/remove-telemetry">Remove Windows Telemetry</a></li>
            </ul>
          </li>
          <li class="has-submenu">
            <a href="/services#security">Security</a>
            <ul class="submenu">
              <li><a href="/services/opnsense">OPNsense</a></li>
              <li><a href="/services/wireguard">Wireguard</a></li>
              <li><a href="/services/vpn">VPN</a></li>
            </ul>
          </li>
          <li class="has-submenu">
            <a href="/services#anonymity">Anonymity</a>
            <ul class="submenu">
              <li><a href="/services/tor">TOR</a></li>
              <li><a href="/services/linux-setup">Set Up Linux</a></li>
            </ul>
          </li>
          <li class="has-submenu">
            <a href="/services#infrastructure">Infrastructure</a>
            <ul class="submenu">
              <li><a href="/services/openwrt">OpenWRT</a></li>
              <li><a href="/services/nas">NAS</a></li>
              <li><a href="/services/proxmox">Proxmox</a></li>
              <li><a href="/services/vps">VPS</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="/about">About</a></li>
      <li><a href="/contact">Contact</a></li>
    </ul>
  </nav>
</header>