Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -5,6 +5,8 @@ import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 
 export default function AboutPage() {
   return (
@@ -56,6 +58,35 @@ export default function AboutPage() {
           />
         </div>
 
+        <div id="bring-to-family" data-section="bring-to-family">
+          <MetricSplitMediaAbout
+            title="What I Bring to Your Family"
+            description="My role is to be your anchor. I combine professional real estate strategy with deep senior care knowledge to ensure you never have to navigate this journey alone."
+            metrics={[
+              { value: "20 Years", title: "Real Estate Expertise" },
+              { value: "Compassion", title: "Personalized Guidance" },
+              { value: "Complete", title: "End-to-End Transition" }
+            ]}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="who-i-serve" data-section="who-i-serve">
+          <FeatureCardTwentyOne
+            title="Who I Serve"
+            description="I partner with families in Southern California seeking professional guidance during senior transitions."
+            accordionItems={[
+              { id: "s1", title: "Families in Transition", content: "Supporting adult children caring for aging parents." },
+              { id: "s2", title: "Seniors Moving Forward", content: "Helping seniors find the right community and downsizing comfortably." },
+              { id: "s3", title: "Real Estate Needs", content: "Those needing expert home sale management as part of their transition." }
+            ]}
+            useInvertedBackground={true}
+            mediaPosition="right"
+          />
+        </div>
+
         <div id="about-mission" data-section="about-mission">
           <TextSplitAbout
             title="Why I Founded Palante STS"
@@ -80,4 +111,4 @@ export default function AboutPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}