Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -10,7 +10,8 @@ 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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -133,25 +134,22 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardThirteen
-      animationType="slide-up"
+      title="What Our Clients Say"
+      description="Hear from our lovely clients."
+      showRating={true}
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
+      icon={Star}
+      iconClassName="text-yellow-400 fill-yellow-400"
+      ratingClassName="text-yellow-400"
       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, icon: Star },
-          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"},
+          { 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, icon: Star },
-        {
+          { id: "3", name: "Emily R.", handle: "Client", testimonial: "Rated 5 stars for a reason! Precision, professionalism, and pure kindness every visit.", rating: 5, icon: Star }
-          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">
@@ -199,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fafffb;
-  --card: #f9f9f9;
+  --card: #f7fffa;
-  --foreground: #120006e6;
+  --foreground: #001a0a;
-  --primary-cta: #e63946;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #fafffb;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #120006e6;
+  --secondary-cta-text: #001a0a;
-  --accent: #e2e2e2;
+  --accent: #a8d9be;
-  --background-accent: #c4c4c4;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);