Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -2,16 +2,17 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import MediaAbout from "@/components/sections/about/MediaAbout";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import TeamCardTen from "@/components/sections/team/TeamCardTen";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { History } from "lucide-react";
 
 export default function AboutPage() {
     const navItems = [
         { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Contact", id: "/contact" },
+        { name: "Services", id: "/#services" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "Contact", id: "/#contact" },
     ];
 
     return (
@@ -30,24 +31,40 @@ export default function AboutPage() {
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
-                    brandName="St. Jerome"
-                    button={{ text: "Get Involved", href: "/contact" }}
+                    brandName="Coach"
+                    button={{ text: "Book a Call", href: "/#contact" }}
                 />
-                <main className="pt-32">
-                    <MediaAbout
-                        title="Our History & Mission"
-                        description="Founded with a vision of community and spiritual growth, St. Jerome has been a pillar of the neighborhood for decades. We are dedicated to nurturing faith through tradition, sacraments, and active engagement with our local mission."
-                        tag="Faith in Action"
-                        tagIcon={History}
-                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPYUJPeaDgYc4FSlAZFCKnMOqE/uploaded-1776289077687-hlsfoa09.jpg"
-                        imageAlt="Church History"
-                    />
-                </main>
-                <FooterCard
-                    logoText="St. Jerome"
-                    copyrightText="© 2025 St. Jerome Roman Catholic Church"
+                <TextSplitAbout
+                    title="Dedicated to Your Success"
+                    description={[
+                        "With over 12 years of experience in executive and business coaching, I have dedicated my career to helping leaders like you navigate the complexities of growth.",                        "My approach combines strategic insight with practical, actionable steps that empower you to take control of your future and build a lasting legacy."
+                    ]}
+                    useInvertedBackground={false}
+                />
+                <TeamCardTen
+                    title="Meet Your Coach"
+                    tag="Expertise"
+                    membersAnimation="slide-up"
+                    memberVariant="card"
+                    useInvertedBackground={true}
+                    members={[
+                        {
+                            id: "1",                            name: "John Anderson",                            role: "Lead Business Strategist",                            imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face",                            imageAlt: "John Anderson - Business Coach"}
+                    ]}
+                />
+                <FooterLogoEmphasis
+                    logoText="Coach"
+                    columns={[
+                        {
+                            items: [
+                                { label: "Home", href: "/" },
+                                { label: "About", href: "/about" },
+                                { label: "Contact", href: "/#contact" },
+                            ],
+                        }
+                    ]}
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}