Update src/app/blog/page.tsx

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";
 
@@ -29,21 +28,20 @@ export default function BlogPage() {
             secondaryButtonStyle="solid"
             headingFontWeight="extrabold"
         >
-            <ReactLenis root>
+            <div id="nav" data-section="nav">
                 <NavbarStyleCentered
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "Products", id: "products" },
-                        { name: "About", id: "about" },
-                        { name: "Features", id: "features" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
+                        { name: "Shop", id: "/shop" },
+                        { name: "Blog", id: "/blog" },
                     ]}
-                    button={{ text: "Shop Now", href: "products" }}
+                    button={{ text: "Shop Now", href: "/shop" }}
                     brandName="Glow Haven"
                     className="py-4 lg:py-6"
                 />
+            </div>
 
+            <div id="blog" data-section="blog">
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
                         <p className="text-foreground">Loading posts...</p>
@@ -59,7 +57,9 @@ export default function BlogPage() {
                         carouselMode="buttons"
                     />
                 )}
+            </div>
 
+            <div id="footer" data-section="footer">
                 <FooterBaseCard
                     logoText="Glow Haven"
                     columns={[
@@ -88,7 +88,7 @@ export default function BlogPage() {
                     copyrightText="© 2024 Glow Haven. All rights reserved."
                     className="py-12 lg:py-16"
                 />
-            </ReactLenis>
+            </div>
         </ThemeProvider>
     );
 }