Update src/app/page.tsx

src/app/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+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";
@@ -34,13 +34,19 @@ export default function SalPlumbingPage() {
           ]}
         />
         <div id="hero">
-          <HeroBillboard
+          <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" }]}
+            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-1778683562615-goxv8259.jpg"
             imageAlt="Professional plumbing technician"
-            background={{ variant: "plain" }}
           />
           <HeroBillboardCarousel
             title="Our Work in Action"
@@ -106,4 +112,4 @@ export default function SalPlumbingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}