diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 77cedb7..c51cfd3 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -22,20 +22,22 @@ export default function BlogPage() {
             secondaryButtonStyle="radial-glow"
             headingFontWeight="bold"
         >
-            <NavbarLayoutFloatingOverlay
-                brandName="Ristorante Milanese"
-                navItems={[
-                    { name: "Home", id: "/" },
-                    { name: "Menu", id: "/#features" },
-                    { name: "About", id: "/#about" },
-                    { name: "Reservations", id: "/#contact" },
-                    { name: "Testimonials", id: "/#testimonials" },
-                ]}
-                button={{ text: "Book a Table", href: "/#contact" }}
-                className="py-4 px-6 lg:px-12"
-                buttonClassName="px-5 py-2"
-                buttonTextClassName="text-sm font-semibold"
-            />
+            <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingOverlay
+                    brandName="Ristorante Milanese"
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Menu", id: "/#features" },
+                        { name: "About", id: "/#about" },
+                        { name: "Reservations", id: "/#contact" },
+                        { name: "Testimonials", id: "/#testimonials" },
+                    ]}
+                    button={{ text: "Book a Table", href: "/#contact" }}
+                    className="py-4 px-6 lg:px-12"
+                    buttonClassName="px-5 py-2"
+                    buttonTextClassName="text-sm font-semibold"
+                />
+            </div>
             
             <main>
                 {isLoading ? (
@@ -55,11 +57,13 @@ export default function BlogPage() {
                 )}
             </main>
 
-            <FooterCard
-                logoText="Ristorante Milanese"
-                copyrightText="© 2024 Ristorante Milanese. All rights reserved."
-                socialLinks={[]}
-            />
+            <div id="footer" data-section="footer">
+                <FooterCard
+                    logoText="Ristorante Milanese"
+                    copyrightText="© 2024 Ristorante Milanese. All rights reserved."
+                    socialLinks={[]}
+                />
+            </div>
         </ThemeProvider>
     );
 }
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 03e54cf..62ee850 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -91,10 +91,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             brandName="Ristorante Milanese"
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}n                            className="py-4 px-6 lg:px-12"
+                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            className="py-4 px-6 lg:px-12"
                             buttonClassName="px-5 py-2"
                             buttonTextClassName="text-sm font-semibold"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -132,10 +133,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             brandName="Ristorante Milanese"
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}n                            className="py-4 px-6 lg:px-12"
+                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            className="py-4 px-6 lg:px-12"
                             buttonClassName="px-5 py-2"
                             buttonTextClassName="text-sm font-semibold"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -180,10 +182,11 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Ristorante Milanese"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}n                        className="py-4 px-6 lg:px-12"
+                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        className="py-4 px-6 lg:px-12"
                         buttonClassName="px-5 py-2"
                         buttonTextClassName="text-sm font-semibold"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 946107c..ab9c24e 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -59,10 +59,11 @@ function ShopPageContent() {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             brandName="Ristorante Milanese"
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}n                            className="py-4 px-6 lg:px-12"
+                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            className="py-4 px-6 lg:px-12"
                             buttonClassName="px-5 py-2"
                             buttonTextClassName="text-sm font-semibold"
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -99,10 +100,11 @@ function ShopPageContent() {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Ristorante Milanese"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}n                        className="py-4 px-6 lg:px-12"
+                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        className="py-4 px-6 lg:px-12"
                         buttonClassName="px-5 py-2"
                         buttonTextClassName="text-sm font-semibold"
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}