diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5a30004..73c106c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,7 +29,7 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           brandName="Belle Café"
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "/" },
             { name: "About", id: "about" },
             { name: "Menu", id: "menu" },
             { name: "Atmosphere", id: "atmosphere" },
@@ -77,8 +77,8 @@ export default function LandingPage() {
             }
           ]}
           buttons={[
-            { text: "Visit Belle Today", href: "#visit" },
-            { text: "Explore Menu", href: "#menu" }
+            { text: "Visit Belle Today", href: "visit" },
+            { text: "Explore Menu", href: "menu" }
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
@@ -92,7 +92,7 @@ export default function LandingPage() {
           ]}
           useInvertedBackground={false}
           buttons={[
-            { text: "Our Story", href: "#about" }
+            { text: "Our Story", href: "about" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -258,16 +258,16 @@ export default function LandingPage() {
           columns={[
             {
               items: [
-                { label: "Menu", href: "#menu" },
-                { label: "Atmosphere", href: "#atmosphere" },
-                { label: "About", href: "#about" }
+                { label: "Menu", href: "menu" },
+                { label: "Atmosphere", href: "atmosphere" },
+                { label: "About", href: "about" }
               ]
             },
             {
               items: [
                 { label: "Hours", href: "#" },
                 { label: "Contact", href: "mailto:hello@bellecafe.co.nz" },
-                { label: "Location", href: "#visit" }
+                { label: "Location", href: "visit" }
               ]
             },
             {