Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Award, CheckCircle, Shield, Sparkles, Star, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -142,30 +142,20 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardTwelve
-      animationType="slide-up"
+      cardTitle="What Our Customers Say"
-      textboxLayout="default"
+      cardTag="Client Success Stories"
+      cardAnimation="slide-up"
       useInvertedBackground={false}
-      testimonials={[
+      buttons={[
-        {
+        { text: "View More", href: "#contact" }
-          id: "1",          name: "Sarah J.",          handle: "@sarah_j",          testimonial: "Golden Century Motors is my go-to. They fixed my water-damaged car when no one else could.",          rating: 5,
+      ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-with-curly-hair-wearing-outdoor-clothes-going-walk-standing-against-red-background_1258-149025.jpg"},
+      testimonials={[
-        {
+        { id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-with-curly-hair-wearing-outdoor-clothes-going-walk-standing-against-red-background_1258-149025.jpg" },
-          id: "2",          name: "Michael T.",          handle: "@m_t",          testimonial: "Professional, efficient, and they even threw in a free car wash. Highly recommend.",          rating: 5,
+        { id: "2", name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-bearded-guy-with-blond-hair-smiling-happy-with-white-teeth-showing-thumb-up-looking-confident-relaxed-standing-against-white-background_176420-47420.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-bearded-guy-with-blond-hair-smiling-happy-with-white-teeth-showing-thumb-up-looking-confident-relaxed-standing-against-white-background_176420-47420.jpg"},
+        { id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg" },
-        {
+        { id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman-with-arms-crossed-isolated-whit_1391-39.jpg" },
-          id: "3",          name: "Emily R.",          handle: "@emily_r",          testimonial: "The staff really knows their way around Tank vehicles. Truly specialists.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg"},
-        {
-          id: "4",          name: "David W.",          handle: "@david_w",          testimonial: "Been coming here for years. Loyal service and honest advice every time.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman-with-arms-crossed-isolated-whit_1391-39.jpg"},
-        {
-          id: "5",          name: "Jason K.",          handle: "@jason_k",          testimonial: "The detail in their work is unmatched. Very happy with my service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg"},
       ]}
-      showRating={true}
-      title="What Our Customers Say"
-      description="Trusted by loyal customers for years. Your peace of mind is our priority."
     />
   </div>
 

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #FAFAFA;
-  --card: #FFFFFF;
+  --card: #F4EDE1;
   --foreground: #1A1A1A;
   --primary-cta: #C9A227;
   --primary-cta-text: #FFFFFF;
   --secondary-cta: #1A1A1A;
   --secondary-cta-text: #FFFFFF;
   --accent: #C9A227;
-  --background-accent: #F4EDE1;
+  --background-accent: #E5D3A0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);