From f30e94e9360c0570621a0bf7879a897ae1577a75 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 10:46:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 79ee961..cda16ee 100644
--- a/src/app/page.tsx
+++ b/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"
         />
-- 
2.49.1