From 998369ff6d454023a5b010b47801ebff50985eee Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 21:40:35 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 54 ++++++++++++++++++++++++++----------------
 1 file changed, 33 insertions(+), 21 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f735617..9c824c9 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,14 +3,16 @@
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { History } from "lucide-react";
+import { User } from "lucide-react";
 
 export default function AboutPage() {
     const navItems = [
         { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Pricing", id: "/pricing" },
         { name: "Contact", id: "/contact" },
     ];
 
@@ -31,26 +33,36 @@ export default function AboutPage() {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={navItems}
-                        brandName="St. Jerome"
+                        brandName="Coach"
                     />
                 </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"
+                <div id="about-hero" data-section="about-hero">
+                    <MetricSplitMediaAbout
+                        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."
+                        metrics={[{ value: "12+", title: "Years Experience" }, { value: "500+", title: "Clients Coached" }]}
+                        useInvertedBackground={false}
+                        mediaAnimation="slide-up"
+                        metricsAnimation="slide-up"
+                    />
+                </div>
+                <div id="team" data-section="team">
+                    <TeamCardTwo
+                        title="Meet Your Coach"
+                        members={[
+                            {
+                                id: "1",                                name: "John Anderson",                                role: "Lead Business Strategist",                                description: "Expert in executive coaching and team alignment."
+                            }
+                        ]}
+                        gridVariant="uniform-all-items-equal"
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={true}
+                    />
+                </div>
+                <FooterBaseReveal
+                    logoText="Coach"
+                    columns={[{ title: "Company", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]}
                 />
             </ReactLenis>
         </ThemeProvider>