Update src/app/page.tsx

Merge version_4 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 TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
   return (
@@ -133,14 +133,19 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <div className="max-w-7xl mx-auto py-16 px-4">
+      <TestimonialCardThirteen
-        <h2 className="text-center text-3xl font-bold mb-12">What Our Clients Say</h2>
+      title="What Our Clients Say"
-        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+      description="Hear from our lovely clients."
-            <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} />
+      showRating={true}
-            <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} />
+      animationType="blur-reveal"
-            <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} />
+      textboxLayout="default"
-        </div>
+      useInvertedBackground={true}
-      </div>
+      testimonials={[
+          { id: "1", name: "Sarah J.", handle: "Client", testimonial: "Suva is incredibly patient and thorough. The aloe massage at the end is just wonderful!", rating: 5 },
+          { id: "2", name: "Michael C.", handle: "Client", testimonial: "I drive from outside Atlanta just for her threading. She never rushes and always listens.", rating: 5 },
+          { id: "3", name: "Emily R.", handle: "Client", testimonial: "Rated 5 stars for a reason! Precision, professionalism, and pure kindness every visit.", rating: 5 }
+      ]}
+      />
   </div>
 
   <div id="faq" data-section="faq">