diff --git a/src/app/page.tsx b/src/app/page.tsx
index 592d0d8..8950bdc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { useState } from "react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MediaAbout from '@/components/sections/about/MediaAbout';
@@ -13,6 +14,8 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { MessageCircle } from 'lucide-react';
 
 export default function LandingPage() {
+  const [activeTab, setActiveTab] = useState('stay');
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -51,8 +54,8 @@ export default function LandingPage() {
           ]}
           avatarText="Trusted by 500+ guests"
           buttons={[
-            { text: "Book Your Stay", href: "#booking" },
-            { text: "Order Food", href: "#dining" }
+            { text: "Book Your Stay", onClick: () => setActiveTab('stay') },
+            { text: "Order Food", onClick: () => setActiveTab('dining') }
           ]}
           buttonAnimation="slide-up"
           ariaLabel="Gokul Hotel hero section"