diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 1c9ef9c..6f46c9f 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,11 +28,11 @@ export default function BlogPage() {
                     <NavbarStyleApple
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Rooms", id: "rooms" },
-                            { name: "Amenities", id: "amenities" },
-                            { name: "Offers", id: "offers" },
-                            { name: "Gallery", id: "gallery" },
-                            { name: "Contact", id: "contact" },
+                            { name: "Rooms", id: "/#rooms" },
+                            { name: "Amenities", id: "/#amenities" },
+                            { name: "Offers", id: "/#offers" },
+                            { name: "Gallery", id: "/#gallery" },
+                            { name: "Contact", id: "/#contact" },
                         ]}
                         brandName="Grandeur Hotel"
                     />
@@ -61,21 +61,21 @@ export default function BlogPage() {
                             columns={[
                                 {
                                     title: "About Us",                                    items: [
-                                        { label: "Our Story", href: "#about" },
+                                        { label: "Our Story", href: "/#about" },
                                         { label: "Careers", href: "#" },
                                     ],
                                 },
                                 {
                                     title: "Services",                                    items: [
-                                        { label: "Rooms", href: "#rooms" },
-                                        { label: "Amenities", href: "#amenities" },
-                                        { label: "Offers", href: "#pricing" },
+                                        { label: "Rooms", href: "/#rooms" },
+                                        { label: "Amenities", href: "/#amenities" },
+                                        { label: "Offers", href: "/#pricing" },
                                     ],
                                 },
                                 {
                                     title: "Guest Services",                                    items: [
-                                        { label: "FAQs", href: "#faq" },
-                                        { label: "Contact", href: "#contact" },
+                                        { label: "FAQs", href: "/#faq" },
+                                        { label: "Contact", href: "/#contact" },
                                     ],
                                 },
                             ]}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 020489a..6fc8775 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import { Suspense, use, useCallback } from "react";
 import { useRouter } from "next/navigation";
@@ -89,7 +89,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                            brandName="Grandeur Hotel"
@@ -131,7 +131,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                          <NavbarStyleApple
                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                            brandName="Grandeur Hotel"
@@ -180,7 +180,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="Grandeur Hotel"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 8d3b54e..e2c2d40 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import { useCallback } from "react";
 import ReactLenis from "lenis/react";
@@ -57,7 +57,7 @@ export default function ShopPage() {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Grandeur Hotel"
@@ -98,7 +98,7 @@ export default function ShopPage() {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                         brandName="Grandeur Hotel"