import { Link } from "wouter";
import FadiaImage from "../../assets/Fadia-167-crop.jpg";
import FadiaBridgeImage from "@assets/fadia-bridge3_1749866400701.jpg";
import FadiaStretchImage from "@assets/fadia-stretch_1749866078708.jpg";
import { Testimonial } from "@/components/community/testimonial";

export function AboutSection() {
  return (
    <section className="py-20 bg-purple-light">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex flex-col md:flex-row items-center">
          <div className="md:w-1/2 md:pr-12 mb-8 md:mb-0">
            {/* Top image */}
            <div className="mb-6">
              <img 
                src={FadiaBridgeImage} 
                alt="Fadia demonstrating bridge pose in a beautiful studio setting" 
                className="w-full h-auto rounded-md" 
              />
            </div>
            
            {/* Main center image */}
            <div className="mb-6">
              <img 
                src={FadiaImage} 
                alt="Fadia smiling" 
                className="w-full h-auto rounded-md" 
              />
            </div>
            
            {/* Bottom image */}
            <div>
              <img 
                src={FadiaStretchImage} 
                alt="Fadia performing a stretching movement during practice" 
                className="w-full h-auto rounded-md" 
              />
            </div>
          </div>
          
          <div className="md:w-1/2">
            <div className="prose max-w-none">
              <h3 className="text-2xl font-playfair font-semibold text-purple mb-4">My Pilates Story</h3>
              <p className="text-gray-600 mb-4">
                I came to movement as a way to feel good in my body and begin healing emotions I hadn't yet processed. It started simply—with home yoga classes—and slowly turned into something much deeper.
              </p>
              <p className="text-gray-600 mb-4">
                Eventually, I joined a two-year foundational dance program at a dance school in Berlin, where I was first introduced to Pilates. One of my teachers recommended it to help me build strength and develop the kind of body awareness that could support my dancing.
              </p>
              <p className="text-gray-600 mb-4">
                My first Pilates class was... okay. I wasn't sure what to expect, and I was surprised by the minimalist approach and the detailed verbal cueing. But by the second class, something shifted—I was hooked. Within a month, I was completely sold, not just by the method but by the transformation I saw and felt in my own body.
              </p>
              <p className="text-gray-600 mb-4">
                That experience led me to enrol in a comprehensive teacher training program rooted in the classical repertoire and as close as possible to the original method, aligned with the German Pilates Association. Today, I teach both mat and equipment Pilates—including the Reformer, Wunda Chair, Cadillac, and Spine Corrector.
              </p>
              <p className="text-gray-600 mb-4">
                My goal is to help others reconnect with their bodies, build deep, functional strength, and move with more ease and confidence in their daily lives.
              </p>
              <p className="text-gray-600">
                Having had movement as an integral part of my healing and personal development for the past 8 years, I've explored not only Pilates, but also martial arts like Capoeira and Parkour, alongside dance. Through this journey, I came to realize that movement is a powerful game changer—not just for the body, but also on a psychological and neurological level. It transforms us from passive observers into people who feel grounded in their strength and capable of taking agency in different areas of life.
              </p>
            </div>
          </div>
        </div>
        
        {/* Testimonials Section */}
        <div className="mt-16">
          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="bg-teal-light rounded-lg p-6 shadow-sm transition-transform duration-300 hover:scale-105">
              <Testimonial
                quote="I dropped in at Fadia's Pilates more than two years ago and since then I have tried my utmost not to miss a class. It's not just a workout, it's an amazing vibe created by sweating together, laughing together and pushing the limits together."
                author="Ingrid from Estonia"
                memberSince="2022"
                initials="IE"
                color="teal"
              />
            </div>
            <div className="bg-teal-light rounded-lg p-6 shadow-sm transition-transform duration-300 hover:scale-105">
              <Testimonial
                quote="I've seen incredible improvements in my posture and core strength since joining Fadia's classes. She truly understands how to help each individual."
                author="Ahmed M."
                memberSince="2022"
                initials="AM"
                color="purple"
              />
            </div>
            <div className="bg-teal-light rounded-lg p-6 shadow-sm transition-transform duration-300 hover:scale-105">
              <Testimonial
                quote="The mindful approach to movement has helped my chronic back pain tremendously. I look forward to every class!"
                author="Laila K."
                memberSince="2023"
                initials="LK"
                color="rose"
              />
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}