diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index e815f73..89d0ceb 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -23,69 +22,49 @@ export default function BlogPage() {
             secondaryButtonStyle="layered"
             headingFontWeight="semibold"
         >
-            <ReactLenis root>
+            <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Fragrances", id: "fragrances" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
-                    ]}
+                    navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
                     brandName="Zapah"
-                    button={{ text: "Shop Now", href: "#fragrances" }}
+                    button={{ text: "Shop Now", href: "/shop" }}
                     className="py-4 px-6 md:px-10 lg:px-14"
                     navItemClassName="text-lg font-medium"
                     buttonClassName="px-6 py-3 text-lg"
-                    logoHref="#"
+                    logoHref="/"
                 />
-
+            </div>
+            <main>
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
                         <p className="text-foreground">Loading posts...</p>
                     </div>
                 ) : (
-                    <BlogCardOne
-                        items={posts}
-                        title="Latest Articles"
-                        description="Insights and updates from our team"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        carouselMode="buttons"
-                    />
+                    <div id="blog" data-section="blog">
+                        <BlogCardOne
+                            posts={posts}
+                            title="Latest Articles"
+                            description="Insights and updates from our team"
+                            animationType="slide-up"
+                            textboxLayout="default"
+                            useInvertedBackground={false}
+                            carouselMode="buttons"
+                        />
+                    </div>
                 )}
-
+            </main>
+            <div id="footer" data-section="footer">
                 <FooterBaseReveal
                     columns={[
-                        {
-                            title: "Shop",                            items: [
-                                { label: "All Fragrances", href: "#fragrances" },
-                                { label: "New Arrivals", href: "#products" },
-                                { label: "Best Sellers", href: "#products" },
-                            ],
-                        },
-                        {
-                            title: "Company",                            items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "Our Story", href: "#about" },
-                                { label: "Contact", href: "#contact" },
-                            ],
-                        },
-                        {
-                            title: "Support",                            items: [
-                                { label: "FAQ", href: "#faq" },
-                                { label: "Shipping", href: "#" },
-                                { label: "Returns", href: "#" },
-                            ],
-                        },
+                        { title: "Shop", items: [{ label: "All Fragrances", href: "/shop" }, { label: "New Arrivals", href: "/shop" }, { label: "Best Sellers", href: "/shop" }] },
+                        { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Our Story", href: "/#about" }, { label: "Contact", href: "/#contact" }] },
+                        { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] }
                     ]}
                     copyrightText="© 2024 Zapah. All rights reserved."
                     ariaLabel="Footer Navigation"
                     wrapperClassName="mt-10 md:mt-16 lg:mt-24"
                     footerClassName="bg-background py-10"
                 />
-            </ReactLenis>
+            </div>
         </ThemeProvider>
     );
 }