Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -45,19 +45,22 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroSplitKpi
       title="Live Pest-Free. Feel Completely Protected."
       description="Specialized Pest Control delivers elite, licensed, and insured pest solutions trusted by homeowners and businesses across Central and South Florida."
+      background={{ variant: "plain" }}
+      enableKpiAnimation={true}
+      kpis={[
+          { value: "5.0", label: "Star Rating" },
+          { value: "26+", label: "Verified Reviews" },
+          { value: "100%", label: "Satisfaction" }
+      ]}
       buttons={[
-        {
-          text: "Get a Free Quote",          href: "/contact"},
-        {
-          text: "Call Now (305) 555-0199",          href: "tel:3055550199"},
+        { text: "Get a Free Quote", href: "/contact" },
+        { text: "Call Now (305) 555-0199", href: "tel:3055550199" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPk3P9Tkhs7c2WKIAA8w09LM93/uploaded-1776295135755-9wmdik62.png"
-      showDimOverlay={true}
-      showBlur={true}
-      textPosition="bottom"
+      imagePosition="right"
     />
   </div>