Update src/app/services/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwe
 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";
+import { ShieldCheck, Heart, Users, BookOpen } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,10 +30,7 @@ export default function LandingPage() {
             <NavbarLayoutFloatingOverlay
               navItems={[
                 { name: "Home", id: "hero" },
-                { name: "Support", id: "pain-points" },
+                { name: "Services", id: "/services" },
-                { name: "Services", id: "services" },
-                { name: "Process", id: "how-it-works" },
-                { name: "Trust", id: "trust" },
                 { name: "Contact", id: "contact" },
               ]}
               brandName="Palante STS"
@@ -44,28 +41,12 @@ export default function LandingPage() {
             <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 Process", href: "#how-it-works" }]}
+              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="pain-points" data-section="pain-points">
-            <SplitAbout
-              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: "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"
-              useInvertedBackground={false}
-            />
-        </div>
-
         <div id="services" data-section="services">
             <FeatureCardTwentySeven
               title="How Palante Helps You"
@@ -98,16 +79,6 @@ export default function LandingPage() {
             />
         </div>
 
-        <div id="lead-magnet" data-section="lead-magnet">
-            <ContactText
-              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."
@@ -122,8 +93,8 @@ export default function LandingPage() {
             <FooterLogoEmphasis
               logoText="Palante STS"
               columns={[
-                { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
+                { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "/services" }] },
-                { items: [{ label: "Support", href: "#pain-points" }, { label: "Contact", href: "#contact" }] }
+                { items: [{ label: "Contact", href: "#contact" }] }
               ]}
             />
         </div>

src/app/services/page.tsx

@@ -0,0 +1,119 @@
+"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: "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: "mailto:hello@palantests.com" }]}
+              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" }] }]} 
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}