bender/36d8d591-4464-42c0-bf94-ceb7415c5f29
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 1 commits from version_1 into main 2026-04-21 19:10:47 +00:00
Conversation 0 Commits 1 Files Changed 1 +58 -57
1 changed files with 58 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/app/shop/page.tsx
View File

@@ -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>
);