diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index e9b589b..3b7fb34 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -86,10 +86,12 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingInline
                             brandName="Luxe Travels"
                             navItems={[
-                                {"name":"Home","id":"/"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Destinations","id":"destinations"},
+                                {"name":"Experiences","id":"experiences"},
+                                {"name":"About","id":"about"},
+                                {"name":"Contact","id":"contact"}
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Plan Your Journey", href: "contact" }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -131,10 +133,12 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingInline
                             brandName="Luxe Travels"
                             navItems={[
-                                {"name":"Home","id":"/"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Destinations","id":"destinations"},
+                                {"name":"Experiences","id":"experiences"},
+                                {"name":"About","id":"about"},
+                                {"name":"Contact","id":"contact"}
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Plan Your Journey", href: "contact" }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -183,10 +187,12 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingInline
                         brandName="Luxe Travels"
                         navItems={[
-                            {"name":"Home","id":"/"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Destinations","id":"destinations"},
+                            {"name":"Experiences","id":"experiences"},
+                            {"name":"About","id":"about"},
+                            {"name":"Contact","id":"contact"}
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Plan Your Journey", href: "contact" }}
                     />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">