<nav
      class="min-w-[300px] rounded-2xl bg-zinc-200 font-semibold">
      <ul class="text-gray-500 flex items-center">
        <li
          class="py-3 text-center w-1/3 hover:text-black cursor-pointer duration-300">
            <span
              class="text-white bg-black px-5 py-2 rounded-2xl">
              Home
            </span>
          </li>
          <li
            class="py-2 text-center w-1/3 hover:text-black font-bold cursor-pointer duration-300">
            <span>About</span>
          </li>
          <li
            class="py-2 text-center w-1/3 hover:text-black cursor-pointer duration-300">
            <span>Contact</span>
          </li>
        </ul>
    </nav>