src/app/page.tsx

@@ -12,6 +12,10 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Clock, Heart, MapPin, MessageSquare, Phone, Star, Utensils, Users } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleReserveTable = () => {
+    window.location.href = 'tel:+919811389963';
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -35,7 +39,7 @@ export default function LandingPage() {
             { name: "Reviews", id: "testimonials" }
           ]}
           button={{
-            text: "Reserve Table",            href: "#contact"
+            text: "Reserve Table",            onClick: handleReserveTable
           }}
         />
       </div>
@@ -52,7 +56,7 @@ export default function LandingPage() {
           imageAlt="Chache Di Hatti authentic Punjabi restaurant"
           buttons={[
             { text: "View Menu", href: "#menu" },
-            { text: "Reserve Table", href: "#contact" }
+            { text: "Reserve Table", onClick: handleReserveTable }
           ]}
           buttonAnimation="slide-up"
           ariaLabel="Chache Di Hatti - Punjabi Restaurant Hero Section"
@@ -105,7 +109,7 @@ export default function LandingPage() {
             }
           ]}
           buttons={[
-            { text: "See Full Menu", href: "#contact" }
+            { text: "See Full Menu", onClick: handleReserveTable }
           ]}
           buttonAnimation="slide-up"
         />
@@ -229,4 +233,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}