diff --git a/src/app/page.tsx b/src/app/page.tsx
index c8db7f4..c2105df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -42,20 +42,22 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitKpi
+        <HeroBillboardScroll
           title="Transform Your Smile with Premium Dental Care"
           description="Experience the art and science of modern dentistry at Luminous Dental. Our expert team combines cutting-edge technology with personalized care to deliver exceptional results that enhance both your health and confidence."
           background={{ variant: "glowing-orb" }}
-          kpis={[
-            { value: "20+", label: "Years of Excellence" },
-            { value: "5,000+", label: "Satisfied Patients" },
-            { value: "99%", label: "Patient Satisfaction" }
+          scrollItems={[
+            {
+              id: "1",              label: "20+ Years",              subLabel: "of Excellence",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8j0kk",              imageAlt: "Two decades of luxury dental expertise"
+            },
+            {
+              id: "2",              label: "5,000+",              subLabel: "Satisfied Patients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8j0kk",              imageAlt: "Thousands of transformed smiles"
+            },
+            {
+              id: "3",              label: "99%",              subLabel: "Patient Satisfaction",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8j0kk",              imageAlt: "Industry-leading satisfaction rates"
+            }
           ]}
-          enableKpiAnimation={true}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8j0kk"
-          imageAlt="Modern luxury dental office with state-of-the-art equipment"
           mediaAnimation="slide-up"
-          imagePosition="right"
           buttons={[
             { text: "Book Your Consultation", href: "#contact" },
             { text: "Learn More", href: "#services" }