src/app/page.tsx

@@ -12,6 +12,11 @@ import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Calendar, CheckCircle, Heart, Home, MapPin, Smile, Star, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const handleAppointmentSubmit = (email: string) => {
+    // Open appointment booking link or form
+    window.location.href = "tel:+14099331234";
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -36,7 +41,7 @@ export default function LandingPage() {
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Book Appointment", href: "#contact" }}
+          button={{ text: "Book Appointment", onClick: handleAppointmentSubmit }}
         />
       </div>
 
@@ -51,7 +56,7 @@ export default function LandingPage() {
           imageAlt="Modern dental clinic interior"
           mediaAnimation="slide-up"
           buttons={[
-            { text: "Request Appointment", href: "#contact" },
+            { text: "Request Appointment", onClick: handleAppointmentSubmit },
             { text: "Call Now", href: "tel:+14099331234" }
           ]}
           buttonAnimation="slide-up"
@@ -165,7 +170,7 @@ export default function LandingPage() {
               phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-dentist-patient_23-2149164297.jpg?_wi=3" }
             }
           ]}
-          buttons={[{ text: "Book Your Visit", href: "#contact" }]}
+          buttons={[{ text: "Book Your Visit", onClick: handleAppointmentSubmit }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -209,6 +214,7 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email"
           buttonText="Request Appointment"
           termsText="We respect your privacy. Your appointment request will be reviewed by our team."
+          onSubmit={handleAppointmentSubmit}
         />
       </div>