<!-- New Arrivals Section -->
<section id="new-arrivals" class="py-20">
  <div class="container mx-auto px-6">
    <div class="text-center mb-12">
      <h2 class="text-5xl font-serif font-bold" data-key="new_arrivals_title">
        New Arrivals
      </h2>
    </div>
    <div class="grid md:grid-cols-3 gap-8">
      <!-- Product 1 -->
      <div class="text-center">
        <div class="relative rounded-lg overflow-hidden product-image-container">
          <img src="..." alt="Handcrafted Ceramic Vase">
          <div class="absolute inset-0 product-overlay">
            <button class="... quick-view-btn">Quick View</button>
          </div>
        </div>
        <h3 class="text-xl font-semibold mt-4">Earthen Ceramic Vase</h3>
        <p class="text-lg text-accent mt-1">$75.00</p>
      </div>
      <!-- More products... -->
    </div>
  </div>
</section>