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 HeroSplit from '@/components/sections/hero/HeroSplit';
+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,49 +45,22 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
+      <HeroSplitKpi
-      background={{
-        variant: "plain"}}
       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: "Get a Free Quote",          href: "/contact"},
+        { text: "Call Now (305) 555-0199", href: "tel:3055550199" },
-        {
-          text: "Call Now (305) 555-0199",          href: "tel:3055550199"},
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7sqwrh"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gp71s",          alt: "Happy client"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bso692",          alt: "Satisfied business owner"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fwwuyl",          alt: "Long-term customer"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xv69nb",          alt: "Happy homeowner"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ase95",          alt: "Professional client"},
-      ]}
-      avatarText="Trusted by 500+ Local Families"
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "Licensed & Insured",          icon: Shield,
-        },
-        {
-          type: "text-icon",          text: "Eco-Friendly Solutions",          icon: Leaf,
-        },
-        {
-          type: "text-icon",          text: "Same-Day Response",          icon: Clock,
-        },
-        {
-          type: "text-icon",          text: "Family Safe",          icon: Heart,
-        },
-        {
-          type: "text-icon",          text: "Satisfaction Guaranteed",          icon: Check,
-        },
       ]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPk3P9Tkhs7c2WKIAA8w09LM93/uploaded-1776295135755-9wmdik62.png"
+      imagePosition="right"
     />
   </div>
 
@@ -246,4 +219,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000f06e6;
+  --foreground: #120a00e6;
-  --primary-cta: #0a7039;
+  --primary-cta: #ff8c42;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
+  --secondary-cta-text: #120a00e6;
-  --accent: #d4af37;
+  --accent: #e2e2e2;
-  --background-accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);