<section class="py-20 bg-white">
  <div class="max-w-6xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
    <div class="z-10">
      <p class="text-xs uppercase tracking-widest font-semibold text-gray-500 mb-4">Curated & Trusted</p>
      <h1 class="serif text-4xl md:text-5xl font-bold text-gray-900 leading-tight">Authentic African Wellness, Delivered</h1>
      <p class="mt-4 text-lg text-gray-600 max-w-xl">Heritage-verified remedies from trusted guardians. Skip the guesswork — get authentic ingredients with lineage knowledge for real results.</p>
      <div class="mt-8 flex gap-4">
        <a href="/files/atasteofafricanmarketplace/register.php" class="inline-block bg-shining-green text-white px-6 py-3 rounded-md font-semibold shadow-sm hover:bg-green-700 transition-colors">Start Your Journey</a>
        <a href="/files/atasteofafricanmarketplace/coaches/list.php" class="inline-block text-gray-700 px-4 py-3 rounded-md border border-gray-200 hover:border-gray-300 transition-colors">Meet Our Guardians</a>
      </div>
      <div class="mt-6 text-sm text-gray-500">✓ No subscription required ✓ 30-day money-back guarantee ✓ HIPAA-compliant consultations</div>
    </div>
    <div class="relative">
      <div class="rounded-2xl overflow-hidden shadow-lg">
        <img src="/files/atasteofafricanmarketplace/assets/images/hero-curated.jpg" alt="African herbal ingredients and traditional healing tools arranged on natural wooden surface" class="w-full h-[420px] object-cover" loading="eager" width="600" height="420">
      </div>
    </div>
  </div>
</section>