category previews

              <div class="group relative aspect-[3/2] overflow-hidden rounded-2xl">
  <img
    src="/store/shoes/airmax/3.png"
    alt="#_"
    class="absolute object-cover size-full group-hover:opacity-75"
  />
  <div class="absolute inset-0 flex items-start p-6">
    <p class="text-base font-semibold text-zinc-900">
      <a href="#_">
        <span class="absolute inset-0"></span>
        New Arrivals
      </a>
    </p>
  </div>
</div>