Update src/app/page.tsx

Merge version_16 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function LandingPage() {
   return (
@@ -31,6 +31,7 @@ export default function LandingPage() {
         { name: "Home", id: "home" },
         { name: "About", id: "about" },
         { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonial" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="FlawLikeMigo"
@@ -57,7 +58,7 @@ export default function LandingPage() {
       title="The Migo Touch"
       tag="Come get right, best in the city I don’t sell the cut I sell an experience"
       description="FlawLikeMigo is a young, precision-focused barber based in Buda and Kyle, Texas—just a 15-minute drive from Austin. With years of experience behind the chair, we are dedicated to providing more than just a haircut; we curate a premium grooming experience designed to leave you feeling sharp, confident, and ready for anything."
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed-salon_23-2149220574.jpg?_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXcDHoKBX1pK6RdszTOwD4Yhel/uploaded-1774640146026-zf8iucja.jpg"
       videoSrc="https://www.w3schools.com/howto/img_video.mp4?_wi=2"
     />
   </div>
@@ -87,20 +88,15 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSix
+      <TestimonialCardOne
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      useInvertedBackground={false}
+      gridVariant="uniform-all-items-equal"
-      testimonials={[
+      useInvertedBackground={true}
-        {
+      title="Client Reviews"
-          id: "t1",          name: "James R.",          handle: "@jamesr",          testimonial: "Best fade I've had in years. Migo is a perfectionist.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-isolated-grey_171337-10568.jpg?_wi=1"},
+      description="Rate your experience and let us know how we did."
-        {
+      buttons={[{ text: "Leave a Review", href: "#contact" }]}
-          id: "t2",          name: "Marcus W.",          handle: "@m_w",          testimonial: "Clean, sharp, and consistent. The service is always top tier.",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg"},
+      testimonials={[]}
-        {
-          id: "t3",          name: "David L.",          handle: "@dl_styles",          testimonial: "Top quality service. I walk out feeling like a new man every time.",          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg"}
-      ]}
-      title="What Clients Say"
-      description="Don't just take our word for it."
     />
   </div>
 
@@ -114,7 +110,7 @@ export default function LandingPage() {
         { name: "email", type: "email", placeholder: "Your Email", required: true },
       ]}
       textarea={{
-        name: "message",        placeholder: "Which service do you need?",        required: true,
+        name: "message",        placeholder: "Which service do you need? (Or leave us a review!)",        required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg"
       mediaAnimation="slide-up"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f9f9f9;
   --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
+  --accent: #e2e2e2;
-  --background-accent: #e8e6e1;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);