diff --git a/src/app/page.tsx b/src/app/page.tsx
index 85cda25..9ca3f7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -10,6 +9,7 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Clapperboard, Sparkles, Star, Package } from 'lucide-react';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function MoviePlayPage() {
   return (
@@ -41,26 +41,21 @@ export default function MoviePlayPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitKpi
-          title="Experience Cinema Like Never Before"
-          description="Immerse yourself in stunning visuals, premium sound, and unforgettable moments at Movie Play. The ultimate destination for movie lovers."
-          tag="Premium Cinema Experience"
-          tagIcon={Clapperboard}
-          background={{ variant: "glowing-orb" }}
-          kpis={[
-            { value: "50+", label: "Movies Monthly" },
-            { value: "1000+", label: "Happy Customers" },
-            { value: "4.9★", label: "Average Rating" }
-          ]}
-          enableKpiAnimation={true}
-          imageSrc="https://img.b2bpic.net/free-photo/cinema-seats-still-life_23-2148115374.jpg"
-          imageAlt="Movie theater with premium seating"
-          imagePosition="right"
-          buttons={[
-            { text: "Book Tickets Now", href: "#contact" },
-            { text: "View Schedule", href: "#products" }
-          ]}
-        />
+      <FeatureCardOne
+      features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
+      carouselMode="auto"
+      gridVariant="uniform-all-items-equal"
+      animationType="none"
+      title="Experience Cinema Like Never Before"
+      description="Immerse yourself in stunning visuals, premium sound, and unforgettable moments at Movie Play. The ultimate destination for movie lovers."
+      tag="Premium Cinema Experience"
+      buttons={[
+      { text: "Book Tickets Now", href: "#contact" },
+      { text: "View Schedule", href: "#products" }
+      ]}
+      textboxLayout="default"
+      useInvertedBackground="noInvert"
+      />
       </div>
 
       <div id="products" data-section="products">