Fixed Navigation Bar with Menu Toggle

<nav
  class="fixed dark:border-white/5 dark:bg-[#020617]/60 transition-all duration-300 z-50 bg-white/70 w-full border-slate-200 border-b top-0 backdrop-blur-xl">
  <div class="flex h-16 max-w-7xl mr-auto ml-auto pr-6 pl-6 items-center justify-between">
    <button onclick="navigateTo('landing-content')" class="flex items-center gap-2 group z-50 relative cursor-pointer">
          <span class="text-xl font-semibold tracking-tight">
            <span class="text-[#2196F3]">JB</span><span class="dark:text-white text-slate-900">Sync</span>
          </span>
        </button>

    <button onclick="toggleMenu()" class="group flex dark:bg-slate-900/50 hover:bg-slate-200 dark:hover:bg-slate-800 dark:border-slate-800 hover:border-slate-300 dark:hover:border-slate-700 dark:text-slate-300 hover:text-slate-900 dark:hover:text-white transition-all duration-300 z-50 text-slate-600 bg-slate-100 border-slate-200 border rounded-full pt-2 pr-4 pb-2 pl-4 gap-x-2 gap-y-2 items-center">
          <span id="menu-text" class="text-xs font-medium uppercase tracking-wider" data-i18n="btn_menu">
            Menu
          </span>
          <iconify-icon icon="solar:hamburger-menu-linear" width="18" class="dark:text-slate-400 group-hover:text-cyan-600 dark:group-hover:text-cyan-400 transition-colors text-slate-500" height="18" id="menu-icon" style="color: rgb(34, 211, 238)"></iconify-icon>
        </button>
  </div>
</nav>