diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9ade89b..c202d55 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import { Award, Chef, Heart, Phone, Sparkles, Star, UtensilsCrossed, Users } from 'lucide-react';
+import Link from 'next/link';
 
 export default function LandingPage() {
   return (
@@ -28,11 +29,11 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Thakkar's Hotel Jalaram"
           navItems={[
-            { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
-            { name: "Our Dishes", id: "dishes" },
-            { name: "Reviews", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Home", id: "/" },
+            { name: "About", id: "#about" },
+            { name: "Our Dishes", id: "#dishes" },
+            { name: "Reviews", id: "#testimonials" },
+            { name: "Contact", id: "#contact" }
           ]}
           button={{ text: "Reserve Table", href: "#contact" }}
         />