Update theme colors

Merge version_4 into main

src/app/page.tsx

@@ -3,7 +3,8 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
@@ -33,13 +34,30 @@ export default function SalPlumbingPage() {
           ]}
         />
         <div id="hero">
-          <HeroOverlay
+          <HeroSplitKpi
             title="Expert Plumbing & Heating Services"
             description="Reliable, professional, and affordable plumbing solutions for your home. From water heater repairs to emergency leaks, Sal's has you covered."
             buttons={[{ text: "Book Now", href: "#contact" }]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfpSjlma8xN5ZgeOX4QBcDQpqr/uploaded-1778683562615-goxv8259.jpg"
+            kpis={[
+              { value: "15+", label: "Years Experience" },
+              { value: "24/7", label: "Emergency Support" },
+              { value: "100%", label: "Satisfied Clients" }
+            ]}
+            enableKpiAnimation={true}
+            background={{ variant: "plain" }}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfpSjlma8xN5ZgeOX4QBcDQpqr/uploaded-1778684136029-g88557nj.jpg"
             imageAlt="Professional plumbing technician"
           />
+          <HeroBillboardCarousel
+            title="Our Work in Action"
+            description="Take a look at the quality craftsmanship we bring to every job."
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfpSjlma8xN5ZgeOX4QBcDQpqr/uploaded-1778683562615-goxv8259.jpg?_wi=2", imageAlt: "Work 1" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "Work 2" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp?_wi=1", imageAlt: "Work 3" }
+            ]}
+            background={{ variant: "plain" }}
+          />
         </div>
         <div id="services">
           <FeatureCardTwentyNine
@@ -50,15 +68,9 @@ export default function SalPlumbingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             features={[
-              {
-                title: "Water Heater Repair",                description: "Efficient diagnostics and repair for gas or electric water heaters.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp",                titleImageSrc: "",                buttonText: "Get Service"
-              },
-              {
-                title: "Emergency Plumbing",                description: "24/7 support for burst pipes and urgent leaks.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp",                titleImageSrc: "",                buttonText: "Call Us"
-              },
-              {
-                title: "Heating Systems",                description: "Professional boiler maintenance and furnace repairs.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp",                titleImageSrc: "",                buttonText: "Schedule"
-              }
+              { title: "Water Heater Repair", description: "Efficient diagnostics and repair for gas or electric water heaters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", buttonText: "Learn More" },
+              { title: "Emergency Plumbing", description: "24/7 support for burst pipes and urgent leaks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp?_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", buttonText: "Learn More" },
+              { title: "Heating Systems", description: "Professional boiler maintenance and furnace repairs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", buttonText: "Learn More" }
             ]}
           />
         </div>
@@ -100,4 +112,4 @@ export default function SalPlumbingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #161616;
-  --foreground: #f0f0f0;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1e1e1e;
-  --secondary-cta-text: #e0e0e0;
-  --accent: #d0d0d0;
-  --background-accent: #9a9a9a;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);