src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
+import ReactLenis, { useLenis } from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
@@ -14,6 +14,8 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import { Award, Leaf, LineChart } from "lucide-react";
 
 export default function LandingPage() {
+  const lenis = useLenis();
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -98,7 +100,8 @@ export default function LandingPage() {
       avatarText="Trusted by over 50,000 delighted guests worldwide"
       buttons={[
         {
-          text: "View Our Menu",          href: "#menu"},
+          text: "View Our Menu",          onClick: () => lenis?.scrollTo('#menu')
+        },
         {
           text: "Make a Reservation",          href: "#contact"},
       ]}
@@ -290,4 +293,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}