diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 1b4c9dd..e78a665 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,17 +24,19 @@ export default function BlogPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <NavbarStyleApple
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "About", id: "/#about" },
-                        { name: "Services", id: "/#services" },
-                        { name: "Projects", id: "/#projects" },
-                        { name: "Process", id: "/#process" },
-                        { name: "Contact", id: "/#contact" },
-                    ]}
-                    brandName="Lakeside Construction"
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarStyleApple
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Projects", id: "/#projects" },
+                            { name: "Process", id: "/#process" },
+                            { name: "Contact", id: "/#contact" },
+                        ]}
+                        brandName="Lakeside Construction"
+                    />
+                </div>
                 <main>
                     {isLoading ? (
                         <div className="w-content-width mx-auto py-20 text-center">
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ba64cdf..775f1c6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -136,7 +136,6 @@ export default function LandingPage() {
             description="A curated showcase of our most distinguished custom builds and luxury renovations."
             tag="Our Work"
             tagIcon={Image}
-            gridVariant="standard"
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 478a745..e89ba76 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -4,7 +4,7 @@ import { Suspense, use, useCallback } from "react";
 import { useRouter } from "next/navigation";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
 import ProductCart from "@/components/ecommerce/cart/ProductCart";
@@ -89,7 +89,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar" className="relative">
+                    <div id="nav" data-section="nav" className="relative">
                         <NavbarStyleApple
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Lakeside Construction"
@@ -123,7 +123,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar" className="relative">
+                    <div id="nav" data-section="nav" className="relative">
                         <NavbarStyleApple
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Lakeside Construction"
@@ -164,7 +164,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar" className="relative">
+                <div id="nav" data-section="nav" className="relative">
                     <NavbarStyleApple
                         brandName="Lakeside Construction"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 4cdd42a..05fda35 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -56,7 +56,7 @@ function ShopPageContent() {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar" className="relative">
+                    <div id="nav" data-section="nav" className="relative">
                         <NavbarStyleApple
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Lakeside Construction"
@@ -104,7 +104,7 @@ function ShopPageContent() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar" className="relative">
+                <div id="nav" data-section="nav" className="relative">
                     <NavbarStyleApple
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                         brandName="Lakeside Construction"