Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { Heart, ShieldCheck } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="grid"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Palante STS"
+            />
+        </div>
+
+        <div id="hero" data-section="hero">
+            <HeroBillboardTestimonial
+              title="Our Story: Compassion at the Core"
+              description="Guided by personal experience, Ronnie Konishi founded Palante STS to ensure families never have to face life's biggest transitions alone."
+              background={{ variant: "sparkles-gradient" }}
+              testimonials={[]}
+            />
+        </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}
+              features={[
+                { id: "d1", title: "Heart-Centered", subtitle: "Empathy first", category: "Methodology", value: "100%" },
+                { id: "d2", title: "Structured Care", subtitle: "Proven framework", category: "Methodology", value: "Proven" }
+              ]}
+            />
+        </div>
+
+        <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}
+              metrics={[
+                { id: "b1", icon: ShieldCheck, title: "Integrity", value: "Always" },
+                { id: "b2", icon: Heart, title: "Advocacy", value: "Active" }
+              ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              logoText="Palante STS"
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { ShieldCheck, Heart, Users, BrainCircuit, Target, BookOpen, Clock } from "lucide-react";
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { ShieldCheck, Heart, Users, BrainCircuit, Target, BookOpen, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,9 +30,10 @@ export default function LandingPage() {
             <NavbarLayoutFloatingOverlay
               navItems={[
                 { name: "Home", id: "hero" },
-                { name: "Our Process", id: "how-it-works" },
-                { name: "Services", id: "services" },
                 { name: "Support", id: "pain-points" },
+                { name: "Services", id: "services" },
+                { name: "Process", id: "how-it-works" },
+                { name: "Trust", id: "trust" },
                 { name: "Contact", id: "contact" },
               ]}
               brandName="Palante STS"
@@ -41,24 +42,23 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
             <HeroOverlayTestimonial
-              title="Compassionate Transitions for Senior Living"
-              description="We help families navigate the complexities of senior living transitions with calm, structured expertise and dignity."
-              buttons={[{ text: "Schedule Consultation", href: "#contact" }, { text: "Our Process", href: "#how-it-works" }]}
-              testimonials={[{ name: "Jane D.", handle: "@janed", testimonial: "Palante made an impossible move feel easy and respectful.", rating: 5 }]}
+              title="Helping Aging Parents? You're Not Alone."
+              description="Palante STS provides the structure and expert guidance to help adult children manage senior living transitions with confidence."
+              buttons={[{ text: "Schedule Free Consultation", href: "#contact" }, { text: "Our Process", href: "#how-it-works" }]}
+              testimonials={[{ name: "Sarah M.", handle: "@sarahm", testimonial: "Palante gave us the roadmap we didn't know we needed during a stressful time.", rating: 5 }]}
               imageSrc="http://img.b2bpic.net/free-photo/grandparents-learning-use-technology_23-2149402581.jpg"
             />
         </div>
 
         <div id="pain-points" data-section="pain-points">
             <SplitAbout
-              title="When Aging Transitions Become Overwhelming"
-              description="We understand the emotional weight of moving a loved one. You don't have to carry the logistical burden alone."
+              title="The Weight of Managing Parents' Care"
+              description="Balancing your life while managing your aging parents' transition can lead to severe burnout, decision fatigue, and family friction."
               bulletPoints={[
-                { title: "Decision Fatigue", description: "Endless choices regarding facilities and care." },
-                { title: "Logistical Chaos", description: "Coordinating downsizing, movers, and floor planning." },
-                { title: "Family Discord", description: "Navigating differing opinions on best care." },
-                { title: "Emotional Toll", description: "Managing the grief of leaving a long-time home." },
-                { title: "Time Constraints", description: "Trying to balance work and caregiving tasks." }
+                { title: "Overwhelming Complexity", description: "Navigating healthcare and housing systems is a full-time job." },
+                { title: "Emotional Strain", description: "Managing the guilt and worry of life changes." },
+                { title: "Family Tension", description: "Disagreeing on the best path forward with siblings." },
+                { title: "Loss of Time", description: "Sacrificing your career and personal time for logistics." }
               ]}
               imageSrc="http://img.b2bpic.net/free-photo/senior-couple-holding-hands-together_53876-25301.jpg"
               textboxLayout="split"
@@ -68,72 +68,53 @@ export default function LandingPage() {
 
         <div id="services" data-section="services">
             <FeatureCardTwentySeven
-              title="How Palante Helps"
-              description="Customized solutions designed to support the unique needs of your family."
+              title="How Palante Helps You"
+              description="We translate the chaos of senior transitions into a clear, manageable plan."
               animationType="slide-up"
               textboxLayout="split"
-              useInvertedBackground={false}
+              useInvertedBackground={true}
               features={[
-                { id: "s1", title: "Full Move Coordination", descriptions: ["End-to-end management of the moving process."] },
-                { id: "s2", title: "Downsizing Strategy", descriptions: ["Thoughtful decluttering and item management."] },
-                { id: "s3", title: "Family Mediation", descriptions: ["Facilitating calm, productive family discussions."] },
-                { id: "s4", title: "Care Logistics", descriptions: ["Referral coordination and timeline management."] },
-                { id: "s5", title: "Emotional Advocacy", descriptions: ["Resident-centered support throughout the change."] }
-              ]}
-            />
-        </div>
-
-        <div id="how-it-works" data-section="how-it-works">
-            <MetricCardOne
-              title="Our 5-Step Process"
-              description="A structured path to a calm transition."
-              gridVariant="uniform-all-items-equal"
-              animationType="slide-up"
-              textboxLayout="default"
-              useInvertedBackground={false}
-              metrics={[
-                { id: "p1", value: "01", title: "Consultation", description: "Assessing your family's unique situation.", icon: Users },
-                { id: "p2", value: "02", title: "Assessment", description: "Defining care and logistical needs.", icon: BrainCircuit },
-                { id: "p3", value: "03", title: "Strategy", description: "Customizing your transition plan.", icon: Target },
-                { id: "p4", value: "04", title: "Execution", description: "Managing the move with care.", icon: Clock },
-                { id: "p5", value: "05", title: "Settlement", description: "Ensuring comfort in the new home.", icon: Heart }
+                { id: "s1", title: "Strategic Planning", descriptions: ["Expert roadmapping for care and living needs."], imageSrc: "" },
+                { id: "s2", title: "Logistical Management", descriptions: ["Coordinating movers, decluttering, and floor planning."], imageSrc: "" },
+                { id: "s3", title: "Communication Facilitation", descriptions: ["Mediating family discussions to reach consensus."], imageSrc: "" }
               ]}
             />
         </div>
 
         <div id="trust" data-section="trust">
             <MetricCardOne
-              title="Why Palante STS"
-              description="Trust in experience and compassion."
+              title="Why Families Trust Palante"
+              description="Experience-backed support for life's most delicate transitions."
               gridVariant="bento-grid"
               animationType="blur-reveal"
               textboxLayout="default"
               useInvertedBackground={false}
               metrics={[
-                { id: "t1", value: "20+", title: "Years Experience", description: "Dedicated professional support.", icon: ShieldCheck },
-                { id: "t2", value: "500+", title: "Families Helped", description: "Consistent success in transitions.", icon: Users },
-                { id: "t3", value: "100%", title: "Personalized", description: "Tailored to your family goals.", icon: Heart },
-                { id: "t4", value: "5 Star", title: "Quality Care", description: "Compassion at our core.", icon: BookOpen }
+                { id: "t1", value: "20+", title: "Years Experience", description: "In senior transitions.", icon: ShieldCheck },
+                { id: "t2", value: "500+", title: "Families Assisted", description: "Successfully transitioned.", icon: Users },
+                { id: "t3", value: "100%", title: "Personalized Support", description: "Tailored to your family goals.", icon: Heart },
+                { id: "t4", value: "Proven", title: "Framework", description: "A reliable system that works.", icon: BookOpen }
               ]}
             />
         </div>
 
         <div id="lead-magnet" data-section="lead-magnet">
             <ContactText
-              animationType="entrance-slide"
-              text="Get our exclusive '7 Signs Your Loved One is Ready for a Transition' guide to help you recognize the right time for next steps."
-              background={{ variant: "gradient-bars" }}
+              text="Ready to take the next step? Download our free guide: '7 Signs Your Loved One is Ready for a Transition.'"
+              animationType="background-highlight"
+              buttons={[{ text: "Download Guide", href: "#contact" }]}
+              background={{ variant: "sparkles-gradient" }}
               useInvertedBackground={false}
             />
         </div>
 
         <div id="contact" data-section="contact">
             <ContactText
+              text="Let’s discuss your family's specific situation."
               animationType="entrance-slide"
-              text="We're ready to provide the structure and support your family needs during this transition."
-              buttons={[{ text: "Schedule Your Free Consultation", href: "mailto:hello@palantests.com" }]}
-              background={{ variant: "sparkles-gradient" }}
-              useInvertedBackground={false}
+              buttons={[{ text: "Schedule Free Consultation", href: "mailto:hello@palantests.com" }]}
+              background={{ variant: "gradient-bars" }}
+              useInvertedBackground={true}
             />
         </div>
 
@@ -141,7 +122,7 @@ export default function LandingPage() {
             <FooterLogoEmphasis
               logoText="Palante STS"
               columns={[
-                { items: [{ label: "Home", href: "#hero" }, { label: "Our Process", href: "#how-it-works" }] },
+                { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
                 { items: [{ label: "Support", href: "#pain-points" }, { label: "Contact", href: "#contact" }] }
               ]}
             />
@@ -149,4 +130,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}