diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 47b77c3..9dd87ef 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,12 +28,12 @@ export default function BlogPage() {
                     <NavbarStyleCentered
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Rooms", id: "rooms" },
-                            { name: "Amenities", id: "amenities" },
-                            { name: "Gallery", id: "gallery" },
-                            { name: "Contact", id: "contact" },
+                            { name: "About", id: "/#about"},
+                            { name: "Rooms", id: "/#rooms" },
+                            { name: "Guest Reviews", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" },
                         ]}
-                        button={{ text: "Book Now", href: "#contact" }}
+                        button={{ text: "Book Now", href: "/#contact" }}
                         brandName="LuxStay"
                     />
                 </div>
@@ -61,17 +61,15 @@ export default function BlogPage() {
                         columns={[
                             {
                                 title: "Hotel",                                items: [
-                                    { label: "About Us", href: "#about" },
-                                    { label: "Rooms & Suites", href: "#rooms" },
-                                    { label: "Amenities", href: "#amenities" },
-                                    { label: "Gallery", href: "#gallery" },
+                                    { label: "About Us", href: "/#about" },
+                                    { label: "Rooms & Suites", href: "/#rooms" },
+                                    { label: "Contact Us", href: "/#contact" },
                                 ],
                             },
                             {
                                 title: "Guest Services",                                items: [
-                                    { label: "Concierge", href: "#contact" },
-                                    { label: "FAQ", href: "#faq" },
-                                    { label: "Contact Us", href: "#contact" },
+                                    { label: "Concierge", href: "/#contact" },
+                                    { label: "FAQ", href: "/faq" },
                                 ],
                             },
                             {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a24d26a..b414043 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,7 +27,7 @@ export default function SitePage() {
       <main>
         <div id="nav" data-section="nav">
           <NavbarStyleCentered 
-            navItems={[{name:"Home",id:"home"},{name:"Rooms",id:"rooms"},{name:"Amenities",id:"amenities"},{name:"Gallery",id:"gallery"},{name:"Contact",id:"contact"}]}
+            navItems={[{name:"Home",id:"hero"}, {name:"About",id:"about"}, {name:"Rooms",id:"rooms"}, {name:"Guest Reviews",id:"testimonials"}, {name:"Contact",id:"contact"}]}
             button={{text:"Book Now",href:"#contact"}}
             brandName="LuxStay"
           />
@@ -38,8 +38,8 @@ export default function SitePage() {
             logoText="LuxStay"
             description="Experience unparalleled luxury and comfort at LuxStay, where every moment is crafted to perfection. Discover a sanctuary of elegance in the heart of the city."
             buttons={[{text:"Book Your Stay",href:"#contact"},{text:"Explore Rooms",href:"#rooms"}]}
-            background={{variant:"fluid"}}
-            imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg?_wi=1"
+            background={{variant:"sparkles-gradient"}}
+            imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
             imageAlt="Luxurious hotel lobby with elegant decor"
             mediaAnimation="blur-reveal"
             frameStyle="card"
@@ -102,7 +102,7 @@ export default function SitePage() {
             inputs={[{name:"name",type:"text",placeholder:"Your Name",required:true},{name:"email",type:"email",placeholder:"Your Email",required:true},{name:"phone",type:"tel",placeholder:"Phone Number (Optional)"}]}
             textarea={{name:"message",placeholder:"How can we assist you?",rows:5,required:true}}
             useInvertedBackground={false}
-            imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg?_wi=2"
+            imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
             imageAlt="LuxStay Hotel reception desk"
             mediaAnimation="slide-up"
             mediaPosition="right"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 2657832..6fc252b 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -91,7 +91,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleCentered
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }]}
                             brandName="LuxStay"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -102,8 +102,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                         <FooterBase
                             columns={[
-                                { title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }, { label: "Gallery", href: "#gallery" }] },
-                                { title: "Guest Services", items: [{ label: "Concierge", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
+                                { title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Contact Us", href: "/#contact" }] },
+                                { title: "Guest Services", items: [{ label: "Concierge", href: "/#contact" }, { label: "FAQ", href: "/faq" }] },
                                 { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
                             ]}
                             logoText="LuxStay"
@@ -132,7 +132,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleCentered
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }]}
                             brandName="LuxStay"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -151,8 +151,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                         <FooterBase
                             columns={[
-                                { title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }, { label: "Gallery", href: "#gallery" }] },
-                                { title: "Guest Services", items: [{ label: "Concierge", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
+                                { title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Contact Us", href: "/#contact" }] },
+                                { title: "Guest Services", items: [{ label: "Concierge", href: "/#contact" }, { label: "FAQ", href: "/faq" }] },
                                 { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
                             ]}
                             logoText="LuxStay"
@@ -180,7 +180,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleCentered
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }]}
                         brandName="LuxStay"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -224,8 +224,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="footer" data-section="footer">
                     <FooterBase
                         columns={[
-                            { title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }, { label: "Gallery", href: "#gallery" }] },
-                            { title: "Guest Services", items: [{ label: "Concierge", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
+                            { title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Contact Us", href: "/#contact" }] },
+                            { title: "Guest Services", items: [{ label: "Concierge", href: "/#contact" }, { label: "FAQ", href: "/faq" }] },
                             { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
                         ]}
                         logoText="LuxStay"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index a959356..f7b50d5 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -58,7 +58,7 @@ export default function ShopPage() {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleCentered
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }]}
                             brandName="LuxStay"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -84,8 +84,8 @@ export default function ShopPage() {
                     <div id="footer" data-section="footer">
                         <FooterBase
                             columns={[
-                                { title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }, { label: "Gallery", href: "#gallery" }] },
-                                { title: "Guest Services", items: [{ label: "Concierge", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
+                                { title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Contact Us", href: "/#contact" }] },
+                                { title: "Guest Services", items: [{ label: "Concierge", href: "/#contact" }, { label: "FAQ", href: "/faq" }] },
                                 { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
                             ]}
                             logoText="LuxStay"
@@ -113,7 +113,7 @@ export default function ShopPage() {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleCentered
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }]}
                         brandName="LuxStay"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -147,8 +147,8 @@ export default function ShopPage() {
                 <div id="footer" data-section="footer">
                     <FooterBase
                         columns={[
-                            { title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }, { label: "Gallery", href: "#gallery" }] },
-                            { title: "Guest Services", items: [{ label: "Concierge", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
+                            { title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Contact Us", href: "/#contact" }] },
+                            { title: "Guest Services", items: [{ label: "Concierge", href: "/#contact" }, { label: "FAQ", href: "/faq" }] },
                             { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
                         ]}
                         logoText="LuxStay"