Update src/app/page.tsx

Merge version_8 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

@@ -109,10 +109,10 @@ export default function HowItWorksPage() {
         <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" }] }]}
+              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

@@ -3,13 +3,11 @@
 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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { ShieldCheck, Heart, Users, BookOpen } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -39,53 +37,55 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-            <HeroOverlayTestimonial
+            <HeroSplitDualMedia
               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: "" }
-              ]}
+              description="Palante STS provides clear, expert guidance to manage senior transitions with dignity and calm."
+              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: "http://img.b2bpic.net/free-photo/grandparents-learning-use-technology_23-2149402581.jpg", imageAlt: "Supportive family environment" }, { imageSrc: "http://img.b2bpic.net/free-photo/family-helping-elderly_23-2149402581.jpg", 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 help you navigate complex life changes with proven, compassionate strategies."
               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: "20+", title: "Years of Experience", description: "Dedicated to senior care.", imageSrc: "http://img.b2bpic.net/free-photo/shield-icon_23-2149402581.jpg" },
+                { id: "t2", value: "500+", title: "Families Supported", description: "Successfully transitioned.", imageSrc: "http://img.b2bpic.net/free-photo/users-icon_23-2149402581.jpg" },
+                { id: "t3", value: "100%", title: "Personalized Care", description: "Tailored to your family.", imageSrc: "http://img.b2bpic.net/free-photo/heart-icon_23-2149402581.jpg" },
+                { id: "t4", value: "Proven", title: "Reliable Framework", description: "A simple, clear process.", imageSrc: "http://img.b2bpic.net/free-photo/book-icon_23-2149402581.jpg" }
+              ]}
+            />
+        </div>
+
+        <div id="services" data-section="services">
+            <FeatureCardOne
+              title="How Palante Helps Your Family"
+              description="We take the burden off your shoulders, managing the logistics of senior living transitions so you can focus on quality time."
+              animationType="slide-up"
+              textboxLayout="split"
+              gridVariant="two-columns-alternating-heights"
+              useInvertedBackground={false}
+              features={[
+                { title: "Strategic Planning", description: "Customized roadmaps to clarify your path forward.", imageSrc: "http://img.b2bpic.net/free-photo/planning_23-2149402581.jpg" },
+                { title: "Logistical Support", description: "From downsizing to move-in, we manage every detail.", imageSrc: "http://img.b2bpic.net/free-photo/moving_23-2149402581.jpg" },
+                { title: "Family Facilitation", description: "Neutral support to help families agree on the best care plan.", imageSrc: "http://img.b2bpic.net/free-photo/family_23-2149402581.jpg" }
               ]}
             />
         </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: "mailto:hello@palantests.com" }]}
-              background={{ variant: "gradient-bars" }}
+              text="We're ready to listen and support your family. Schedule your free consultation today."
+              buttons={[{ text: "Book Consultation", href: "/contact" }]}
+              background={{ variant: "sparkles-gradient" }}
               useInvertedBackground={true}
             />
         </div>
@@ -102,4 +102,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -30,7 +30,8 @@ export default function ServicesPage() {
             <NavbarLayoutFloatingOverlay
               navItems={[
                 { name: "Home", id: "/" },
-                { name: "Services", id: "#services" },
+                { name: "Services", id: "/services" },
+                { name: "How It Works", id: "/how-it-works" },
                 { name: "Contact", id: "/contact" },
               ]}
               brandName="Palante STS"
@@ -101,7 +102,7 @@ export default function ServicesPage() {
         <div id="cta" data-section="cta">
             <ContactText
               text="Ready to get started?"
-              buttons={[{ text: "Book a Consultation", href: "mailto:hello@palantests.com" }]}
+              buttons={[{ text: "Book a Consultation", href: "/contact" }]}
               background={{ variant: "sparkles-gradient" }}
               useInvertedBackground={false}
             />
@@ -110,10 +111,10 @@ export default function ServicesPage() {
         <div id="footer" data-section="footer">
             <FooterLogoEmphasis
               logoText="Palante STS"
-              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }] }]} 
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "How It Works", href: "/how-it-works" }, { label: "Contact", href: "/contact" }] }]} 
             />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}