From 008e717a20aee5b71f8b4dffb2ee6bcde897243c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 04:58:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 353 +++++++++++++++--------------------------------
 1 file changed, 113 insertions(+), 240 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 742c480..406a49b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,12 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { ShieldCheck, Heart, Users, BrainCircuit, Target, BookOpen, Clock } from "lucide-react";
+import MetricCardOne from '@/components/sections/metric/MetricCardOne';
 
 export default function LandingPage() {
   return (
@@ -26,249 +27,121 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Our Process",
-          id: "about",
-        },
-        {
-          name: "Why Palante",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Palante STS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+              navItems={[
+                { name: "Home", id: "hero" },
+                { name: "Our Process", id: "how-it-works" },
+                { name: "Services", id: "services" },
+                { name: "Support", id: "pain-points" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="Palante STS"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="Palante STS"
-      description="Helping families navigate the complexities of senior living transitions with calm, structured expertise and compassionate guidance."
-      buttons={[
-        {
-          text: "Schedule Consultation",
-          href: "#contact",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/grandparents-learning-use-technology_23-2149402581.jpg"
-      imageAlt="Compassionate senior transition support"
-    />
-  </div>
+        <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 }]}
+              imageSrc="http://img.b2bpic.net/free-photo/grandparents-learning-use-technology_23-2149402581.jpg"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Your Trusted Guide"
-      description="Moving out of a longtime family home is more than a logistical challenge; it is a significant life transition. We provide the structure needed to make these moves with dignity."
-      metrics={[
-        {
-          value: "20+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Families Helped",
-        },
-        {
-          value: "100%",
-          title: "Personalized Care",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/senior-couple-holding-hands-together_53876-25301.jpg"
-      imageAlt="Professional moving support"
-    />
-  </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."
+              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"
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          label: "Compassion",
-          title: "Deep Listening",
-          items: [
-            "We listen to the resident's concerns first.",
-            "Emotional support for the entire family.",
-            "Addressing the anxiety of change.",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Expertise",
-          title: "Operational Precision",
-          items: [
-            "Logistics and move management.",
-            "Decluttering and downsizing strategy.",
-            "Professional referral coordination.",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Strategy",
-          title: "Family Alignment",
-          items: [
-            "Mediation and family meeting facilitation.",
-            "Shared decision-making structure.",
-            "Clear timelines and expectations.",
-          ],
-        },
-      ]}
-      title="Structured Solutions"
-      description="We replace overwhelm with clarity."
-    />
-  </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"
+              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="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Jane D.",
-          role: "Daughter",
-          company: "Family Support",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-gray-haired-smiley-woman_23-2149082567.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark S.",
-          role: "Son",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-human-emotions-reaction-portrait-carefree-happy-senior-woman-with-dyed-stylish-short-hair-looking-camera-with-broad-cheerful-smile-wearing-hoodie-choosing-active-lifestyle_343059-2281.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah L.",
-          role: "Daughter",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-senior-caucasian-female-pensioner-with-pixie-short-hairstyle-spending-day-home-standing-living-room-wearing-elegant-blue-dress-smiling-happily_343059-2673.jpg",
-        },
-        {
-          id: "t4",
-          name: "Robert K.",
-          role: "Client",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207235.jpg",
-        },
-        {
-          id: "t5",
-          name: "Linda M.",
-          role: "Daughter",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman_23-2150767025.jpg",
-        },
-      ]}
-      title="Families We Support"
-      description="Read how we turned daunting transitions into manageable steps."
-    />
-  </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"
+              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="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "When is the right time to start?",
-          content: "Early planning is key to keeping the transition calm.",
-        },
-        {
-          id: "q2",
-          title: "How do you help my parent feel heard?",
-          content: "Our process centers on resident agency and comfort.",
-        },
-        {
-          id: "q3",
-          title: "Do you work with our lawyers?",
-          content: "Yes, we coordinate seamlessly with all trusted partners.",
-        },
-      ]}
-      title="Common Questions"
-      description="Addressing your concerns early."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="trust" data-section="trust">
+            <MetricCardOne
+              title="Why Palante STS"
+              description="Trust in experience and compassion."
+              gridVariant="bento-grid"
+              animationType="blur-reveal"
+              textboxLayout="default"
+              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 }
+              ]}
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Ready to begin your transition journey with expert support? We offer a free initial consultation."
-      buttons={[
-        {
-          text: "Book Consultation",
-          href: "mailto:hello@palantests.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="lead-magnet" data-section="lead-magnet">
+            <ContactText
+              title="Download Our Free Guide"
+              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" }}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Our Process",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Palante STS"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+              title="Final CTA"
+              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" }}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              logoText="Palante STS"
+              columns={[
+                { items: [{ label: "Home", href: "#hero" }, { label: "Our Process", href: "#how-it-works" }] },
+                { items: [{ label: "Support", href: "#pain-points" }, { label: "Contact", href: "#contact" }] }
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file