From 596151bf65c79967091caf524c72aec991aecff9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Feb 2026 12:20:55 +0000
Subject: [PATCH] Update src/app/blog/page.tsx

---
 src/app/blog/page.tsx | 70 +++++++++++++++++++++++--------------------
 1 file changed, 38 insertions(+), 32 deletions(-)

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 138dbb9..d61d4c8 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,6 +1,7 @@
-use client";
+"use client";
 
-import ReactLenis from "lenis/react";
+import React from 'react';
+import Link from 'next/link';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 
@@ -16,6 +17,16 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
 
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Shop", id: "/#shop" },
+        { name: "About", id: "/#about" },
+        { name: "Features", id: "/#features" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "FAQ", id: "/#faq" },
+        { name: "Contact", id: "/#contact" },
+    ];
+
     return (
         <ThemeProvider
             defaultButtonVariant="bounce-effect"
@@ -29,30 +40,24 @@ export default function BlogPage() {
             secondaryButtonStyle="layered"
             headingFontWeight="extrabold"
         >
-            <ReactLenis root>
+            <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     brandName="Find Me"
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "Shop", id: "shop" },
-                        { name: "About", id: "about" },
-                        { name: "Features", id: "features" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    button={{ text: "Explore Now", href: "#shop" }}
+                    navItems={navItems}
+                    button={{ text: "Explore Now", href: "/#shop" }}
                     className="bg-card/80 backdrop-blur-md"
                     buttonClassName="bg-primary-cta text-primary-cta-text"
                     buttonTextClassName="font-semibold"
                 />
+            </div>
 
-                {isLoading ? (
-                    <div className="w-full min-h-screen flex items-center justify-center">
-                        <p className="text-foreground">Loading posts...</p>
-                    </div>
-                ) : (
-                    <main className="pt-24">
+            {isLoading ? (
+                <div className="w-full min-h-screen flex items-center justify-center">
+                    <p className="text-foreground">Loading posts...</p>
+                </div>
+            ) : (
+                <main className="pt-24">
+                     <div id="blog" data-section="blog">
                         <BlogCardTwo
                             posts={posts}
                             title="From Our Blog"
@@ -62,30 +67,32 @@ export default function BlogPage() {
                             useInvertedBackground={false}
                             carouselMode="buttons"
                         />
-                    </main>
-                )}
-
+                    </div>
+                </main>
+            )}
+            
+            <div id="footer" data-section="footer">
                 <FooterMedia
-                    imageSrc="https://img.b2bpic.net/free-vector/pink-silk-background_1048-401.jpg?_wi=2"
+                    imageSrc="https://img.b2bpic.net/free-vector/pink-silk-background_1048-401.jpg"
                     imageAlt="Abstract luxury texture background with soft gradients"
                     columns={[
                         {
                             title: "Shop",                            items: [
-                                { label: "New Arrivals", href: "#shop" },
-                                { label: "Best Sellers", href: "#shop" },
-                                { label: "Discovery Sets", href: "#shop" },
+                                { label: "New Arrivals", href: "/#shop" },
+                                { label: "Best Sellers", href: "/#shop" },
+                                { label: "Discovery Sets", href: "/#shop" },
                             ],
                         },
                         {
                             title: "Company",                            items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "Our Promise", href: "#features" },
-                                { label: "Contact", href: "#contact" },
+                                { label: "About Us", href: "/#about" },
+                                { label: "Our Promise", href: "/#features" },
+                                { label: "Contact", href: "/#contact" },
                             ],
                         },
                         {
                             title: "Support",                            items: [
-                                { label: "FAQ", href: "#faq" },
+                                { label: "FAQ", href: "/#faq" },
                                 { label: "Shipping", href: "#" },
                                 { label: "Returns", href: "#" },
                             ],
@@ -93,14 +100,13 @@ export default function BlogPage() {
                     ]}
                     logoText="Find Me"
                     copyrightText="© 2024 Find Me. All rights reserved."
-                    useInvertedBackground={false}
                     className="bg-card"
                     logoTextClassName="text-foreground"
                     columnTitleClassName="text-foreground"
                     columnItemClassName="text-foreground/80 hover:text-primary-cta"
                     copyrightTextClassName="text-foreground/70"
                 />
-            </ReactLenis>
+            </div>
         </ThemeProvider>
     );
 }