Slugs

web/modules/custom/riverside_pt/riverside_pt.install

@@ -247,7 +247,7 @@ function _riverside_pt_build_navigation(): void {
     ['title' => 'FAQ',                 'uri' => 'internal:/faq',        'weight' => 3, 'class' => NULL],
 
     ['title' => 'Contact',             'uri' => 'internal:/contact',                 'weight' => 4, 'class' => 'nav-cta nav-cta--primary'],
-    ['title' => 'Book An Appointment', 'uri' => 'internal:/home#book-an-appointment','weight' => 5, 'class' => 'nav-cta nav-cta--primary'],
+    ['title' => 'Book An Appointment', 'uri' => 'internal:/book-appointment',         'weight' => 5, 'class' => 'nav-cta nav-cta--primary'],
   ];
 
   foreach ($defs as $def) {

web/modules/custom/riverside_pt/riverside_pt.routing.yml

@@ -56,6 +56,14 @@ riverside_pt.faq:
   requirements:
     _access: 'TRUE'
 
+riverside_pt.book_appointment:
+  path: '/book-appointment'
+  defaults:
+    _controller: '\Drupal\riverside_pt\Controller\HomeController::redirectToAnchor'
+    destination: '/home#book-an-appointment'
+  requirements:
+    _access: 'TRUE'
+
 riverside_pt.service:
   path: '/services/{slug}'
   defaults:

web/modules/custom/riverside_pt/templates/riverside-pt-about.html.twig

@@ -54,6 +54,6 @@
 <section class="py-16 px-6 bg-white">
   <div class="max-w-[700px] mx-auto text-center">
     <h2 class="text-[2.25rem] font-serif font-normal text-gray-900 leading-tight mb-6">Ready to start your recovery?</h2>
-    <a href="/home#book-an-appointment" class="inline-block px-[4em] py-[1em] bg-pt-blue-500 text-white text-sm font-medium no-underline transition-colors border-2 border-pt-blue-500 hover:bg-pt-blue-600 hover:border-pt-blue-600">Make an Appointment</a>
+    <a href="/book-appointment" class="inline-block px-[4em] py-[1em] bg-pt-blue-500 text-white text-sm font-medium no-underline transition-colors border-2 border-pt-blue-500 hover:bg-pt-blue-600 hover:border-pt-blue-600">Make an Appointment</a>
   </div>
 </section>

web/modules/custom/riverside_pt/templates/riverside-pt-contact.html.twig

@@ -35,7 +35,7 @@
 
       <div class="bg-pt-blue-50 border border-pt-blue-200 p-8 rounded-2xl">
         <p class="mb-4">Ready to get started?</p>
-        <a href="/home#book-an-appointment"
+        <a href="/book-appointment"
            class="inline-block w-full text-center px-6 py-3 bg-pt-blue-500 text-white text-sm font-medium no-underline rounded-xl hover:bg-pt-blue-600 transition-colors">
           Make an Appointment
         </a>

web/modules/custom/riverside_pt/templates/riverside-pt-home.html.twig

@@ -30,11 +30,13 @@
         <p class="text-white/80 leading-tight text-[clamp(1rem,2vw,1.5vw)]">Every new patient starts with a comprehensive diagnostic assessment. From there we build a personalized plan that may include sports rehabilitation, pre- or post-surgical recovery, or neurological physical therapy.</p>
         <div class="flex gap-4 flex-wrap items-center mt-[2vw]">
           <a
-            href="#book-an-appointment"
+            href="/book-appointment"
+            data-scroll-to="#book-an-appointment"
             class="w-full sm:w-auto text-center max-sm:text-sm sm:text-[clamp(0.25rem,1vw,1.25vw)] px-[4em] py-[1em] bg-pt-blue-500 text-white font-medium no-underline transition-colors border-2 border-pt-blue-500 hover:bg-pt-blue-600 hover:border-pt-blue-600"
           >Book An Appointment</a>
           <a
-            href="#pt-services"
+            href="/services"
+            data-scroll-to="#pt-services"
             class="hidden sm:inline-block text-[clamp(0.25rem,1vw,1.25vw)] px-[4em] py-[1em] bg-pt-blue-400 text-white font-medium no-underline transition-colors border-2 border-white hover:bg-pt-sage-500"
           >View Our Services</a>
         </div>

web/modules/custom/riverside_pt/templates/riverside-pt-service.html.twig

@@ -1,6 +1,6 @@
 <div class="max-w-[1040px] mx-auto px-6 py-12">
   <div class="mb-8">
-    <a href="/home#book-an-appointment" class="inline-flex items-center text-pt-blue-500 hover:text-pt-blue-600 text-sm font-medium">
+    <a href="/book-appointment" class="inline-flex items-center text-pt-blue-500 hover:text-pt-blue-600 text-sm font-medium">
       ← Make an Appointment
     </a>
   </div>
@@ -34,7 +34,7 @@
 
   <div class="pt-8 border-t border-pt-blue-200 text-center">
     <p class="mb-6 text-lg">Ready to get started with {{ title }}?</p>
-    <a href="/home#book-an-appointment" class="inline-flex items-center gap-3 px-8 py-4 bg-pt-blue-500 text-white text-[15px] font-medium no-underline hover:bg-pt-blue-600 rounded-xl">
+    <a href="/book-appointment" class="inline-flex items-center gap-3 px-8 py-4 bg-pt-blue-500 text-white text-[15px] font-medium no-underline hover:bg-pt-blue-600 rounded-xl">
       Make an Appointment →
     </a>
     <p class="mt-3 text-sm text-gray-500">or call us to discuss your needs</p>