diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 2dcf9c6..56ef68d 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,9 +89,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
-                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                            brandName="The Grand Hotel"
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                            className="py-4 px-6 md:px-10 lg:px-12"
@@ -123,9 +123,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
-                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                           navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                            brandName="The Grand Hotel"
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                            className="py-4 px-6 md:px-10 lg:px-12"
@@ -164,9 +164,9 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
-                       navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "About Us", id: "about" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                       navItems={[{ name: "Home", id: "/" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#amenities" }, { name: "About Us", id: "/#about" }, { name: "Contact", id: "/#contact" }, { name: "Shop", id: "/shop" }]}
                        brandName="The Grand Hotel"
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        className="py-4 px-6 md:px-10 lg:px-12"
@@ -213,7 +213,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterSimple
-                        columns={[{ "title": "Explore", "items": [{ "label": "Rooms & Suites", "href": "#rooms" }, { "label": "Amenities", "href": "#amenities" }, { "label": "Our Story", "href": "#about" }] }, { "title": "Guest Services", "items": [{ "label": "Concierge", "href": "#contact" }, { "label": "FAQ", "href": "#faq" }, { "label": "Contact Us", "href": "#contact" }] }, { "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "/privacy" }, { "label": "Terms of Service", "href": "/terms" }] }]}
+                        columns={[{ "title": "Explore", "items": [{ "label": "Rooms & Suites", "href": "/#rooms" }, { "label": "Amenities", "href": "/#amenities" }, { "label": "Our Story", "href": "/#about" }] }, { "title": "Guest Services", "items": [{ "label": "Concierge", "href": "/#contact" }, { "label": "FAQ", "href": "/#faq" }, { "label": "Contact Us", "href": "/#contact" }] }, { "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "/privacy" }, { "label": "Terms of Service", "href": "/terms" }] }]}
                         bottomLeftText="© 2024 The Grand Hotel. All rights reserved."
                         bottomRightText="Crafted with exceptional hospitality."
                     />