Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -2,17 +2,16 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import TeamCardTen from "@/components/sections/team/TeamCardTen";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FooterCard from "@/components/sections/footer/FooterCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { History } from "lucide-react";
 
 export default function AboutPage() {
     const navItems = [
         { name: "Home", id: "/" },
-        { name: "Services", id: "/#services" },
-        { name: "Testimonials", id: "/#testimonials" },
-        { name: "Contact", id: "/#contact" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
     ];
 
     return (
@@ -29,42 +28,31 @@ export default function AboutPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={navItems}
-                    brandName="Coach"
-                    button={{ text: "Book a Call", href: "/#contact" }}
-                />
-                <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" },
-                            ],
-                        }
-                    ]}
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={navItems}
+                        brandName="St. Jerome"
+                    />
+                </div>
+                <main className="pt-32">
+                    <div id="about" data-section="about">
+                        <MetricSplitMediaAbout
+                            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}
+                            metrics={[{ value: "100+", title: "Years Served" }, { value: "500+", title: "Families" }]}
+                            useInvertedBackground={false}
+                            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPYUJPeaDgYc4FSlAZFCKnMOqE/uploaded-1776289077687-hlsfoa09.jpg"
+                            imageAlt="Church History"
+                        />
+                    </div>
+                </main>
+                <FooterCard
+                    logoText="St. Jerome"
+                    copyrightText="© 2025 St. Jerome Roman Catholic Church"
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}