Update src/app/page.tsx

Merge version_10 into main

src/app/contact/page.tsx

@@ -4,8 +4,7 @@ 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 FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
@@ -50,32 +49,21 @@ export default function ContactPage() {
               animationType="reveal-blur"
               background={{ variant: "sparkles-gradient" }}
               useInvertedBackground={true}
-            />
-        </div>
-
-        <div id="contact-options" data-section="contact-options">
-            <FeatureCardTwentySeven
-              title="How to Reach Out"
-              description="Choose the method that feels most comfortable for you."
-              animationType="slide-up"
-              textboxLayout="split"
-              useInvertedBackground={false}
-              features={[
-                { id: "opt1", title: "Phone", descriptions: ["Call us at (555) 123-4567"], imageSrc: "" },
-                { id: "opt2", title: "Email", descriptions: ["hello@palantests.com"], imageSrc: "" },
-                { id: "opt3", title: "Service Area", descriptions: ["Proudly serving your community"], imageSrc: "" },
-                { id: "opt4", title: "Calendar", descriptions: ["Book your free consultation"], imageSrc: "" }
-              ]}
+              className="py-8"
             />
         </div>
 
         <div id="contact-form" data-section="contact-form">
-            <ContactCenter
-              tag="Get In Touch"
-              title="Send Us a Message"
-              description="Have a question or need to discuss a specific situation? Fill out the form below."
-              background={{ variant: "plain" }}
+            <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>
 
@@ -85,6 +73,7 @@ export default function ContactPage() {
               animationType="background-highlight"
               background={{ variant: "gradient-bars" }}
               useInvertedBackground={true}
+              className="py-8"
             />
         </div>
 
@@ -97,4 +86,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -3,13 +3,12 @@
 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 HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+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 { ShieldCheck, Heart, Users, BookOpen } from "lucide-react";
+import { Check } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -39,53 +38,60 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-            <HeroOverlayTestimonial
-              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 Services", href: "/services" }]}
-              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="services" data-section="services">
-            <FeatureCardTwentySeven
-              title="How Palante Helps You"
-              description="We translate the chaos of senior transitions into a clear, manageable plan."
-              animationType="slide-up"
-              textboxLayout="split"
-              useInvertedBackground={true}
-              features={[
-                { 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: "" }
+            <HeroSplitDualMedia
+              title="Helping Your Aging Parent Transition — Without Carrying It All Alone"
+              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."
+              background={{ variant: "sparkles-gradient" }}
+              tag="Compassionate Transition Experts"
+              buttons={[{ text: "Get Your Free Consultation", href: "/contact" }]}
+              rating={5}
+              ratingText="Trusted by 500+ families"
+              mediaItems={[
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960714-lwoqutv5.jpg?_wi=1", imageAlt: "Supportive family environment" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1775540960714-zrqufly0.jpg?_wi=1", imageAlt: "Professional guidance" }
               ]}
             />
         </div>
 
         <div id="trust" data-section="trust">
-            <MetricCardOne
+            <MetricCardEleven
               title="Why Families Trust Palante"
-              description="Experience-backed support for life's most delicate transitions."
-              gridVariant="bento-grid"
+              description="We replace the stress of uncertainty with a calm, proven path forward."
               animationType="blur-reveal"
-              textboxLayout="default"
+              textboxLayout="split-description"
               useInvertedBackground={false}
               metrics={[
-                { 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 }
+                { 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: "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: "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: "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="services" data-section="services">
+            <FeatureCardOne
+              title="How Palante Helps Your Family"
+              description="Our services are designed to remove the daily stress of transition management, allowing you to focus on your family's well-being."
+              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
-              text="Let’s discuss your family's specific situation."
-              animationType="entrance-slide"
-              buttons={[{ text: "Schedule Free Consultation", href: "/contact" }]}
-              background={{ variant: "gradient-bars" }}
+              text="No-pressure, warm support when you need it most. Get in touch to discuss your situation—there is never any obligation to proceed."
+              buttons={[{ text: "Schedule a No-Pressure Chat", href: "/contact" }]}
+              background={{ variant: "sparkles-gradient" }}
               useInvertedBackground={true}
             />
         </div>