 <header class="flex container">
      <div class="mt-4 flex md:hidden justify-between md:items-center w-full">
        <a href="/">
        <img src="/img/content-planet-logo.svg" alt="" /></a>
        <button id="menu-open">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
            />
          </svg>
        </button>
      </div>
      <div
        class="flex flex-col md:justify-between md:items-center md:mb-12 md:mt-4 md:flex-row md:w-full fixed md:static top-0 left-0 px-4 w-2xs py-7 bg-white md:bg-transparent h-full transition-all z-10 duration-[0.3s] opacity-0 -translate-x-full md:opacity-100 md:-translate-x-0"
        id="menu"
      >
      <a href="/">
        <img
          src="/img/content-planet-logo.svg"
          alt=""
          class="w-40 mb-8 md:mb-0"
        /></a>
        <div
          class="flex md:items-center md:justify-between gap-8 flex-col md:flex-row h-full"
        >
          <a
            href="/"
            class="font-medium"
            >Home</a
          >
          <a href="/content" class="font-medium">Order a Content</a>
          <a
            href="/blog"
            class="font-medium"
            >Blog</a
          >
          <a
            href="/about-us"
            class="font-medium"
            >About Us</a
          >
          <a
            href="https://app.contentplanet.agency"
            class="px-2 py-1 border rounded-lg border-[#5E0C92] text-[#5E0C92] font-medium"
            >Sign in</a
          >
        </div>
        <button
          class="absolute top-10 right-4 md:hidden"
          id="menu-open"
          onclick="closeBtn()"
        >
          <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
            id="menu-close"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              d="M6 18 18 6M6 6l12 12"
            />
          </svg>
        </button>
      </div>
    </header>