Update src/app/page.tsx

Merge version_1 into main

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,10 @@ 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" }
-          ]}
-          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"
+          background={{ variant: "sparkles-gradient" }}
           buttons={[
             { text: "Book Your Consultation", href: "#contact" },
             { text: "Learn More", href: "#services" }