Quote Health Gradient

                <!--
@type: Quote
@industry: Health
@style: Gradient
@category: Social Proof, Feedback
@framework: Tailwind
@license: Free
-->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,400;1,700&display=swap');

  body {
    font-family: 'Inter', sans-serif;
  }

  .font-serif {
    font-family: 'Merriweather', serif;
  }
</style>

<section class="bg-white py-24 relative overflow-hidden">

  <div class="absolute top-0 left-0 w-full h-full pointer-events-none">
    <div
      class="absolute top-1/2 left-1/4 -translate-y-1/2 w-[500px] h-[500px] bg-emerald-50 rounded-full blur-[120px] opacity-60">
    </div>
    <div class="absolute top-1/4 right-1/4 w-[300px] h-[300px] bg-gray-100 rounded-full blur-[100px] opacity-80"></div>
  </div>

  <div class="relative max-w-5xl mx-auto px-6 lg:px-8 text-center">

    <figure class="relative">
      <div class="absolute -top-10 left-0 text-[12rem] font-serif text-gray-100 -z-10 select-none opacity-50">“</div>

      <blockquote class="text-3xl lg:text-5xl font-bold text-gray-900 leading-[1.2] mb-8 tracking-tight">
        "Your biology is not a <span class="text-emerald-600">fixed fate</span>; it is a living draft. You have the
        power to edit every cell, every breath, and every
        <span
          class="text-transparent bg-clip-text bg-gradient-to-r from-emerald-600 to-gray-500 font-serif italic">tomorrow
          you choose to write.</span>"
      </blockquote>

      <figcaption class="flex flex-col items-center">
        <div class="h-px w-12 bg-emerald-300 mb-5"></div>
        <p class="text-gray-900 font-bold text-lg tracking-wide uppercase">Dr. Julian Vance</p>
        <p class="text-emerald-600 text-sm font-medium tracking-widest mt-1 uppercase">Director of Narrative Physiology
        </p>
      </figcaption>
    </figure>

    <div class="mt-10 flex flex-col items-center">
      <p class="text-gray-400 italic max-w-lg mx-auto">
        Join the 2,000+ authors who have already decided to take back the pen and redefine what their 'prime' looks
        like.
      </p>
      <div class="mt-6 flex items-center gap-4">
        <div class="flex -space-x-3">
          <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-1.webp" alt="Customer" class="w-10 h-10 rounded-full">
          <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-2.webp" alt="Customer" class="w-10 h-10 rounded-full">
          <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-3.webp" alt="Customer" class="w-10 h-10 rounded-full">
        </div>
        <div class="text-left">
          <p class="text-xs font-bold text-gray-900 leading-none">The Collective</p>
          <p class="text-[10px] text-gray-400 uppercase tracking-tighter">Real Stories. Real Metrics.</p>
        </div>
      </div>
    </div>

  </div>
</section>