From bee8e3fffccf07153f9a80a71aaf1da162cefabe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Feb 2026 19:21:17 +0000
Subject: [PATCH] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 107 ++++++++++++++++++++----------------------
 1 file changed, 51 insertions(+), 56 deletions(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 88d7547..bffa829 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
@@ -30,22 +29,20 @@ export default function ShopPage() {
                 secondaryButtonStyle="solid"
                 headingFontWeight="extrabold"
             >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
-                    <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
-                        brandName="NoteGenius AI"
-                        button={{ text: "Cart", onClick: () => console.log("cart") }}
-                        className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
-                        navItemClassName="text-foreground hover:text-primary-cta"
-                        buttonClassName="px-5 py-2"
-                        buttonTextClassName="text-sm font-medium"
-                    />
-                    </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <p className="text-foreground">Loading products...</p>
-                    </main>
-                </ReactLenis>
+                <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingInline
+                    navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                    brandName="NoteGenius AI"
+                    button={{ text: "Cart", onClick: () => console.log("cart") }}
+                    className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
+                    navItemClassName="text-foreground hover:text-primary-cta"
+                    buttonClassName="px-5 py-2"
+                    buttonTextClassName="text-sm font-medium"
+                />
+                </div>
+                <main className="min-h-screen flex items-center justify-center pt-20">
+                    <p className="text-foreground">Loading products...</p>
+                </main>
             </ThemeProvider>
         );
     }
@@ -63,45 +60,43 @@ export default function ShopPage() {
             secondaryButtonStyle="solid"
             headingFontWeight="extrabold"
         >
-            <ReactLenis root>
-                <div id="navbar" data-section="navbar">
-                    <NavbarLayoutFloatingInline
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
-                        brandName="NoteGenius AI"
-                        button={{ text: "Cart", onClick: () => console.log("cart") }}
-                        className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
-                        navItemClassName="text-foreground hover:text-primary-cta"
-                        buttonClassName="px-5 py-2"
-                        buttonTextClassName="text-sm font-medium"
-                    />
-                </div>
-                <div id="product-catalog" data-section="product-catalog">
-                    <ProductCatalog
-                        layout="page"
-                        products={products}
-                        searchValue={search}
-                        onSearchChange={setSearch}
-                        searchPlaceholder="Search products..."
-                        filters={filters}
-                        emptyMessage="No products found"
-                    />
-                </div>
-                <div id="footer" data-section="footer">
-                    <FooterMedia
-                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-digital-background-with-subt-1771614980980-6c543249.png?_wi=3"
-                        imageAlt="Abstract AI neural network background"
-                        columns={[
-                            { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Integrations", href: "#" }] },
-                            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
-                            { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] }
-                        ]}
-                        logoText="NoteGenius AI"
-                        copyrightText="© 2025 NoteGenius AI. All rights reserved."
-                        className="!pb-0 !pt-20"
-                        columnItemClassName="text-foreground/80 hover:text-primary-cta"
-                    />
-                </div>
-            </ReactLenis>
+            <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingInline
+                    navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                    brandName="NoteGenius AI"
+                    button={{ text: "Cart", onClick: () => console.log("cart") }}
+                    className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
+                    navItemClassName="text-foreground hover:text-primary-cta"
+                    buttonClassName="px-5 py-2"
+                    buttonTextClassName="text-sm font-medium"
+                />
+            </div>
+            <div id="product-catalog" data-section="product-catalog">
+                <ProductCatalog
+                    layout="page"
+                    products={products}
+                    searchValue={search}
+                    onSearchChange={setSearch}
+                    searchPlaceholder="Search products..."
+                    filters={filters}
+                    emptyMessage="No products found"
+                />
+            </div>
+            <div id="footer" data-section="footer">
+                <FooterMedia
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-digital-background-with-subt-1771614980980-6c543249.png"
+                    imageAlt="Abstract AI neural network background"
+                    columns={[
+                        { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Integrations", href: "#" }] },
+                        { title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "/blog" }] },
+                        { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }, { label: "Help Center", href: "#" }] }
+                    ]}
+                    logoText="NoteGenius AI"
+                    copyrightText="© 2025 NoteGenius AI. All rights reserved."
+                    className="!pb-0 !pt-20"
+                    columnItemClassName="text-foreground/80 hover:text-primary-cta"
+                />
+            </div>
         </ThemeProvider>
     );
 }