Update src/app/page.tsx

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -52,7 +52,7 @@ export default function LandingPage() {
   </div>
 
   <div id="home" data-section="home">
-      <HeroSplit
+      <HeroSplitKpi
       title="Débora Alencar Beauty: Elevate Your Gaze"
       description="Elevate Your Gaze with Exquisite Lash & Brow Transformations"
       buttons={[
@@ -67,6 +67,18 @@ export default function LandingPage() {
         variant: "glowing-orb"}}
       mediaAnimation="slide-up"
       imagePosition="right"
+      kpis={[
+        {
+          value: "5+",          label: "Years of Expertise"
+        },
+        {
+          value: "1000+",          label: "Happy Clients"
+        },
+        {
+          value: "50+",          label: "Unique Styles Created"
+        }
+      ]}
+      enableKpiAnimation={true}
     />
   </div>