Showcase client success stories within the main about section

Moves testimonials into the AboutSection and removes the TestimonialsSection component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 993772ca-0b6c-4a66-865f-43bf247cd140
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/a886cfcd-fc79-4131-a9a2-dcd4f75c8927.jpg

client/src/components/about/about-section.tsx

@@ -2,6 +2,7 @@ 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 (
@@ -61,6 +62,39 @@ export function AboutSection() {
             </div>
           </div>
         </div>
+        
+        {/* Testimonials Section */}
+        <div className="mt-16">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="bg-purple bg-opacity-10 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-purple bg-opacity-10 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-purple bg-opacity-10 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>
   );

client/src/pages/about-page.tsx

@@ -1,5 +1,4 @@
 import { AboutSection } from "@/components/about/about-section";
-import { TestimonialsSection } from "@/components/testimonials/testimonials-section";
 import { PhotoGallery } from "@/components/photo-gallery";
 import { useEffect } from "react";
 
@@ -17,7 +16,6 @@ export default function AboutPage() {
     <main>
       <div className="pt-10"></div>
       <AboutSection />
-      <TestimonialsSection />
       <PhotoGallery />
     </main>
   );

client/src/pages/home-page.tsx

@@ -2,7 +2,6 @@ import { HeroSection } from "@/components/home/hero-section";
 
 import { HomeAboutSection } from "@/components/about/home-about-section";
 import { ClassesSection } from "@/components/classes/classes-section";
-import { TestimonialsSection } from "@/components/testimonials/testimonials-section";
 
 import { ContactSection } from "@/components/contact/contact-section";
 import { CTASection } from "@/components/home/cta-section";
@@ -45,7 +44,6 @@ export default function HomePage() {
       <HeroSection />
       <ClassesSection />
       <HomeAboutSection />
-      <TestimonialsSection />
       <ContactSection />
       <CTASection />
     </main>