About-us Health Gradient

                <!--
@type: About Us
@industry: Health
@style: Gradient
@category: Page Section, Content
@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 right-0 w-1/2 h-full bg-gray-50/50 -skew-x-12 translate-x-32 pointer-events-none"></div>

  <div class="relative max-w-7xl mx-auto px-6 lg:px-8">
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center">

      <div class="relative">
        <div class="relative rounded-[2.5rem] overflow-hidden shadow-2xl z-10 border-4 border-white">
          <img
            src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80"
            alt="Our team collaborating" class="w-full h-[500px] object-cover" />
          <div class="absolute inset-0 bg-gradient-to-t from-emerald-900/60 via-transparent to-transparent"></div>
        </div>

        <div class="absolute -top-6 -left-6 w-full h-full border-2 border-emerald-100 rounded-[2.5rem] -z-10"></div>
        <div class="absolute -bottom-6 -right-6 w-32 h-32 bg-gray-100 rounded-full blur-2xl -z-10"></div>
      </div>

      <div class="max-w-xl">
        <div class="text-emerald-600 font-semibold tracking-wide uppercase text-sm mb-3">The Authors</div>

        <h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-8 leading-[1.1]">
          We didn't find our health in a lab. <br />
          <span class="text-transparent bg-clip-text bg-gradient-to-r from-emerald-600 to-gray-400 font-serif italic">We
            found it in the struggle.</span>
        </h2>

        <div class="space-y-6 text-lg text-gray-600 leading-relaxed">
          <p>
            Our story began when a group of clinical researchers and elite athletes realized something vital: <span
              class="text-gray-900 font-semibold">science alone isn't enough.</span> We were tired of sterile advice and
            cold metrics that ignored the human experience.
          </p>
          <p>
            We believe that vitality is the currency of a life well-lived. Whether you are leading a boardroom or
            raising a family, your physical state dictates the quality of your presence. We exist to ensure your body
            never limits your ambition.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>