<div class="navbar bg-base-100">
  <div class="navbar-start">
    <div class="dropdown">
      <!-- svelte-ignore a11y-label-has-associated-control -->
      <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
      <label tabindex="0" class="btn btn-ghost lg:hidden">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
      </label>
      <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
      <ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
        <li><a href="/">หน้าหลัก</a></li>
        <li><a href="/qualifying">การสอบคัดเลือก</a></li>
        <li><a href="/competitive">การสอบแข่งขัน</a></li>
        <li><a href="/about">เกี่ยวกับเรา</a></li>
      </ul>
    </div>
    <a class="btn btn-ghost normal-case text-xl" 
    href="https://webportal.bangkok.go.th/KSB/page/top/1119/%E0%B8%81%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B8%A3%E0%B8%A3%E0%B8%AB%E0%B8%B2%E0%B8%9A%E0%B8%B8%E0%B8%84%E0%B8%84%E0%B8%A5">
      กองสรรหา
    </a>
  </div>
  <div class="navbar-center hidden lg:flex">
    <ul class="menu menu-horizontal px-1">
      <li><a href="/">หน้าหลัก</a></li>
      <li><a href="/qualifying">การสอบคัดเลือก</a></li>
      <li><a href="/competitive">การสอบแข่งขัน</a></li>
      <li><a href="/about">เกี่ยวกับเรา</a></li>
    </ul>
  </div>
  <div class="navbar-end">
    <a class="btn" href="/">เข้าสู่ระบบ</a>
  </div>
</div>