Update src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { Suspense, useCallback } from "react";
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
@@ -68,14 +67,12 @@ function ShopPageContent() {
                 secondaryButtonStyle="layered"
                 headingFontWeight="light"
             >
-                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     {navbar}
                 </div>
                 <main className="min-h-screen flex items-center justify-center pt-20">
                     <p className="text-foreground">Loading products...</p>
                 </main>
-                </ReactLenis>
             </ThemeProvider>
         );
     }
@@ -93,8 +90,7 @@ function ShopPageContent() {
             secondaryButtonStyle="layered"
             headingFontWeight="light"
         >
-            <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+            <div id="nav" data-section="nav">
                 {navbar}
             </div>
             <div id="product-catalog" data-section="product-catalog">
@@ -123,7 +119,6 @@ function ShopPageContent() {
                     ]}
                 />
             </div>
-            </ReactLenis>
         </ThemeProvider>
     );
 }