Update src/app/about/page.tsx

Merge version_13 into main

src/app/about/page.tsx

@@ -2,148 +2,118 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Info } from "lucide-react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="mediumLargeSizeLargeTitles"
-        background="noise"
-        cardStyle="gradient-bordered"
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="glass"
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "How It Works",
-          id: "/how-it-works",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Resources",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Palante STS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "How It Works", id: "/how-it-works" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Resources", id: "/blog" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Palante STS"
+            button={{ text: "Contact Us", href: "/contact" }}
+          />
+        </div>
 
-  <div id="about-body" data-section="about-body">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Palante STS"
-      title="What Palante Means to Us"
-      description="Derived from the Puerto Rican phrase 'pa'lante' — meaning forward. It guides our mission to support families."
-      subdescription="Whether you are navigating this as an adult child or senior, we are here to support your dignity and future steps."
-      icon={Info}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about-header" data-section="about-header" style={{ backgroundColor: "#F5F5F0" }}>
+          <TextSplitAbout
+            title="Ronnie Konishi"
+            description={[
+              "Founder & Principal Senior Transition Specialist · California Licensed Realtor · 20 Years Experience",              "'I remember wishing there was just one person who could guide us through everything — with both expertise and compassion.'"
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Mission"
-      title="Our Approach"
-      description="Compassion meets professionalism."
-      subdescription="We are here for you."
-      icon={Info}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg?_wi=3"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about-story" data-section="about-story" style={{ backgroundColor: "#F5F5F0" }}>
+          <TextSplitAbout
+            title="The Story"
+            description={[
+              "When my mother needed to move from our family home into assisted living, I thought my 20 years as a licensed California Realtor would make it easier. I knew real estate. I knew contracts and timelines and negotiations.",              "I was not prepared for the rest of it.",              "The endless phone calls to senior communities — none of whom seemed to have availability when we needed it. The contradictory advice from well-meaning friends. The sheer weight of deciding what happened to 40 years of furniture, photographs, and memories. And underneath all of it, the emotional toll on every member of our family — the guilt, the grief, the exhaustion of making enormous decisions while also trying to just be a present, loving son.",              "I remember standing in my mother's living room one afternoon, surrounded by decades of her life, thinking: there has to be a better way to do this."
+            ]}
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Palante STS"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "How It Works",
-              href: "/how-it-works",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Schedule Consultation",
-              href: "/contact",
-            },
-            {
-              label: "Email: hello@gopalante.com",
-              href: "mailto:hello@gopalante.com",
-            },
-            {
-              label: "Text/Call: (555) 555-5555",
-              href: "tel:5555555555",
-            },
-          ],
-        },
-        {
-          title: "Service Areas",
-          items: [
-            {
-              label: "Orange County",
-              href: "#",
-            },
-            {
-              label: "Los Angeles",
-              href: "#",
-            },
-            {
-              label: "Riverside",
-              href: "#",
-            },
-            {
-              label: "San Bernardino",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 Palante Senior Transition Specialists LLC"
-    />
-  </div>
+        <div id="about-mission" data-section="about-mission" style={{ backgroundColor: "#F5F5F0" }}>
+          <TextSplitAbout
+            title="Why I Founded Palante STS"
+            description={[
+              "After my family's experience, I couldn't stop thinking about the thousands of Southern California families going through the same thing every single day — without a roadmap, without a guide, without anyone who could hold the whole picture at once.",              "I founded Palante Senior Transition Specialists to be the service I wished my family had. One person. One point of contact. Someone who could sell the home with genuine expertise, identify and personally vet the right senior communities, and manage the downsizing and move — all while actually understanding what the family was going through emotionally.",              "The name says it all. Pa'lante — from the Puerto Rican expression para adelante — means forward. It's what we say when we're facing something hard and we choose to keep moving. That's what every family I work with is doing. And that's the energy I bring to every engagement."
+            ]}
+            useInvertedBackground={false}
+            buttons={[{ text: "Schedule a Call with Ronnie", href: "/contact" }]}
+          />
+        </div>
+
+        <div id="bring-to-family" data-section="bring-to-family" style={{ backgroundColor: "#F5F5F0" }}>
+          <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" style={{ backgroundColor: "#F5F5F0" }}>
+          <FeatureBento
+            title="Who I Serve"
+            description="I partner with families in Southern California seeking professional guidance during senior transitions."
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Families in Transition",                description: "Supporting adult children caring for aging parents.",                bentoComponent: "media-stack",                items: [
+                  { imageSrc: "https://images.unsplash.com/photo-1554629947-320078873099" },
+                  { imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2" },
+                  { imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d" }
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              { title: "Contact", items: [{ label: "Email: hello@gopalante.com", href: "mailto:hello@gopalante.com" }] }
+            ]}
+            bottomLeftText="© 2026 Palante Senior Transition Specialists LLC"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -10,8 +10,8 @@ import { Archivo } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Senior Transition Specialist Southern California | Palante STS',
-  description: 'Palante STS provides expert senior housing placement, home sales, and downsizing transition management in OC, LA, Riverside, and San Bernardino.',
+  title: 'About Palante Senior Transition Specialists',
+  description: 'Learn about the mission, expertise, and story behind Palante Senior Transition Specialists, providing compassionate guidance for California families.',
   openGraph: {
     "title": "Palante STS - Trusted Senior Transition Specialists",
     "description": "Real estate, placement, and transition management. We handle everything.",

src/app/page.tsx

@@ -65,10 +65,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Free Consultation", description: "We listen first — no pressure, no scripts.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/uniform-healthcare-medical-icons-computer_1134-959.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/uniform-healthcare-medical-icons-computer_1134-959.jpg?_wi=2" }] },
-        { title: "Personalized Plan", description: "Every situation is different. Yours gets a custom roadmap.", icon: Map, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6pdsjv&_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6pdsjv&_wi=2" }] },
-        { title: "Execution", description: "We coordinate home sales, tours, and downsizing for you.", icon: Briefcase, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/25-task-project-management-flat-color-icon-pack_1142-22695.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-vector/25-task-project-management-flat-color-icon-pack_1142-22695.jpg?_wi=2" }] },
-        { title: "Move-In Day", description: "From your parent's old living room to their new home, set up and ready.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/paper-cut-key-heart-as-symbol-love_1232-3647.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/paper-cut-key-heart-as-symbol-love_1232-3647.jpg?_wi=2" }] }
+        { title: "Free Consultation", description: "We listen first — no pressure, no scripts.", icon: Users, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662612141-6oey12mw.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662612141-6oey12mw.jpg?_wi=2" }] },
+        { title: "Personalized Plan", description: "Every situation is different. Yours gets a custom roadmap.", icon: Map, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662872184-zqbg85kc.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662872184-zqbg85kc.jpg?_wi=2" }] },
+        { title: "Execution", description: "We coordinate home sales, tours, and downsizing for you.", icon: Briefcase, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663052480-67qzt7g8.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663052480-67qzt7g8.jpg?_wi=2" }] },
+        { title: "Move-In Day", description: "From your parent's old living room to their new home, set up and ready.", icon: Home, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663133033-7zneotse.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663133033-7zneotse.jpg?_wi=2" }] }
       ]}
       title="A Trusted, Four-Step Process"
       description="We simplify your parent's transition with clear steps and compassionate support."
@@ -134,4 +134,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}