Switch to version 3: modified src/app/page.tsx

src/app/page.tsx

@@ -15,6 +15,13 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import { Award, Coffee, Leaf, Smile, Users } from "lucide-react";
 
 export default function LandingPage() {
+  const scrollToContact = () => {
+    const element = document.getElementById('contact');
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -55,7 +62,7 @@ export default function LandingPage() {
       description="Experience culinary excellence at DarAlFlavor, where tradition meets contemporary dining. Reserve your table today."
       buttons={[
         {
-          text: "Reserve Your Table Now",          href: "#contact"},
+          text: "Reserve Your Table Now",          onClick: scrollToContact},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg"
       imageAlt="luxurious restaurant table setting dinner"
@@ -250,7 +257,7 @@ export default function LandingPage() {
             {
               label: "Our Menu",              href: "#menu"},
             {
-              label: "Book a Table",              href: "#contact"},
+              label: "Book a Table",              onClick: scrollToContact},
           ],
         },
         {