Merge version_11 into main

Merge version_11 into main

src/app/about/page.tsx

@@ -4,11 +4,9 @@ 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() {
@@ -30,7 +28,8 @@ export default function AboutPage() {
             <NavbarLayoutFloatingOverlay
               navItems={[
                 { name: "Home", id: "/" },
-                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "How It Works", id: "/how-it-works" },
                 { name: "Contact", id: "/contact" },
               ]}
               brandName="Palante STS"
@@ -77,10 +76,10 @@ export default function AboutPage() {
         <div id="footer" data-section="footer">
             <FooterLogoEmphasis
               logoText="Palante STS"
-              columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "How It Works", href: "/how-it-works" }, { label: "Contact", href: "/contact" }] }]} 
             />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -0,0 +1,89 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ContactPage() {
+  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: "Services", id: "/services" },
+                { name: "How It Works", id: "/how-it-works" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Palante STS"
+            />
+        </div>
+
+        <div id="hero" data-section="hero">
+            <HeroOverlayTestimonial
+              title="Let's Start the Conversation"
+              description="We're here to listen, support, and guide your family through life's biggest transitions—on your own timeline."
+              testimonials={[]}
+            />
+        </div>
+
+        <div id="reassurance-1" data-section="reassurance-1">
+            <ContactText
+              text="No Pressure, No Obligation"
+              animationType="reveal-blur"
+              background={{ variant: "sparkles-gradient" }}
+              useInvertedBackground={true}
+              className="py-8"
+            />
+        </div>
+
+        <div id="contact-form" data-section="contact-form">
+            <ContactSplitForm
+              title="Get In Touch"
+              description="Whether you have a specific question or just need to discuss a transition situation, we're here to help. Fill out the details below and we'll be in touch."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Your Name", required: true },
+                { name: "email", type: "email", placeholder: "Your Email", required: true }
+              ]}
+              textarea={{ name: "message", placeholder: "How can we help your family?", rows: 4, required: true }}
+              useInvertedBackground={false}
+              mediaPosition="right"
+            />
+        </div>
+
+        <div id="reassurance-2" data-section="reassurance-2">
+            <ContactText
+              text="You Don't Have to Do This Alone"
+              animationType="background-highlight"
+              background={{ variant: "gradient-bars" }}
+              useInvertedBackground={true}
+              className="py-8"
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              logoText="Palante STS"
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "How It Works", href: "/how-it-works" }, { label: "Contact", href: "/contact" }] }]} 
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/how-it-works/page.tsx

@@ -0,0 +1,118 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function HowItWorksPage() {
+  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: "Services", id: "/services" },
+                { name: "How It Works", id: "/how-it-works" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Palante STS"
+            />
+        </div>
+
+        <div id="hero" data-section="hero">
+            <HeroOverlayTestimonial
+              title="A Clear Process for a Difficult Transition"
+              description="Navigating senior transitions doesn't have to feel overwhelming. Our structured approach brings clarity to every step."
+              testimonials={[]}
+            />
+        </div>
+
+        <div id="intro" data-section="intro">
+            <SplitAbout
+              title="You Don’t Have to Figure This Out Alone"
+              description="We translate the complexity of aging transitions into a manageable, step-by-step roadmap tailored specifically to your family's needs."
+              bulletPoints={[]}
+              textboxLayout="split"
+              useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="process" data-section="process">
+            <FeatureCardTwentyNine
+              title="Our 5-Step Process"
+              animationType="slide-up"
+              textboxLayout="split"
+              gridVariant="two-columns-alternating-heights"
+              description="Five clear steps to guide your transition."
+              useInvertedBackground={false}
+              features={[
+                { title: "We Listen & Assess", description: "Understanding your family's unique dynamics and goals.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Create a Personalized Transition Plan", description: "Developing a structured path that keeps everyone informed.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Coordinate the Transition", description: "Managing the logistical details from start to finish.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Support the Next Housing Decision", description: "Helping you find the right fit with confidence.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Help You Move Forward", description: "Ensuring stability and comfort for the road ahead.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" }
+              ]}
+            />
+        </div>
+
+        <div id="feelings" data-section="feelings">
+            <SplitAbout
+              title="What Families Often Feel Before They Reach Out"
+              description="Overwhelmed by decisions, stressed by family disagreements, or unsure of where to start—you aren't the first, and we can help."
+              bulletPoints={[]}
+              textboxLayout="split"
+              useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="faq" data-section="faq">
+            <FaqDouble
+              title="Mini FAQ"
+              description="Answers to common questions about our process."
+              faqsAnimation="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              faqs={[
+                { id: "q1", title: "How do we get started?", content: "Simply reach out through our contact form and we will schedule an initial call." },
+                { id: "q2", title: "Can you mediate family discussions?", content: "Yes, we specialize in helping families reach consensus during transition periods." }
+              ]}
+            />
+        </div>
+
+        <div id="cta" data-section="cta">
+            <ContactText
+              text="Take the first step toward a clearer transition."
+              buttons={[{ text: "Schedule Your Free Consultation", href: "/contact" }]}
+              background={{ variant: "sparkles-gradient" }}
+              useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              logoText="Palante STS"
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "How It Works", href: "/how-it-works" }, { label: "Contact", href: "/contact" }] }]} 
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 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 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 HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Check } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,112 +28,71 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
             <NavbarLayoutFloatingOverlay
               navItems={[
-                { name: "Home", id: "hero" },
+                { name: "Home", id: "/" },
-                { name: "Our Process", id: "how-it-works" },
+                { name: "Services", id: "/services" },
-                { name: "Services", id: "services" },
+                { name: "How It Works", id: "/how-it-works" },
-                { name: "Support", id: "pain-points" },
+                { name: "Contact", id: "/contact" },
-                { name: "About", id: "about" },
-                { name: "Contact", id: "contact" },
               ]}
               brandName="Palante STS"
             />
         </div>
 
         <div id="hero" data-section="hero">
-            <HeroOverlayTestimonial
+            <HeroSplitDualMedia
-              title="Compassionate Transitions for Senior Living"
+              title="Helping Your Aging Parent Transition — Without Carrying It All Alone"
-              description="We help families navigate the complexities of senior living transitions with calm, structured expertise and dignity."
+              description="You want the best for your parents, but the logistics of senior transitions are overwhelming. Palante STS steps in to provide professional, clear-headed management so you can get back to being a son or daughter, not just a caregiver."
-              buttons={[{ text: "Schedule Consultation", href: "#contact" }, { text: "Our Process", href: "#how-it-works" }]}
+              background={{ variant: "sparkles-gradient" }}
-              testimonials={[{ name: "Jane D.", handle: "@janed", testimonial: "Palante made an impossible move feel easy and respectful.", rating: 5 }]}
+              tag="Compassionate Transition Experts"
-              imageSrc="http://img.b2bpic.net/free-photo/grandparents-learning-use-technology_23-2149402581.jpg"
+              buttons={[{ text: "Get Your Free Consultation", href: "/contact" }]}
-            />
+              rating={5}
-        </div>
+              ratingText="Trusted by 500+ families"
-
+              mediaItems={[
-        <div id="pain-points" data-section="pain-points">
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960714-lwoqutv5.jpg?_wi=1", imageAlt: "Supportive family environment" },
-            <SplitAbout
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960714-zrqufly0.jpg?_wi=1", imageAlt: "Professional guidance" }
-              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."
-              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." }
-              ]}
-              imageSrc="http://img.b2bpic.net/free-photo/senior-couple-holding-hands-together_53876-25301.jpg"
-              textboxLayout="split"
-              useInvertedBackground={false}
-            />
-        </div>
-
-        <div id="services" data-section="services">
-            <FeatureCardTwentySeven
-              title="How Palante Helps"
-              description="Customized solutions designed to support the unique needs of your family."
-              animationType="slide-up"
-              textboxLayout="split"
-              useInvertedBackground={false}
-              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 }
               ]}
             />
         </div>
 
         <div id="trust" data-section="trust">
-            <MetricCardOne
+            <MetricCardEleven
-              title="Why Palante STS"
+              title="Why Families Trust Palante"
-              description="Trust in experience and compassion."
+              description="We replace the stress of uncertainty with a calm, proven path forward."
-              gridVariant="bento-grid"
               animationType="blur-reveal"
-              textboxLayout="default"
+              textboxLayout="split-description"
               useInvertedBackground={false}
               metrics={[
-                { id: "t1", value: "20+", title: "Years Experience", description: "Dedicated professional support.", icon: ShieldCheck },
+                { id: "t1", value: "Heart-Centered", title: "Human-First Approach", description: "We listen to your specific family dynamics before offering a single piece of advice.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960715-sq75umhv.jpg?_wi=1" },
-                { id: "t2", value: "500+", title: "Families Helped", description: "Consistent success in transitions.", icon: Users },
+                { id: "t2", value: "Unbiased", title: "Neutral Advocacy", description: "We act as the bridge between family members to resolve disagreements without pressure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960715-ye5bl9ut.jpg?_wi=1" },
-                { id: "t3", value: "100%", title: "Personalized", description: "Tailored to your family goals.", icon: Heart },
+                { id: "t3", value: "Proven", title: "Structured Clarity", description: "Complex transitions broken down into manageable, actionable steps that everyone understands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960715-0ocqg1cp.jpg?_wi=1" },
-                { id: "t4", value: "5 Star", title: "Quality Care", description: "Compassion at our core.", icon: BookOpen }
+                { id: "t4", value: "Reliable", title: "Complete Logistics", description: "From downsizing to final move-in, we manage the heavy lifting so you don't have to.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960714-lwoqutv5.jpg?_wi=2" }
               ]}
             />
         </div>
 
-        <div id="lead-magnet" data-section="lead-magnet">
+        <div id="services" data-section="services">
-            <ContactText
+            <FeatureCardOne
-              animationType="entrance-slide"
+              title="How Palante Helps Your Family"
-              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."
+              description="Our services are designed to remove the daily stress of transition management, allowing you to focus on your family's well-being."
-              background={{ variant: "gradient-bars" }}
+              animationType="slide-up"
+              textboxLayout="split"
+              gridVariant="two-columns-alternating-heights"
               useInvertedBackground={false}
+              features={[
+                { title: "Personalized Transition Roadmaps", description: "A tailored strategy that clarifies your goals and outlines exactly what needs to happen to reach them safely.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960714-zrqufly0.jpg?_wi=2" },
+                { title: "Family Consensus Facilitation", description: "Helping all family members align on care needs and living arrangements, ensuring everyone feels heard and respected.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960715-sq75umhv.jpg?_wi=2" },
+                { title: "Professional Move Management", description: "Comprehensive oversight for moving day, managing movers, packing, and settling into a new space with care and precision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960715-ye5bl9ut.jpg?_wi=2" },
+                { title: "Downsizing & Organization", description: "Supportive assistance in simplifying your parents' current home and preparing belongings for the next transition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960714-lwoqutv5.jpg?_wi=1" },
+                { title: "Ongoing Care Coordination", description: "Consistent support to monitor progress and adjust the plan as your family's needs evolve over time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960715-0ocqg1cp.jpg?_wi=2" }
+              ]}
             />
         </div>
 
         <div id="contact" data-section="contact">
             <ContactText
-              animationType="entrance-slide"
+              text="No-pressure, warm support when you need it most. Get in touch to discuss your situation—there is never any obligation to proceed."
-              text="We're ready to provide the structure and support your family needs during this transition."
+              buttons={[{ text: "Schedule a No-Pressure Chat", href: "/contact" }]}
-              buttons={[{ text: "Schedule Your Free Consultation", href: "mailto:hello@palantests.com" }]}
               background={{ variant: "sparkles-gradient" }}
-              useInvertedBackground={false}
+              useInvertedBackground={true}
             />
         </div>
 
@@ -142,8 +100,8 @@ 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: "/" }, { label: "Services", href: "/services" }, { label: "How It Works", href: "/how-it-works" }] },
-                { items: [{ label: "Support", href: "#pain-points" }, { label: "Contact", href: "#contact" }] }
+                { items: [{ label: "Contact", href: "/contact" }] }
               ]}
             />
         </div>

src/app/services/page.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+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 { Heart, BrainCircuit, Users, BookOpen } from "lucide-react";
+
+export default function ServicesPage() {
+  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: "Services", id: "/services" },
+                { name: "How It Works", id: "/how-it-works" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Palante STS"
+            />
+        </div>
+
+        <div id="hero" data-section="hero">
+            <HeroOverlayTestimonial
+              title="Expert Transition Support"
+              description="Comprehensive services tailored to simplify complex life transitions."
+              testimonials={[]}
+            />
+        </div>
+
+        <div id="intro" data-section="intro">
+            <SplitAbout
+              title="You Don't Need Five Different People to Help You Through This"
+              description="We integrate everything you need into one seamless support framework."
+              textboxLayout="default"
+              useInvertedBackground={true}
+              bulletPoints={[]}
+            />
+        </div>
+
+        <div id="services" data-section="services">
+            <FeatureCardTwentySeven
+              title="Core Services"
+              description="Comprehensive support for every stage of your transition journey."
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              features={[
+                { id: "s1", title: "Transition Planning & Guidance", descriptions: ["Holistic roadmap creation."] },
+                { id: "s2", title: "Downsizing & Home Organization", descriptions: ["Compassionate decluttering and space management."] },
+                { id: "s3", title: "Move Management & Coordination", descriptions: ["Logistics and professional move oversight."] },
+                { id: "s4", title: "Senior Living Transition Support", descriptions: ["Guidance through community selection."] }
+              ]}
+            />
+        </div>
+
+        <div id="reach-out" data-section="reach-out">
+            <MetricCardOne
+              title="When Families Usually Reach Out"
+              description="Recognizing the signs early ensures a calmer transition."
+              gridVariant="bento-grid"
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              metrics={[
+                { id: "m1", value: "Crisis", title: "Emergency", description: "Sudden health changes.", icon: Heart },
+                { id: "m2", value: "Fatigue", title: "Decision Fatigue", description: "Overwhelmed by choices.", icon: BrainCircuit },
+                { id: "m3", value: "Disagreement", title: "Family Friction", description: "Lack of consensus.", icon: Users },
+                { id: "m4", value: "Pre-planning", title: "Proactive", description: "Planning for the future.", icon: BookOpen }
+              ]}
+            />
+        </div>
+
+        <div id="why-palante" data-section="why-palante">
+            <SplitAbout
+              title="Why Families Choose Palante"
+              description="We combine decades of experience with a truly heart-centered approach."
+              textboxLayout="default"
+              useInvertedBackground={true}
+              bulletPoints={[]}
+            />
+        </div>
+
+        <div id="cta" data-section="cta">
+            <ContactText
+              text="Ready to get started?"
+              buttons={[{ text: "Book a Consultation", href: "/contact" }]}
+              background={{ variant: "sparkles-gradient" }}
+              useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              logoText="Palante STS"
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "How It Works", href: "/how-it-works" }, { label: "Contact", href: "/contact" }] }]} 
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}