diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 67807f0..70fc742 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -29,10 +29,10 @@ export default function BlogPage() {
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "About", id: "about" },
-                            { name: "Rooms", id: "rooms" },
-                            { name: "Amenities", id: "amenities" },
-                            { name: "Contact", id: "contact" },
+                            { name: "About", id: "/#about" },
+                            { name: "Rooms", id: "/#rooms" },
+                            { name: "Amenities", id: "/#features" },
+                            { name: "Contact", id: "/#contact" },
                         ]}
                         brandName="Grandeur Hotel"
                         bottomLeftText="Experience Luxury"
@@ -62,14 +62,14 @@ export default function BlogPage() {
 
                 <div id="footer" data-section="footer">
                     <FooterMedia
-                        imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=2"
+                        imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
                         imageAlt="Grandeur Hotel at Night"
                         columns={[
                             {
                                 title: "Hotel",                                items: [
-                                    { label: "About Us", href: "#about" },
-                                    { label: "Rooms & Suites", href: "#rooms" },
-                                    { label: "Amenities", href: "#amenities" },
+                                    { label: "About Us", href: "/#about" },
+                                    { label: "Rooms & Suites", href: "/#rooms" },
+                                    { label: "Amenities", href: "/#features" },
                                 ],
                             },
                             {
@@ -88,7 +88,6 @@ export default function BlogPage() {
                         ]}
                         logoText="Grandeur Hotel"
                         copyrightText="© 2025 Grandeur Hotel. All rights reserved."
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2dd870d..43b0abd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,7 +28,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen 
-          navItems={[{name:"Home",id:"home"},{name:"About",id:"about"},{name:"Rooms",id:"rooms"},{name:"Amenities",id:"amenities"},{name:"Contact",id:"contact"}]}
+          navItems={[{name:"Home",id:"/"},{name:"About",id:"#about"},{name:"Rooms",id:"#rooms"},{name:"Amenities",id:"#features"},{name:"Contact",id:"#contact"}]}
           brandName="Grandeur Hotel"
           bottomLeftText="Experience Luxury"
           bottomRightText="reservations@grandeur.com"
@@ -41,9 +41,9 @@ export default function LandingPage() {
           background={{ variant: 'radial-gradient' }}
           tag="Luxury Accommodation"
           tagIcon={Sparkles}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           buttons={[{text:"Book Now",href:"#contact"},{text:"Explore Rooms",href:"#rooms"}]}
-          buttonAnimation="background-highlight"
+          buttonAnimation="slide-up"
           dashboard={{
             title: "Exceptional Guest Experience",            logoIcon: Crown,
             imageSrc: "https://img.b2bpic.net/free-photo/business-partners_1098-18010.jpg",            buttons: [{text:"Reservations",href:"#contact"},{text:"Virtual Tour",href:"#"}],
@@ -97,8 +97,6 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Amenities"
-          titleClassName="font-extrabold"
-          descriptionClassName="text-foreground"
         />
       </div>
       <div id="rooms" data-section="rooms">
@@ -116,8 +114,6 @@ export default function LandingPage() {
           tag="Rooms"
           textboxLayout="default"
           useInvertedBackground={false}
-          titleClassName="font-extrabold"
-          descriptionClassName="text-foreground"
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -136,8 +132,6 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Guest Reviews"
-          titleClassName="font-extrabold"
-          descriptionClassName="text-foreground"
         />
       </div>
       <div id="faq" data-section="faq">
@@ -156,8 +150,6 @@ export default function LandingPage() {
           faqsAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          titleClassName="font-extrabold"
-          descriptionClassName="text-foreground"
         />
       </div>
       <div id="contact" data-section="contact">
@@ -166,7 +158,7 @@ export default function LandingPage() {
           title="Plan Your Grandeur Stay"
           description="Contact us directly for reservations, special requests, or any questions about your upcoming visit. Our team is ready to assist you."
           tagIcon={Mail}
-          tagAnimation="background-highlight"
+          tagAnimation="slide-up"
           background={{ variant: 'radial-gradient' }}
           useInvertedBackground={false}
           inputPlaceholder="Your email address"
@@ -179,10 +171,10 @@ export default function LandingPage() {
       </div>
       <div id="footer" data-section="footer">
         <FooterMedia 
-          imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=1"
+          imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
           imageAlt="Grandeur Hotel at Night"
           columns={[
-            {title:"Hotel",items:[{label:"About Us",href:"#about"},{label:"Rooms & Suites",href:"#rooms"},{label:"Amenities",href:"#amenities"}]},
+            {title:"Hotel",items:[{label:"About Us",href:"#about"},{label:"Rooms & Suites",href:"#rooms"},{label:"Amenities",href:"#features"}]},
             {title:"Guest Services",items:[{label:"Concierge",href:"#"},{label:"Dining",href:"#"},{label:"Spa & Wellness",href:"#"}]},
             {title:"Legal",items:[{label:"Privacy Policy",href:"#"},{label:"Terms of Service",href:"#"}]}
           ]}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 3639135..4d536f3 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -91,11 +91,10 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
                             brandName="Grandeur Hotel"
                             bottomLeftText="Experience Luxury"
                             bottomRightText="reservations@grandeur.com"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -103,12 +102,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterMedia 
-                            imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=5"
+                            imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
                             imageAlt="Grandeur Hotel at Night"
-                            columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
+                            columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
                             logoText="Grandeur Hotel"
                             copyrightText="© 2025 Grandeur Hotel. All rights reserved."
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -133,11 +131,10 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                           navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                           navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
                            brandName="Grandeur Hotel"
                            bottomLeftText="Experience Luxury"
                            bottomRightText="reservations@grandeur.com"
-                           button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -153,12 +150,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterMedia 
-                            imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=6"
+                            imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
                             imageAlt="Grandeur Hotel at Night"
-                            columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
+                            columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
                             logoText="Grandeur Hotel"
                             copyrightText="© 2025 Grandeur Hotel. All rights reserved."
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -182,11 +178,10 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
                         brandName="Grandeur Hotel"
                         bottomLeftText="Experience Luxury"
                         bottomRightText="reservations@grandeur.com"
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>
                 <div id="product-detail-card" data-section="product-detail-card">
@@ -227,12 +222,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterMedia 
-                        imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=7"
+                        imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
                         imageAlt="Grandeur Hotel at Night"
-                        columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
+                        columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
                         logoText="Grandeur Hotel"
                         copyrightText="© 2025 Grandeur Hotel. All rights reserved."
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 49c654c..59156c9 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -16,9 +16,6 @@ export default function ShopPage() {
         filters,
     } = useProductCatalog({ basePath: "/shop" });
 
-    // NOTE: The cart state and hooks (useCart) are not present on this page.
-    // Per the instructions, no new hooks or state can be added.
-    // Therefore, the cart button onClick handler is a no-op.
     const handleCartClick = () => {};
 
     if (isLoading) {
@@ -38,11 +35,10 @@ export default function ShopPage() {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
                             brandName="Grandeur Hotel"
                             bottomLeftText="Experience Luxury"
                             bottomRightText="reservations@grandeur.com"
-                            button={{ text: "Cart", onClick: handleCartClick }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -50,12 +46,11 @@ export default function ShopPage() {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterMedia 
-                            imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=3"
+                            imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
                             imageAlt="Grandeur Hotel at Night"
-                            columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
+                            columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
                             logoText="Grandeur Hotel"
                             copyrightText="© 2025 Grandeur Hotel. All rights reserved."
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -79,11 +74,10 @@ export default function ShopPage() {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
                         brandName="Grandeur Hotel"
                         bottomLeftText="Experience Luxury"
                         bottomRightText="reservations@grandeur.com"
-                        button={{ text: "Cart", onClick: handleCartClick }}
                     />
                 </div>
                 <div id="product-catalog" data-section="product-catalog">
@@ -99,12 +93,11 @@ export default function ShopPage() {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterMedia 
-                        imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=4"
+                        imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
                         imageAlt="Grandeur Hotel at Night"
-                        columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
+                        columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
                         logoText="Grandeur Hotel"
                         copyrightText="© 2025 Grandeur Hotel. All rights reserved."
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>