Update src/app/page.tsx

src/app/page.tsx

@@ -2,16 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import { CheckCircle, Code, Palette, Rocket, ShieldCheck, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
@@ -42,7 +41,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
+      <HeroSplitKpi
       background={{ variant: "plain" }}
       title="Elevating Digital Identity"
       description="We build high-performance websites that bridge the gap between creative design and technical excellence for global brands."
@@ -50,6 +49,12 @@ export default function LandingPage() {
         { text: "See Our Work", href: "#testimonials" },
         { text: "Contact Us", href: "/contact" },
       ]}
+      kpis={[
+        { value: "150+", label: "Projects Delivered" },
+        { value: "20%", label: "Conversion Growth" },
+        { value: "99.9%", label: "System Uptime" }
+      ]}
+      enableKpiAnimation={true}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYI5id5BhyGFKPMFvXpV7i0cMN/uploaded-1776558002978-2q1s9siy.jpg"
       mediaAnimation="slide-up"
       avatars={[