go-300
          transition
          duration-100
          hover:bg-gray-100
          focus-visible:ring
          active:bg-gray-200
          md:px-8
          md:py-3
          md:text-base
        "
        >Show more</a
      >
    </div>

    <div class="grid gap-x-4 gap-y-6 sm:grid-cols-2 md:gap-x-6 lg:grid-cols-3 xl:grid-cols-4">
      <!-- product - start -->
      <div>
        <a
          href="#"
          class="group mb-2 block h-96 overflow-hidden rounded-lg bg-gray-100 shadow-lg lg:mb-3"