diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 1b04987..287c994 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -9,31 +9,31 @@ export default function Layout() {
   const navItems = [
   {
     "name": "Home",
-    "href": "#home"
+    "href": "/#home"
   },
   {
     "name": "About Us",
-    "href": "#about"
+    "href": "/#about"
   },
   {
     "name": "Products",
-    "href": "#products"
+    "href": "/#products"
   },
   {
     "name": "Why Us",
-    "href": "#why-us"
+    "href": "/#why-us"
   },
   {
     "name": "Testimonials",
-    "href": "#testimonials"
+    "href": "/#testimonials"
   },
   {
     "name": "FAQ",
-    "href": "#faq"
+    "href": "/#faq"
   },
   {
     "name": "Social Proof",
-    "href": "#social-proof"
+    "href": "/#social-proof"
   },
   { name: "Book Now", href: "/book-now" },
 
@@ -46,7 +46,7 @@ export default function Layout() {
         <NavbarCentered
       ctaButton={{
         text: "Order Now",
-        href: "#contact",
+        href: "/#contact",
       }}
       logo="Brand"
      navItems={navItems} />
@@ -62,11 +62,11 @@ export default function Layout() {
           items: [
             {
               label: "About Us",
-              href: "#about",
+              href: "/#about",
             },
             {
               label: "Our Menu",
-              href: "#products",
+              href: "/#products",
             },
             {
               label: "Custom Orders",
@@ -83,11 +83,11 @@ export default function Layout() {
           items: [
             {
               label: "FAQ",
-              href: "#faq",
+              href: "/#faq",
             },
             {
               label: "Contact Us",
-              href: "#contact",
+              href: "/#contact",
             },
             {
               label: "Shipping & Delivery",