Featured Product Showcase

<div class="w-full max-w-4xl mx-auto">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');</style>
  <div class="bg-white rounded-2xl shadow-lg overflow-hidden" style="font-family: 'Inter', 'Helvetica Neue', sans-serif;">
    <div class="grid md:grid-cols-2 gap-0">
      <div class="bg-gray-50 p-4 md:p-6 flex items-center justify-center">
        <img src="https://www.etos.nl/dw/image/v2/BCTN_PRD/on/demandware.static/-/Sites-etos-master-catalog/default/dw52c474cf/images/120558691/120558691_MCM_PACK_1311435.jpg?sw=800&sfrm=png&q=75" alt="Featured Product" class="w-full h-auto object-cover rounded-lg" loading="lazy" />
      </div>
      <div class="p-6 md:p-8 flex flex-col justify-center">
        <h2 class="text-2xl md:text-3xl font-bold text-gray-900 mb-4">Featured Product</h2>
        <p class="text-gray-600 mb-6 leading-relaxed">Discover our premium selection with exceptional quality and design. Perfect for your everyday needs.</p>
        <button class="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3
          px-6 rounded-lg transition-colors duration-200 inline-flex
          items-center justify-center">View Details</button>
      </div>
    </div>
  </div>
</div>