diff --git a/src/app/introduction/page.tsx b/src/app/introduction/page.tsx
index 71bbe44..3e98ae8 100644
--- a/src/app/introduction/page.tsx
+++ b/src/app/introduction/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import TextAbout from '@/components/sections/about/TextAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
 export default function IntroductionPage() {
@@ -49,9 +49,10 @@ export default function IntroductionPage() {
         </div>
 
         <div id="about" data-section="about">
-            <TextAbout
+            <SplitAbout
             useInvertedBackground={false}
             title="About Our Mission"
+            description="We are dedicated to providing cutting-edge technology that empowers professionals to achieve their goals with ease and efficiency."
             buttons={[
               { text: "View Laptops", href: "/laptops" },
             ]}