diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 7c75505..d56d036 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,10 +7,10 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 const navItems = [
-  { name: "Rooms", id: "/accommodations" },
-  { name: "Experiences", id: "/accommodations" },
-  { name: "About", id: "/about" },
-  { name: "Contact", id: "/contact" },
+  { name: "Rooms", id: "accommodations" },
+  { name: "Experiences", id: "accommodations" },
+  { name: "About", id: "about" },
+  { name: "Contact", id: "contact" },
 ];
 
 export default function AboutPage() {
@@ -32,7 +32,7 @@ export default function AboutPage() {
           navItems={navItems}
           brandName="Alpine Calm"
           button={{
-            text: "Book Now",            href: "/contact"
+            text: "Book Now",            href: "contact"
           }}
         />
       </div>
diff --git a/src/app/accommodations/page.tsx b/src/app/accommodations/page.tsx
index 7a01cc0..b22f9b1 100644
--- a/src/app/accommodations/page.tsx
+++ b/src/app/accommodations/page.tsx
@@ -7,10 +7,10 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 const navItems = [
-  { name: "Rooms", id: "/accommodations" },
-  { name: "Experiences", id: "/accommodations" },
-  { name: "About", id: "/about" },
-  { name: "Contact", id: "/contact" },
+  { name: "Rooms", id: "accommodations" },
+  { name: "Experiences", id: "accommodations" },
+  { name: "About", id: "about" },
+  { name: "Contact", id: "contact" },
 ];
 
 export default function AccommodationsPage() {
@@ -32,7 +32,7 @@ export default function AccommodationsPage() {
           navItems={navItems}
           brandName="Alpine Calm"
           button={{
-            text: "Book Now",            href: "/contact"
+            text: "Book Now",            href: "contact"
           }}
         />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 75d9058..a1e45ea 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,10 +12,10 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 const navItems = [
-  { name: "Rooms", id: "/accommodations" },
-  { name: "Experiences", id: "/accommodations" },
-  { name: "About", id: "/about" },
-  { name: "Contact", id: "/contact" },
+  { name: "Rooms", id: "accommodations" },
+  { name: "Experiences", id: "accommodations" },
+  { name: "About", id: "about" },
+  { name: "Contact", id: "contact" },
 ];
 
 export default function HomePage() {
@@ -37,7 +37,7 @@ export default function HomePage() {
           navItems={navItems}
           brandName="Alpine Calm"
           button={{
-            text: "Book Now",            href: "/contact"
+            text: "Book Now",            href: "contact"
           }}
         />
       </div>
@@ -54,7 +54,7 @@ export default function HomePage() {
           showDimOverlay={false}
           buttons={[
             {
-              text: "Book Now",              href: "/contact"
+              text: "Book Now",              href: "contact"
             },
           ]}
         />
diff --git a/src/app/practical-info/page.tsx b/src/app/practical-info/page.tsx
index 34f224d..299cfe9 100644
--- a/src/app/practical-info/page.tsx
+++ b/src/app/practical-info/page.tsx
@@ -7,10 +7,10 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 const navItems = [
-  { name: "Rooms", id: "/accommodations" },
-  { name: "Experiences", id: "/accommodations" },
-  { name: "About", id: "/about" },
-  { name: "Contact", id: "/contact" },
+  { name: "Rooms", id: "accommodations" },
+  { name: "Experiences", id: "accommodations" },
+  { name: "About", id: "about" },
+  { name: "Contact", id: "contact" },
 ];
 
 export default function PracticalInfoPage() {
@@ -32,7 +32,7 @@ export default function PracticalInfoPage() {
           navItems={navItems}
           brandName="Alpine Calm"
           button={{
-            text: "Book Now",            href: "/contact"
+            text: "Book Now",            href: "contact"
           }}
         />
       </div>