Update src/app/page.tsx

src/app/page.tsx

@@ -14,6 +14,13 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function LandingPage() {
+  const handleBookAppointment = () => {
+    const contactSection = document.getElementById('contact');
+    if (contactSection) {
+      contactSection.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -36,7 +43,7 @@ export default function LandingPage() {
             { name: "Features", id: "features" },
             { name: "Testimonials", id: "testimonials" }
           ]}
-          button={{ text: "Book Appointment", href: "#contact" }}
+          button={{ text: "Book Appointment", onClick: handleBookAppointment }}
           animateOnLoad={true}
         />
       </div>
@@ -55,7 +62,7 @@ export default function LandingPage() {
           tag="Expert Dental Care"
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Appointment", href: "#contact" },
+            { text: "Book Appointment", onClick: handleBookAppointment },
             { text: "Learn More", href: "#features" }
           ]}
           buttonAnimation="slide-up"
@@ -113,7 +120,7 @@ export default function LandingPage() {
           ]}
           useInvertedBackground={false}
           buttons={[
-            { text: "Book with Dr. Padmasri", href: "#contact" }
+            { text: "Book with Dr. Padmasri", onClick: handleBookAppointment }
           ]}
           buttonAnimation="slide-up"
         />