Update src/app/page.tsx

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 HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
@@ -42,16 +42,10 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitKpi
+        <HeroBillboard
           title="Experience Exceptional Dental Care"
           description="Welcome to Luminous Dental, where cutting-edge technology meets compassionate care. Our team of internationally-trained specialists delivers personalized treatment plans in a serene, luxury environment designed for your comfort and wellbeing."
           background={{ variant: "glowing-orb" }}
-          kpis={[
-            { value: "25+", label: "Years Excellence" },
-            { value: "10,000+", label: "Satisfied Patients" },
-            { value: "99.8%", label: "Patient Satisfaction" },
-          ]}
-          enableKpiAnimation={true}
           tag="Premium Dental Care"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -63,7 +57,6 @@ export default function LandingPage() {
           imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg"
           imageAlt="Luxurious dental office interior"
           mediaAnimation="slide-up"
-          imagePosition="right"
           containerClassName="min-h-screen"
           titleClassName="text-4xl md:text-5xl font-light"
           descriptionClassName="text-lg text-gray-700"