From ffffd6192b364d4925fa094397b10bb55d656c77 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 18:26:43 +0000
Subject: [PATCH] Update src/app/long-distance/page.tsx

---
 src/app/long-distance/page.tsx | 91 ++++++++++++++++++++--------------
 1 file changed, 53 insertions(+), 38 deletions(-)

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>
   );