Update src/app/book-appointment/page.tsx

src/app/book-appointment/page.tsx

@@ -22,17 +22,19 @@ export default function AppointmentPage() {
         secondaryButtonStyle="layered"
         headingFontWeight="light"
     >
-      <NavbarLayoutFloatingInline
-        navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/#about" },
-            { name: "Services", id: "/#services" },
-            { name: "Book Appointment", id: "/book-appointment" },
-            { name: "Contact", id: "/#contact" }
-        ]}
-        brandName="Sri Manjunatha\n Gastro-liver & Maternity"
-        button={{ text: "Book Appointment", href: "/book-appointment" }}
-      />
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/#about" },
+                { name: "Services", id: "/#services" },
+                { name: "Book Appointment", id: "/book-appointment" },
+                { name: "Contact", id: "/#contact" }
+            ]}
+            brandName="Sri Manjunatha\n Gastro-liver & Maternity"
+            button={{ text: "Book Appointment", href: "/book-appointment" }}
+        />
+      </div>
 
       <main className="pt-32 pb-20">
         {isConfirmed ? (
@@ -42,22 +44,27 @@ export default function AppointmentPage() {
             <a href="/" className="inline-block px-6 py-3 bg-primary text-white rounded-lg">Back to Home</a>
           </div>
         ) : (
-          <ContactSplit
-            tag="Booking"
-            title="Appointment Request"
-            description="Please provide your details below to request an appointment. We will contact you to finalize the schedule."
-            background={{ variant: "plain" }}
-            inputPlaceholder="Your email"
-            buttonText="Confirm Request"
-            onSubmit={() => setIsConfirmed(true)}
-          />
+          <div id="contact" data-section="contact">
+            <ContactSplit
+                tag="Booking"
+                title="Appointment Request"
+                description="Please provide your details below to request an appointment. We will contact you to finalize the schedule."
+                background={{ variant: "plain" }}
+                useInvertedBackground={false}
+                inputPlaceholder="Your email"
+                buttonText="Confirm Request"
+                onSubmit={() => setIsConfirmed(true)}
+            />
+          </div>
         )}
       </main>
 
-      <FooterCard
-        logoText="Sri Manjunatha"
-        copyrightText="© 2025 Sri Manjunatha Hospital. All rights reserved."
-      />
+      <div id="footer" data-section="footer">
+        <FooterCard
+            logoText="Sri Manjunatha"
+            copyrightText="© 2025 Sri Manjunatha Hospital. All rights reserved."
+        />
+      </div>
     </ThemeProvider>
   );
 }