diff --git a/src/app/page.tsx b/src/app/page.tsx
index 660ebba..369908c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplitKPI from '@/components/sections/hero/HeroSplitKPI';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -42,22 +42,21 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitKPI
+        <HeroSplitKpi
           title="Welcome to Fia"
           description="Discover exceptional coffee, warm hospitality, and a community where every cup tells a story. Your perfect coffeeshop escape awaits."
           tag="Artisanal Coffee Experience"
           tagIcon={Coffee}
           background={{ variant: "plain" }}
-          kpiItems={[
-            { label: "Years of Expertise", value: "12+" },
-            { label: "Happy Customers", value: "5,000+" },
-            { label: "Bean Origins", value: "15+" },
-            { label: "Quality Certified", value: "100%" }
-          ]}
-          mediaItems={[
-            { imageSrc: "https://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg", imageAlt: "Fia Coffeeshop Interior" },
-            { imageSrc: "https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg", imageAlt: "Fia Seating Area" }
+          imageSrc="https://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"
+          imageAlt="Fia Coffeeshop Interior"
+          imagePosition="right"
+          kpis={[
+            { value: "12+", label: "Years of Expertise" },
+            { value: "5,000+", label: "Happy Customers" },
+            { value: "15+", label: "Bean Origins" }
           ]}
+          enableKpiAnimation={true}
           buttons={[
             { text: "Explore Menu", href: "#features" },
             { text: "Reserve Now", href: "#contact" }