Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -11,7 +11,6 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -219,32 +218,17 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
+      <SocialProofOne
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Alex P.",          role: "Marketing Director",          company: "Urban Eats Co.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          imageAlt: "Alex P. Avatar"},
-        {
-          id: "2",          name: "Brenda T.",          role: "CEO",          company: "Zenith Innovations",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",          imageAlt: "Brenda T. Avatar"},
-        {
-          id: "3",          name: "Carlos M.",          role: "Brand Manager",          company: "Dynamic Fitness",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",          imageAlt: "Carlos M. Avatar"},
-        {
-          id: "4",          name: "Diana L.",          role: "Founder",          company: "EcoSolutions Inc.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg",          imageAlt: "Diana L. Avatar"},
-        {
-          id: "5",          name: "Frank S.",          role: "VP Sales",          company: "Global Logistics",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg",          imageAlt: "Frank S. Avatar"},
-      ]}
-      title="What Our Clients Say"
-      description="Hear directly from businesses who have achieved remarkable success with our billboard advertising solutions."
-      tag="Client Success Stories"
+      names={[
+        "Acme Corp",        "Globex Inc.",        "Soylent Corp",        "Tyrell Corp",        "Omni Consumer Products",        "Weyland-Yutani",        "Cyberdyne Systems"      ]}
+      title="Our Previous Clients"
+      description="Trusted by a diverse range of businesses to deliver impactful advertising solutions."
+      tag="Partnerships"
       tagAnimation="slide-up"
+      speed={40}
+      showCard={true}
     />
   </div>
 
@@ -253,7 +237,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Google",        "Microsoft",        "Apple",        "Amazon",        "Nike",        "Coca-Cola",        "Samsung"]}
+        "Google",        "Microsoft",        "Apple",        "Amazon",        "Nike",        "Coca-Cola",        "Samsung"      ]}
       title="Trusted by Industry Leaders"
       description="We're proud to partner with some of the most recognized brands to deliver their messages to the world."
       tag="Our Esteemed Partners"

src/app/styles/variables.css

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