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

src/app/page.tsx

@@ -15,13 +15,6 @@ 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"
@@ -62,7 +55,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",          onClick: scrollToContact},
+          text: "Reserve Your Table Now",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg"
       imageAlt="luxurious restaurant table setting dinner"
@@ -257,7 +250,7 @@ export default function LandingPage() {
             {
               label: "Our Menu",              href: "#menu"},
             {
-              label: "Book a Table",              onClick: scrollToContact},
+              label: "Book a Table",              href: "#contact"},
           ],
         },
         {