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 HeroOverlayBlock from '@/components/sections/hero/HeroOverlayBlock';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
@@ -35,16 +35,20 @@ export default function BeachPerfumePage() {
             { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{
-            text: "Shop Now",            href: "#products"
-          }}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroOverlayBlock
+        <HeroSplitKpi
           title="Discover the Essence of the Coast"
           description="Luxury fragrances inspired by sun, sand, and sea. Each scent tells a story of coastal elegance and timeless beauty."
+          background={{ variant: "glowing-orb" }}
+          kpis={[
+            { value: "15,000+", label: "Happy Customers" },
+            { value: "35+", label: "Countries Served" },
+            { value: "22", label: "Unique Scents" }
+          ]}
+          enableKpiAnimation={true}
           tag="Premium Collection"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -53,9 +57,9 @@ export default function BeachPerfumePage() {
             { text: "Learn More", href: "#about" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
           imageSrc="https://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167921.jpg"
           imageAlt="Ocean Breeze Perfume"
+          mediaAnimation="slide-up"
         />
       </div>