Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
 export default function LandingPage() {
   return (
@@ -133,25 +133,14 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <div className="max-w-7xl mx-auto py-16 px-4">
-      animationType="slide-up"
+        <h2 className="text-center text-3xl font-bold mb-12">What Our Clients Say</h2>
-      textboxLayout="default"
+        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
-      useInvertedBackground={true}
+            <TestimonialCardFifteen testimonial="Suva is incredibly patient and thorough. The aloe massage at the end is just wonderful!" rating={5} author="Sarah J." avatars={[]} ratingAnimation="slide-up" avatarsAnimation="slide-up" useInvertedBackground={true} />
-      testimonials={[
+            <TestimonialCardFifteen testimonial="I drive from outside Atlanta just for her threading. She never rushes and always listens." rating={5} author="Michael C." avatars={[]} ratingAnimation="slide-up" avatarsAnimation="slide-up" useInvertedBackground={true} />
-        {
+            <TestimonialCardFifteen testimonial="Rated 5 stars for a reason! Precision, professionalism, and pure kindness every visit." rating={5} author="Emily R." avatars={[]} ratingAnimation="slide-up" avatarsAnimation="slide-up" useInvertedBackground={true} />
-          id: "1",          name: "Sarah J.",          role: "Client",          testimonial: "Suva is incredibly patient and thorough. The aloe massage at the end is just wonderful!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
+        </div>
-        {
+      </div>
-          id: "2",          name: "Michael C.",          role: "Client",          testimonial: "I drive from outside Atlanta just for her threading. She never rushes and always listens.",          imageSrc: "http://img.b2bpic.net/free-photo/model-posing-with-flower-studio_23-2151916054.jpg"},
-        {
-          id: "3",          name: "Emily R.",          role: "Client",          testimonial: "Rated 5 stars for a reason! Precision, professionalism, and pure kindness every visit.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-women-with-brushes-taking-selfie_23-2148113376.jpg"},
-        {
-          id: "4",          name: "David K.",          role: "Client",          testimonial: "The best eyebrow experience I have ever had. Suva is truly a gem.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg"},
-        {
-          id: "5",          name: "Elena M.",          role: "Client",          testimonial: "Professional, clean, and so gentle. Highly recommend her to everyone I know.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-lingerie-bed_1301-2324.jpg"},
-      ]}
-      title="What Our Clients Say"
-      description="Join thousands of satisfied clients who travel to visit Suva for her precision and kindness."
-    />
   </div>
 
   <div id="faq" data-section="faq">

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #fafffb;
-  --card: #ffffff;
+  --card: #f7fffa;
-  --foreground: #1a1a1a;
+  --foreground: #001a0a;
-  --primary-cta: #2c2c2c;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #f5f4f0;
+  --primary-cta-text: #fafffb;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a1a1a;
+  --secondary-cta-text: #001a0a;
-  --accent: #8a8a8a;
+  --accent: #a8d9be;
-  --background-accent: #e8e6e1;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);