diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 2ce401d..1105d8b 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -31,16 +31,15 @@ export default function BlogPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <NavbarStyleApple
-                    brandName="Grandeur Hotels"
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "Rooms", id: "rooms" },
-                        { name: "Amenities", id: "amenities" },
-                        { name: "Gallery", id: "gallery" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarStyleApple
+                        brandName="Grandeur Hotels"
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Blog", id: "/blog" },
+                        ]}
+                    />
+                </div>
 
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
@@ -60,17 +59,18 @@ export default function BlogPage() {
                     </div>
                 )}
 
-                <FooterCard
-                    logoText="Grandeur Hotels"
-                    copyrightText="© 2025 Grandeur Hotels. All rights reserved."
-                    socialLinks={[
-                        { icon: Facebook, href: "https://facebook.com/grandeurhotels", ariaLabel: "Facebook" },
-                        { icon: Twitter, href: "https://twitter.com/grandeurhotels", ariaLabel: "Twitter" },
-                        { icon: Instagram, href: "https://instagram.com/grandeurhotels", ariaLabel: "Instagram" },
-                    ]}
-                    useInvertedBackground={false}
-                    ariaLabel="Site footer with brand and social links"
-                />
+                <div id="footer" data-section="footer">
+                    <FooterCard
+                        logoText="Grandeur Hotels"
+                        copyrightText="© 2025 Grandeur Hotels. All rights reserved."
+                        socialLinks={[
+                            { icon: Facebook, href: "https://facebook.com/grandeurhotels", ariaLabel: "Facebook" },
+                            { icon: Twitter, href: "https://twitter.com/grandeurhotels", ariaLabel: "Twitter" },
+                            { icon: Instagram, href: "https://instagram.com/grandeurhotels", ariaLabel: "Instagram" },
+                        ]}
+                        ariaLabel="Site footer with brand and social links"
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f486a4f..21f1354 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,7 +46,7 @@ export default function LandingPage() {
           description="Discover unparalleled comfort and luxury at Grandeur Hotels. Your perfect getaway awaits."
           background={{ variant: 'plain' }}
           mediaItems={[
-            { imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1", imageAlt: "Luxury hotel room with city view" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Luxury hotel room with city view" },
             { imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg", imageAlt: "Elegant hotel lobby with grand chandelier" },
             { imageSrc: "https://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg", imageAlt: "Fine dining restaurant in a hotel" },
             { imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg", imageAlt: "Infinity pool overlooking a scenic landscape" },
@@ -93,7 +93,7 @@ export default function LandingPage() {
           description="Choose from our exquisite selection of rooms, each designed for ultimate comfort and elegance."
           products={[
             {
-              id: "suite",              name: "Luxury Executive Suite",              price: "$499/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2",              imageAlt: "Luxury hotel suite with a spacious living area",              onProductClick: () => console.log('view suite details'),
+              id: "suite",              name: "Luxury Executive Suite",              price: "$499/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Luxury hotel suite with a spacious living area",              onProductClick: () => console.log('view suite details'),
             },
             {
               id: "deluxe",              name: "Deluxe Double Room",              price: "$299/night",              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",              imageAlt: "Deluxe double room with a comfortable king-size bed",              onProductClick: () => console.log('view deluxe room details'),
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 2fe8066..4893695 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,7 +89,6 @@ function ProductPageContent({ params }: ProductPageProps) {
             { icon: Twitter, href: "https://twitter.com/grandeurhotels", ariaLabel: "Twitter" },
             { icon: Instagram, href: "https://instagram.com/grandeurhotels", ariaLabel: "Instagram" }
         ],
-        useInvertedBackground: false,
         ariaLabel: "Site footer with brand and social links"
     };
 
@@ -108,7 +107,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple {...navbarProps} />
                     </div>
                     <div id="loading-section" data-section="loading-section">
@@ -139,7 +138,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple {...navbarProps} />
                     </div>
                     <div id="not-found-section" data-section="not-found-section">
@@ -177,7 +176,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple {...navbarProps} />
                 </div>
                 <div id="product-detail-card" data-section="product-detail-card">
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 0ac2e8a..9193b38 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -31,7 +31,6 @@ function ShopPageContent() {
             { icon: Twitter, href: "https://twitter.com/grandeurhotels", ariaLabel: "Twitter" },
             { icon: Instagram, href: "https://instagram.com/grandeurhotels", ariaLabel: "Instagram" }
         ],
-        useInvertedBackground: false,
         ariaLabel: "Site footer with brand and social links"
     };
 
@@ -50,7 +49,7 @@ function ShopPageContent() {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple {...navbarProps} />
                     </div>
                     <div id="loading-section" data-section="loading-section">
@@ -80,7 +79,7 @@ function ShopPageContent() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple {...navbarProps} />
                 </div>
                 <div id="product-catalog" data-section="product-catalog">