diff --git a/src/app/page.tsx b/src/app/page.tsx
index 777c41c..0f9d1a9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,6 +6,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Clapperboard, Sparkles, Star, Package } from 'lucide-react';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function MoviePlayPage() {
   return (
@@ -80,6 +81,14 @@ export default function MoviePlayPage() {
         />
       </div>
 
+      <div id="text_split_about" data-section="text_split_about">
+        <TextSplitAbout
+          title="Explore Cinematic Magic"
+          description={["Discover a world of iconic films and timeless classics.", "Experience the best of cinema with Movie Play."]}
+          buttons={[{ label: "View Now Showing", href: "#" }, { label: "Read Reviews", href: "#" }]}
+          useInvertedBackground="noInvert"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[