From 8a95bde42905b6a9c7f15cd9f76699e8a789528b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 19:10:43 +0000
Subject: [PATCH] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 115 +++++++++++++++++++++---------------------
 1 file changed, 58 insertions(+), 57 deletions(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 4899fe9..b361d72 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import { Instagram, Twitter } from "lucide-react";
 
 export default function ShopPage() {
@@ -14,66 +14,67 @@ export default function ShopPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="mediumLarge"
-        background="noiseDiagonalGradient"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Shop", id: "/shop" },
-        { name: "About", id: "/about" },
-        { name: "Lookbook", id: "/lookbook" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="OceanWave"
-      button={{ text: "Contact", href: "/contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Lookbook", id: "/lookbook" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="OceanWave"
+            button={{ text: "Contact", href: "/contact" }}
+          />
+        </div>
 
-  <div id="ecommerce" data-section="ecommerce">
-      <ProductCatalog
-      layout="page"
-      description="Browse our complete catalog of premium beach apparel."
-      products={[
-        { id: "p7", name: "Horizon Surf Boardshorts", price: "€55", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321752.jpg" },
-        { id: "p8", name: "Salt Air Linen Shirt", price: "€65", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321758.jpg" },
-        { id: "p9", name: "Beach Day Hat", price: "€35", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-beach_1157-6355.jpg" }
-      ]}
-    />
-  </div>
+        <div id="ecommerce" data-section="ecommerce">
+          <ProductCatalog
+            layout="page"
+            title="Full Collection"
+            description="Browse our complete catalog of premium beach apparel."
+            products={[
+              { id: "p7", name: "Horizon Surf Boardshorts", price: "€55", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321752.jpg" },
+              { id: "p8", name: "Salt Air Linen Shirt", price: "€65", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321758.jpg" },
+              { id: "p9", name: "Beach Day Hat", price: "€35", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-beach_1157-6355.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Shop Sustainably"
-      description="Our core principles when crafting every piece."
-      features={[
-        { title: "Recycled Plastic", description: "Turning waste into quality surf gear.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-walking-city-with-ocean-view_231208-6248.jpg" },
-        { title: "Solar Powered", description: "Our facilities run on renewable energy.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-near-wall_158538-16171.jpg" }
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Shop Sustainably"
+            description="Our core principles when crafting every piece."
+            features={[
+              { title: "Recycled Plastic", description: "Turning waste into quality surf gear.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-walking-city-with-ocean-view_231208-6248.jpg" },
+              { title: "Solar Powered", description: "Our facilities run on renewable energy.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-near-wall_158538-16171.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="OceanWave"
-      copyrightText="© 2025 OceanWave Apparel"
-      socialLinks={[
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-        { icon: Twitter, href: "#", ariaLabel: "Twitter" }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="OceanWave"
+            copyrightText="© 2025 OceanWave Apparel"
+            socialLinks={[
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1