<section>
<div class="px-8 py-32 mx-auto md:px-12 lg:px-24 max-w-7xl">
<div class="text-center max-w-xl mx-auto lg:text-balance">
<span
class="font-mono text-xs font-medium tracking-tight text-accent-600 uppercase"
>Tagline</span
>
<h1
class="text-4xl mt-4 font-semibold tracking-tight text-base-900 sm:text-balance"
>
Explore our visual showcase
</h1>
<p class="mt-6 text-base font-medium text-base-500 sm:text-balance">
A curated collection of images capturing the essence of our brand and
the stories we tell.
</p>
</div>
<div class="mt-12 grid grid-cols-1 sm:grid-cols-2 gap-4 lg:grid-cols-3">
<img src="/images/p1.svg" alt="#_" class="size-full object-cover" />
<div class="flex flex-col gap-4">
<img src="/images/p1.svg" alt="#_" class="size-full object-cover" />
<img src="/images/p1.svg" alt="#_" class="size-full object-cover" />
</div>
<img src="/images/p1.svg" alt="#_" class="size-full object-cover" />
</div>
</div>
</section>
