diff --git a/src/app/elderly-care/page.tsx b/src/app/elderly-care/page.tsx
index 8d9b14a..60f6d64 100644
--- a/src/app/elderly-care/page.tsx
+++ b/src/app/elderly-care/page.tsx
@@ -8,9 +8,10 @@ import ReactLenis from "lenis/react";
 
 export default function ElderlyCarePage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
             brandName="Encore Patient Transfer"
             navItems={[
               { name: "Home", id: "/" },
@@ -21,22 +22,24 @@ export default function ElderlyCarePage() {
             button={{ text: "Call Now", href: "tel:8448212700" }}
             animateOnLoad={false}
           />
-        <HeroOverlay
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
             title="Elderly Care Transport"
             description="Our compassionate elderly care transport service focuses on the comfort and safety of our senior community. We offer personalized assistance to ensure seamless medical appointments and social visits."
             imageSrc="http://img.b2bpic.net/free-photo/man-wheelchair-having-inclusive-office-job_23-2149571042.jpg"
-        />
-        <div className="py-20 container mx-auto px-4">
-            <h2 className="text-3xl font-bold mb-6">Service Details</h2>
-            <p className="text-lg text-gray-600">We provide door-to-door, personalized care services for our seniors. Whether it is a regular check-up, therapy sessions, or family events, our trained personnel offer a supportive hand to ensure safety and comfort throughout the entire journey.</p>
+          />
         </div>
-        <FooterMedia
+        <div id="footer" data-section="footer">
+          <FooterMedia
             logoText="Encore Patient Transfer"
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-different-maps_23-2147837133.jpg"
             columns={[
               { title: "Services", items: [{ label: "Patient Transport", href: "/" }, { label: "Wheelchair & Stretcher", href: "/wheelchair-stretcher" }, { label: "Elderly Care", href: "/elderly-care" }] },
               { title: "Contact", items: [{ label: "(844) 821-2700", href: "tel:8448212700" }] },
             ]}
           />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/hospital-discharge/page.tsx b/src/app/hospital-discharge/page.tsx
index 1d9f422..36d9db5 100644
--- a/src/app/hospital-discharge/page.tsx
+++ b/src/app/hospital-discharge/page.tsx
@@ -10,45 +10,60 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
 
 export default function HospitalDischargePage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          brandName="Encore Patient Transfer"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/#services" },
-            { name: "About", id: "/#about" },
-            { name: "Contact", id: "/contact" },
-          ]}
-        />
-        <HeroOverlay
-          title="Hospital Discharge Services"
-          description="Seamless transition from the hospital to your home. We coordinate with healthcare staff to ensure your discharge is handled with the utmost care and professionalism."
-          buttons={[{ text: "Book Now", href: "/contact" }]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213129100-mb8j5jac.png"
-        />
-        <FeatureCardOne
-          title="Discharge Support Details"
-          description="We handle the logistics so you can focus on recovery."
-          features={[
-            { title: "Door-to-Door Assistance", description: "We assist directly from the hospital ward to your residence." },
-            { title: "Equipment Compatibility", description: "Vehicles equipped for mobility aids and stretcher transfers." },
-            { title: "Compassionate Staff", description: "Trained professionals ensuring your physical and emotional comfort.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213050701-fdhgt784.png" },
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-        />
-        <ContactCTA
-          tag="Ready to Go?"
-          title="Book Your Hospital Discharge"
-          description="Let us handle your transport needs safely and comfortably."
-          buttons={[{ text: "Contact Us", href: "/contact" }]}
-        />
-        <FooterMedia
-          logoText="Encore Patient Transfer"
-          columns={[{ title: "Links", items: [{ label: "Back to Home", href: "/" }] }]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            brandName="Encore Patient Transfer"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Contact", href: "/contact" }}
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Hospital Discharge Services"
+            description="Seamless transition from the hospital to your home. We coordinate with healthcare staff to ensure your discharge is handled with the utmost care and professionalism."
+            buttons={[{ text: "Book Now", href: "/contact" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213129100-mb8j5jac.png"
+          />
+        </div>
+        <div id="services" data-section="services">
+          <FeatureCardOne
+            title="Discharge Support Details"
+            description="We handle the logistics so you can focus on recovery."
+            features={[
+              { title: "Door-to-Door Assistance", description: "We assist directly from the hospital ward to your residence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213050701-fdhgt784.png" },
+              { title: "Equipment Compatibility", description: "Vehicles equipped for mobility aids and stretcher transfers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213470419-9hl915v6.png" },
+              { title: "Compassionate Staff", description: "Trained professionals ensuring your physical and emotional comfort.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213849024-kb0a5bd7.jpg" },
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Ready to Go?"
+            title="Book Your Hospital Discharge"
+            description="Let us handle your transport needs safely and comfortably."
+            buttons={[{ text: "Contact Us", href: "/contact" }]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="Encore Patient Transfer"
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-different-maps_23-2147837133.jpg"
+            columns={[{ title: "Links", items: [{ label: "Back to Home", href: "/" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/long-distance/page.tsx b/src/app/long-distance/page.tsx
index 4f4953d..965098e 100644
--- a/src/app/long-distance/page.tsx
+++ b/src/app/long-distance/page.tsx
@@ -10,45 +10,60 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
 
 export default function LongDistancePage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          brandName="Encore Patient Transfer"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/#services" },
-            { name: "About", id: "/#about" },
-            { name: "Contact", id: "/contact" },
-          ]}
-        />
-        <HeroOverlay
-          title="Long-Distance Transport Service"
-          description="Safe and comfortable transportation for long-distance medical needs. Our drivers are trained to ensure your journey is as smooth as possible."
-          buttons={[{ text: "Inquire Today", href: "/contact" }]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213849024-kb0a5bd7.jpg"
-        />
-        <FeatureCardOne
-          title="Travel with Comfort"
-          description="Reliable solutions tailored for extensive medical travel."
-          features={[
-            { title: "Comfort-Focused Fleet", description: "High-specification vehicles designed for extended travel stability." },
-            { title: "Professional Crew", description: "Highly trained staff dedicated to patient welfare during long hauls." },
-            { title: "Direct Routing", description: "Optimized routing to minimize travel time and maximize patient ease.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779214385992-jexcty2w.png" },
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-        />
-        <ContactCTA
-          tag="Long Distance Inquiry"
-          title="Plan Your Journey"
-          description="Speak to our team about coordinating your next long-distance medical transfer."
-          buttons={[{ text: "Contact Us", href: "/contact" }]}
-        />
-        <FooterMedia
-          logoText="Encore Patient Transfer"
-          columns={[{ title: "Links", items: [{ label: "Back to Home", href: "/" }] }]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            brandName="Encore Patient Transfer"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Contact", href: "/contact" }}
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Long-Distance Transport Service"
+            description="Safe and comfortable transportation for long-distance medical needs. Our drivers are trained to ensure your journey is as smooth as possible."
+            buttons={[{ text: "Inquire Today", href: "/contact" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213849024-kb0a5bd7.jpg"
+          />
+        </div>
+        <div id="services" data-section="services">
+          <FeatureCardOne
+            title="Travel with Comfort"
+            description="Reliable solutions tailored for extensive medical travel."
+            features={[
+              { title: "Comfort-Focused Fleet", description: "High-specification vehicles designed for extended travel stability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213050701-fdhgt784.png" },
+              { title: "Professional Crew", description: "Highly trained staff dedicated to patient welfare during long hauls.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213470419-9hl915v6.png" },
+              { title: "Direct Routing", description: "Optimized routing to minimize travel time and maximize patient ease.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779214385992-jexcty2w.png" },
+            ]}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Long Distance Inquiry"
+            title="Plan Your Journey"
+            description="Speak to our team about coordinating your next long-distance medical transfer."
+            buttons={[{ text: "Contact Us", href: "/contact" }]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="Encore Patient Transfer"
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-different-maps_23-2147837133.jpg"
+            columns={[{ title: "Links", items: [{ label: "Back to Home", href: "/" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/non-emergency-transport/page.tsx b/src/app/non-emergency-transport/page.tsx
index 17241b9..06c16d3 100644
--- a/src/app/non-emergency-transport/page.tsx
+++ b/src/app/non-emergency-transport/page.tsx
@@ -61,6 +61,7 @@ export default function NonEmergencyTransportPage() {
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -73,6 +74,7 @@ export default function NonEmergencyTransportPage() {
               { text: "Call (844) 821-2700", href: "tel:8448212700" },
             ]}
             background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -90,4 +92,4 @@ export default function NonEmergencyTransportPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/wheelchair-stretcher/page.tsx b/src/app/wheelchair-stretcher/page.tsx
index cb1334d..214b692 100644
--- a/src/app/wheelchair-stretcher/page.tsx
+++ b/src/app/wheelchair-stretcher/page.tsx
@@ -8,9 +8,10 @@ import ReactLenis from "lenis/react";
 
 export default function WheelchairStretcherPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
             brandName="Encore Patient Transfer"
             navItems={[
               { name: "Home", id: "/" },
@@ -21,22 +22,28 @@ export default function WheelchairStretcherPage() {
             button={{ text: "Call Now", href: "tel:8448212700" }}
             animateOnLoad={false}
           />
-        <HeroOverlay
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
             title="Wheelchair & Stretcher Transport"
             description="We provide fully equipped vehicles to ensure the highest safety standards for patients requiring wheelchair or stretcher assistance. Our trained staff handles every transfer with professionalism and dignity."
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwHgUpAs8zmh5Hh3fDe6vdqAEF/uploaded-1779213470419-9hl915v6.png"
-        />
+          />
+        </div>
         <div className="py-20 container mx-auto px-4">
             <h2 className="text-3xl font-bold mb-6">Service Details</h2>
             <p className="text-lg text-gray-600">Our service is designed to remove the stress of transportation for patients with mobility limitations. We offer modern equipment, comfortable boarding, and secure transit to all local healthcare facilities.</p>
         </div>
-        <FooterMedia
+        <div id="footer" data-section="footer">
+          <FooterMedia
             logoText="Encore Patient Transfer"
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-different-maps_23-2147837133.jpg"
             columns={[
               { title: "Services", items: [{ label: "Patient Transport", href: "/" }, { label: "Wheelchair & Stretcher", href: "/wheelchair-stretcher" }, { label: "Elderly Care", href: "/elderly-care" }] },
               { title: "Contact", items: [{ label: "(844) 821-2700", href: "tel:8448212700" }] },
             ]}
           />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );