diff --git a/src/app/page.tsx b/src/app/page.tsx
index 43d32ef..839a0c4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,6 +6,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Clapperboard, Sparkles, Star, Package } from 'lucide-react';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function MoviePlayPage() {
   return (
@@ -72,6 +73,20 @@ export default function MoviePlayPage() {
           useInvertedBackground="noInvert"
         />
       </div>
+      <div id="testimonial_card_one" data-section="testimonial_card_one">
+        <TestimonialCardOne
+          testimonials={[{ name: "Emily Carter", role: "Movie Enthusiast", content: "Movie Play has transformed my movie-watching experience. The selection is vast, and the user interface is incredibly intuitive.", avatar: "" }]}
+          carouselMode="auto"
+          gridVariant="uniform-all-items-equal"
+          animationType="none"
+          title="Experience the Magic"
+          description="Hear from our community about their incredible movie-watching journeys."
+          tag="Stories"
+          buttons={[{ label: "View All", href: "" }, { label: "Submit Your Story", href: "" }]}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[