jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
JeffEmmett 2025-06-14 11:45:27 +00:00
parent 5b19c3f809
commit 2464047c7f
1 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
client/src/components/about/home-about-section.tsx
View File

@ -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>
);