diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 5effae9..e0b8a1d 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,9 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { Info, Mail } from 'lucide-react';
 
 export default function AboutPage() {
   return (
@@ -33,17 +34,19 @@ export default function AboutPage() {
           />
         </div>
 
-        <div id="about-content" data-section="about-content">
-          <InlineImageSplitTextAbout
-            heading={[{ type: "text", content: "About Our Firm" }]}
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Our Story"
+            title="About Our Firm"
             description="With over 30 years of experience, we provide expert tax and business consulting tailored to your unique financial needs."
-            useInvertedBackground={false}
+            subdescription="Our commitment to excellence drives every decision we make for our clients."
+            icon={Info}
+            imageSrc="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=2000&auto=format&fit=crop"
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterBaseCard
-            logoText="MYKing & Associates, LLC"
             columns={[
               { title: "Links", items: [
                 { label: "Services", href: "/#services" },