Display client testimonials within the 'Meet Fadia' section on homepage

Implement testimonials display in HomeAboutSection component using Testimonial 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/5caf6e03-147f-4fb3-8fdf-64ab4dc33c5c.jpg

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

@@ -1,5 +1,6 @@
 import { Link } from "wouter";
 import FadiaImage from "@assets/Fadia-167-crop_1749865267638.jpg";
+import { Testimonial } from "@/components/community/testimonial";
 
 export function HomeAboutSection() {
   return (
@@ -41,6 +42,39 @@ export function HomeAboutSection() {
             </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>
   );