customer-riverside/web/modules/custom/riverside_pt/templates/riverside-pt-about.html.twig

<div class="bg-gradient-to-b from-pt-sage-400 to-pt-blue-400 pt-px">
  <section class="relative md:mt-[78px] min-h-[320px] 2xl:flex">
    <div class="absolute inset-0 flex sm:pt-8 sm:pb-8 2xl:static 2xl:inset-auto 2xl:w-[62%] 2xl:flex-none 2xl:p-0">
      <div class="hidden sm:block sm:basis-[8%] sm:grow-[2] 2xl:hidden"></div>
      <img src="/modules/custom/riverside_pt/images/neck.jpg" alt="Our clinic" class="basis-full sm:basis-[58%] sm:grow 2xl:basis-full 2xl:flex-none min-w-0 h-full object-cover object-[center_0%]" />
      <div class="hidden sm:block sm:basis-[34%] sm:grow-[2] 2xl:hidden"></div>
    </div>
    <div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/30 to-transparent sm:hidden"></div>
    <div class="relative flex min-h-[320px] pt-0 pb-4 2xl:flex-1 2xl:bg-pt-blue-400 2xl:min-h-0 2xl:pb-0">
      <div class="hidden sm:block sm:basis-[50%] sm:grow-[2] 2xl:hidden"></div>
      <div class="basis-full sm:basis-[40%] sm:grow flex flex-col justify-end sm:justify-center px-6 sm:px-0 sm:pb-0 gap-[1vw] 2xl:basis-full 2xl:grow-0 2xl:pl-16 2xl:pr-12 2xl:justify-center">
        <h1 class="mt-0 mb-[1vw] text-[clamp(1.5rem,3.5vw,3.25rem)] font-serif font-normal text-white leading-none [text-shadow:-56.21px_2.55px_10.22px_rgb(0_0_0/10%)]">
          About Riverside Physical Therapy
        </h1>
        <p class="text-white/80 leading-tight text-[clamp(1rem,2vw,1.5vw)]">Helping you restore strength and reclaim your life since 2011.</p>
      </div>
      <div class="hidden sm:block sm:basis-[10%] sm:grow-[2] 2xl:hidden"></div>
    </div>
  </section>
</div>

<section class="py-16 px-6 bg-white">
  <div class="max-w-[1040px] mx-auto">
    <h2 class="text-[2.25rem] font-serif font-normal text-gray-900 leading-tight mb-8 text-center">Our Story</h2>
    <div class="max-w-none text-gray-700 space-y-4 text-[15px] leading-relaxed">
      <p>Riverside Physical Therapy was founded with a simple belief: every patient deserves a thorough evaluation and a truly personalized plan. What started as a small clinic has grown into a trusted partner for hundreds of patients across the region.</p>
      <p>Our team of licensed physical therapists brings together decades of experience in orthopedic, sports, post-surgical, and neurological rehabilitation. We stay current with the latest evidence-based techniques so you get care that actually works.</p>
    </div>
  </div>
</section>

<section class="bg-pt-blue-100 py-16 px-6">
  <div class="max-w-[1040px] mx-auto">
    <h2 class="text-[2.25rem] font-serif font-normal text-gray-900 leading-tight mb-8 text-center">What Sets Us Apart</h2>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
      <div class="bg-white p-6 rounded-xl border border-pt-blue-200">
        <h3 class="text-xl font-normal mb-3">One-on-one care</h3>
        <p class="text-gray-600">You work with the same therapist throughout your treatment. No hand-offs, no assembly line.</p>
      </div>
      <div class="bg-white p-6 rounded-xl border border-pt-blue-200">
        <h3 class="text-xl font-normal mb-3">Root cause focus</h3>
        <p class="text-gray-600">We don't just chase symptoms. We find and treat the underlying movement problems.</p>
      </div>
      <div class="bg-white p-6 rounded-xl border border-pt-blue-200">
        <h3 class="text-xl font-normal mb-3">Real results</h3>
        <p class="text-gray-600">Our patients consistently report faster recovery times and lasting improvements.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-16 px-6 bg-white">
  <div class="max-w-[700px] mx-auto text-center">
    <h2 class="text-[2.25rem] font-serif font-normal text-gray-900 leading-tight mb-6">Ready to start your recovery?</h2>
    <a href="/home#book-an-appointment" class="inline-block px-[4em] py-[1em] bg-pt-blue-500 text-white text-sm font-medium no-underline transition-colors border-2 border-pt-blue-500 hover:bg-pt-blue-600 hover:border-pt-blue-600">Make an Appointment</a>
  </div>
</section>