src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -45,7 +45,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroBillboard
+        <HeroSplitKpi
           title="Artisan Bakery"
           description="Handcrafted breads and pastries baked fresh daily. Experience the warmth of traditional baking techniques combined with premium, locally-sourced ingredients."
           background={{ variant: "radial-gradient" }}
@@ -53,22 +53,21 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Shop Now", href: "#products-section", dataWebildId: "hero_shop_btn" },
-            { text: "View Menu", href: "#menu-section", dataWebildId: "hero_menu_btn" }
+            { label: "Shop Now", href: "#products-section", dataWebildId: "hero_split_kpi_shop_btn" },
+            { label: "View Menu", href: "#menu-section", dataWebildId: "hero_split_kpi_menu_btn" }
           ]}
           buttonAnimation="slide-up"
           imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
           imageAlt="artisan bakery showcase with fresh baked goods"
           mediaAnimation="fade-in"
-          marqueeItems={[
-            { text: "Sourdough", icon: Sparkles },
-            { text: "Croissants", icon: Sparkles },
-            { text: "Seasonal Pastries", icon: Sparkles },
-            { text: "Custom Orders", icon: Sparkles }
+          kpiItems={[
+            { value: "500+", label: "Loaves Baked Daily" },
+            { value: "15+", label: "Years of Tradition" },
+            { value: "100%", label: "Locally Sourced" },
+            { value: "4.9★", label: "Customer Rating" }
           ]}
-          marqueeSpeed={40}
-          showMarqueeCard={true}
-          ariaLabel="Hero section for artisan bakery featuring fresh baked goods"
+          enableKpiAnimation={true}
+          ariaLabel="Hero section for artisan bakery featuring fresh baked goods and key metrics"
         />
       </div>