From 55ed261157635c81626a0e7c3301c86e5bcdb517 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 14 Jun 2025 11:53:44 +0000
Subject: [PATCH] Update the testimonial card appearance to use a lighter, more
 appealing teal

Modify AboutSection and HomeAboutSection components to change testimonial card background color from purple to teal-light.

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/2cd925dd-1e92-4532-a9d8-17ac0352ee88.jpg
---
 client/src/components/about/about-section.tsx      | 6 +++---
 client/src/components/about/home-about-section.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/about/about-section.tsx b/client/src/components/about/about-section.tsx
index 12ca469..57b21fe 100644
--- a/client/src/components/about/about-section.tsx
+++ b/client/src/components/about/about-section.tsx
@@ -66,7 +66,7 @@ export function AboutSection() {
         {/* 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">
+            <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"
@@ -75,7 +75,7 @@ export function AboutSection() {
                 color="teal"
               />
             </div>
-            <div className="bg-purple bg-opacity-10 rounded-lg p-6 shadow-sm transition-transform duration-300 hover:scale-105">
+            <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."
@@ -84,7 +84,7 @@ export function AboutSection() {
                 color="purple"
               />
             </div>
-            <div className="bg-purple bg-opacity-10 rounded-lg p-6 shadow-sm transition-transform duration-300 hover:scale-105">
+            <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."
diff --git a/client/src/components/about/home-about-section.tsx b/client/src/components/about/home-about-section.tsx
index a698896..caaa8de 100644
--- a/client/src/components/about/home-about-section.tsx
+++ b/client/src/components/about/home-about-section.tsx
@@ -46,7 +46,7 @@ export function HomeAboutSection() {
         {/* 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">
+            <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"
@@ -55,7 +55,7 @@ export function HomeAboutSection() {
                 color="teal"
               />
             </div>
-            <div className="bg-purple bg-opacity-10 rounded-lg p-6 shadow-sm transition-transform duration-300 hover:scale-105">
+            <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."
@@ -64,7 +64,7 @@ export function HomeAboutSection() {
                 color="purple"
               />
             </div>
-            <div className="bg-purple bg-opacity-10 rounded-lg p-6 shadow-sm transition-transform duration-300 hover:scale-105">
+            <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."