E-commerce Gallery Section with Header

<div
  class="sm:p-8 bg-neutral-50 max-w-6xl border-neutral-200 border rounded-3xl mt-8 mr-auto ml-auto pt-6 pr-6 pb-6 pl-6 shadow-[0_2.8px_2.2px_rgba(0,_0,_0,_0.034),_0_6.7px_5.3px_rgba(0,_0,_0,_0.048),_0_12.5px_10px_rgba(0,_0,_0,_0.06),_0_22.3px_17.9px_rgba(0,_0,_0,_0.072),_0_41.8px_33.4px_rgba(0,_0,_0,_0.086),_0_100px_80px_rgba(0,_0,_0,_0.12)]">
  <!-- Info card -->
  <div class="group relative overflow-hidden sm:p-6 ]">
    <div class="pointer-events-none absolute inset-0 opacity-[0.07]"
      style="background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.9) 1px, transparent 1px); background-size: 14px 14px;">
    </div>

    <h3 class="text-3xl font-semibold tracking-tight">Welcome to Arcade | Your savings hub</h3>


  </div>
  <!-- Gallery -->
  <div class="lg:col-span-3 grid grid-cols-2 md:grid-cols-3 gap-4">
    <div class="relative overflow-hidden bg-white/5 border-white/10 border rounded-2xl">
      <article
        class="relative overflow-hidden aspect-[4/5] bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/532c0208-00e8-4cae-a16b-d9b79a5d081c_800w.jpg)] bg-cover border-neutral-200 border rounded-2xl">
        <div class="absolute top-3 left-3">

        </div>
        <div class="absolute top-3 right-3">

        </div>
        <div class="absolute bottom-3 left-3 right-3">
          <p class="leading-tight text-lg font-medium text-white tracking-tight font-geist" style="">New Arrivals</p>
        </div>
      </article>
    </div>
    <div class="relative overflow-hidden bg-white/5 border-white/10 border rounded-2xl">
      <article
        class="relative overflow-hidden aspect-[4/5] bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/20653000-43d0-4885-98f3-9ceb76370106_800w.jpg)] bg-cover border-neutral-200 border rounded-2xl">
        <div class="absolute top-3 left-3">

        </div>
        <div class="absolute top-3 right-3">

        </div>
        <div class="absolute bottom-3 left-3 right-3">
          <p class="leading-tight text-lg font-medium text-white tracking-tight font-geist" style="">Best Sellers</p>
        </div>
      </article>
    </div>
    <div class="relative overflow-hidden bg-white/5 border-white/10 border rounded-2xl">
      <article
        class="relative overflow-hidden aspect-[4/5] bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/10dd46c9-2ab8-44be-8554-48514ed069b9_800w.jpg)] bg-cover border-neutral-200 border rounded-2xl">
        <div class="absolute top-3 left-3">

        </div>
        <div class="absolute top-3 right-3">

        </div>
        <div class="absolute bottom-3 left-3 right-3">
          <p class="leading-tight text-lg font-medium text-white tracking-tight font-geist" style="">Today's Picks</p>
        </div>
      </article>
    </div>
    <div class="relative overflow-hidden bg-white/5 border-white/10 border rounded-2xl">

    </div>
    <div class="relative overflow-hidden bg-white/5 border-white/10 border rounded-2xl">

    </div>
  </div>
</div>