src/app/about/page.tsx

@@ -29,10 +29,9 @@ export default function AboutPage() {
         <div id="nav" data-section="nav">
             <NavbarLayoutFloatingOverlay
               navItems={[
-                { name: "Home", id: "hero" },
-                { name: "Our Process", id: "how-it-works" },
-                { name: "Services", id: "services" },
-                { name: "Contact", id: "contact" },
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
               ]}
               brandName="Palante STS"
             />
@@ -47,25 +46,10 @@ export default function AboutPage() {
             />
         </div>
 
-        <div id="founder" data-section="founder">
-            <TextAbout
-              title="The Vision Behind Palante STS"
-              useInvertedBackground={false}
-              className="py-20"
-            />
-        </div>
-
-        <div id="why-i-started" data-section="why-i-started">
-            <TextAbout
-              title="Why I Started"
-              useInvertedBackground={true}
-              className="py-20 bg-accent/10"
-            />
-        </div>
-
         <div id="what-makes-us-different" data-section="what-makes-us-different">
             <FeatureCardTwentyEight
               title="What Makes Palante Different"
+              description="We combine empathy with a structured care framework to support families during life's most challenging transitions."
               animationType="slide-up"
               textboxLayout="split"
               useInvertedBackground={false}
@@ -79,6 +63,7 @@ export default function AboutPage() {
         <div id="what-i-bring" data-section="what-i-bring">
             <MetricCardThree
               title="What I Bring To Your Family"
+              description="Core values that drive our commitment to your family's peace of mind."
               animationType="slide-up"
               textboxLayout="default"
               useInvertedBackground={false}
@@ -89,39 +74,13 @@ export default function AboutPage() {
             />
         </div>
 
-        <div id="who-i-serve" data-section="who-i-serve">
-            <TextAbout
-              title="Who I Serve"
-              useInvertedBackground={true}
-              className="py-20 bg-accent/10"
-            />
-        </div>
-
-        <div id="when-families-reach-out" data-section="when-families-reach-out">
-            <TextAbout
-              title="When Families Reach Out"
-              useInvertedBackground={false}
-              className="py-20"
-            />
-        </div>
-
-        <div id="contact" data-section="contact">
-            <ContactCenter
-              tag="Get Started"
-              title="Let's Connect"
-              description="We are here to support your family's journey."
-              background={{ variant: "sparkles-gradient" }}
-              useInvertedBackground={false}
-            />
-        </div>
-
         <div id="footer" data-section="footer">
             <FooterLogoEmphasis
               logoText="Palante STS"
-              columns={[{ items: [{ label: "Home", href: "/" }] }]}
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
             />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}