<nav class="border-gray-200 bg-white px-6 py-4 shadow-lg">
  <div class="flex items-center justify-between">
    <a href="#" class="flex">
      <img src="https://i.ibb.co/jGMgp7r/seamless-ui.png" class="w-16" alt="Header Logo" />
      <span class="hidden self-center whitespace-nowrap text-lg font-semibold md:block">SeamLess UI</span>
    </a>

    <div class="hidden w-full md:block md:w-auto">
      <div
        class="flex flex-col gap-8 rounded-lg border border-gray-100 bg-black p-4 md:mt-0 md: