bender/9935e69b-2593-450d-b4f6-063ba7f1aaf2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-06-02 10:52:26 +00:00
parent 4a38fcd8a1 563dd0c143
commit 330ad7dec3
3 changed files with 306 additions and 741 deletions
Download Patch File Download Diff File Expand all files Collapse all files

347
src/app/men/page.tsx
View File

@@ -2,12 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function MenPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "Men's", id: "/men" },
{ name: "Women's", id: "/women" },
{ name: "Accessories", id: "/accessories" },
{ name: "Drops", id: "/seasonal-drops" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
];
export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
@@ -22,251 +33,97 @@ export default function LandingPage() {
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={navItems}
{ logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
name: "Home", logoAlt="Shark Wave logo"
id: "/", brandName="Shark Wave"
}, bottomLeftText="Luxury Streetwear"
{ bottomRightText="Premium Style, Affordable Price."
name: "Shop", button={{
id: "/shop", text: "Account", href: "/account" }}
}, />
{ </div>
name: "Men's",
id: "/men",
},
{
name: "Women's",
id: "/women",
},
{
name: "Accessories",
id: "/accessories",
},
{
name: "Drops",
id: "/seasonal-drops",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
logoAlt="Shark Wave logo"
brandName="Shark Wave"
bottomLeftText="Luxury Streetwear"
bottomRightText="Premium Style, Affordable Price."
button={{
text: "Account",
href: "/account",
}}
/>
</div>
<div id="men-collection" data-section="men-collection"> <div id="men-collection" data-section="men-collection">
<ProductCardOne <ProductCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {id: "m1", name: "Apex Cargo Pants", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-african-man-standing-against-city-skyline_23-2148151906.jpg", imageAlt: "Men's luxury denim jeans"},
id: "m1", {id: "m2", name: "Deep Blue Blazer", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/moder-man-sunglasses-black-jacket-tie_613910-16977.jpg", imageAlt: "Men's tailored blazer"},
name: "Apex Cargo Pants", {id: "m3", name: "Current Longsleeve", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-lifesaving-buoy-medium-shot_23-2149461848.jpg", imageAlt: "Men's graphic long sleeve t-shirt"},
price: "$130", {id: "m4", name: "Tidal Knit Sweater", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg", imageAlt: "Premium knitted sweater"},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-african-man-standing-against-city-skyline_23-2148151906.jpg", {id: "m5", name: "Hydro-Flex Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hoodie-having-her-eyes-closed_23-2148322452.jpg", imageAlt: "Dark premium hoodie"},
imageAlt: "Men's luxury denim jeans", {id: "m6", name: "Tidal Bomber Jacket", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-winter-autumn-fashion-trend-black-puffer-coat-leather-hat-beret-old-beautiful-street-wearing-high-heel-shoes_285396-6964.jpg", imageAlt: "Stylish bomber jacket"}
}, ]}
{ title="Men's Collection: Power & Precision"
id: "m2", description="Discover high-performance luxury streetwear for the modern man. Bold designs, superior comfort, and unmatched style."
name: "Deep Blue Blazer", />
price: "$250", </div>
imageSrc: "http://img.b2bpic.net/free-photo/moder-man-sunglasses-black-jacket-tie_613910-16977.jpg",
imageAlt: "Men's tailored blazer",
},
{
id: "m3",
name: "Current Longsleeve",
price: "$80",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-lifesaving-buoy-medium-shot_23-2149461848.jpg",
imageAlt: "Men's graphic long sleeve t-shirt",
},
{
id: "m4",
name: "Tidal Knit Sweater",
price: "$140",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg",
imageAlt: "Premium knitted sweater",
},
{
id: "m5",
name: "Hydro-Flex Hoodie",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hoodie-having-her-eyes-closed_23-2148322452.jpg",
imageAlt: "Dark premium hoodie",
},
{
id: "m6",
name: "Tidal Bomber Jacket",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-winter-autumn-fashion-trend-black-puffer-coat-leather-hat-beret-old-beautiful-street-wearing-high-heel-shoes_285396-6964.jpg",
imageAlt: "Stylish bomber jacket",
},
]}
title="Men's Collection: Power & Precision"
description="Discover high-performance luxury streetwear for the modern man. Bold designs, superior comfort, and unmatched style."
/>
</div>
<div id="men-style-features" data-section="men-style-features"> <div id="men-style-features" data-section="men-style-features">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {id: "mf1", title: "Precision Tailoring", tags: ["Impeccable Fit"], imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-jacket-before-going-work_181624-25224.jpg", imageAlt: "Male model in perfectly fitted suit"},
id: "mf1", {id: "mf2", title: "Advanced Fabrics", tags: ["Superior Comfort"], imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-14873.jpg", imageAlt: "Close up of luxury fabric texture"},
title: "Precision Tailoring", {id: "mf3", title: "Functional Design", tags: ["Everyday Wear"], imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4477.jpg", imageAlt: "Unisex premium jogger pants"}
tags: [ ]}
"Impeccable Fit", title="Engineered for Excellence"
], description="Experience the perfect fusion of form and function. Our menswear is designed for impeccable fit, premium feel, and lasting style."
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-jacket-before-going-work_181624-25224.jpg", />
imageAlt: "Male model in perfectly fitted suit", </div>
},
{
id: "mf2",
title: "Advanced Fabrics",
tags: [
"Superior Comfort",
],
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-14873.jpg",
imageAlt: "Close up of luxury fabric texture",
},
{
id: "mf3",
title: "Functional Design",
tags: [
"Everyday Wear",
],
imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4477.jpg",
imageAlt: "Unisex premium jogger pants",
},
]}
title="Engineered for Excellence"
description="Experience the perfect fusion of form and function. Our menswear is designed for impeccable fit, premium feel, and lasting style."
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beach-background-with-clam-shells-remixed-from-artworks-by-augustus-addison-gould_53876-104879.jpg?_wi=3" videoSrc=""
imageAlt="Stylized ocean wave with subtle shark fin" videoAriaLabel="Footer video"
videoAriaLabel="Footer video" logoText="Shark Wave"
logoText="Shark Wave" columns={[
columns={[ {
{ title: "Shop", items: [
title: "Shop", {label: "All Products", href: "/shop"},
items: [ {label: "Men's Collection", href: "/men"},
{ {label: "Women's Collection", href: "/women"},
label: "All Products", {label: "Accessories", href: "/accessories"},
href: "/shop", {label: "Seasonal Drops", href: "/seasonal-drops"}
}, ]
{ },
label: "Men's Collection", {
href: "/men", title: "Company", items: [
}, {label: "About Us", href: "/about"},
{ {label: "Contact Us", href: "/contact"},
label: "Women's Collection", {label: "Blog", href: "/seasonal-drops"},
href: "/women", {label: "Careers", href: "#"}
}, ]
{ },
label: "Accessories", {
href: "/accessories", title: "Support", items: [
}, {label: "FAQ", href: "/contact#faq"},
{ {label: "Shipping & Returns", href: "#"},
label: "Seasonal Drops", {label: "Order Tracking", href: "#"},
href: "/seasonal-drops", {label: "Privacy Policy", href: "#"},
}, {label: "Terms of Service", href: "#"}
], ]
}, },
{ {
title: "Company", title: "Social", items: [
items: [ {label: "Instagram", href: "https://instagram.com/sharkwave"},
{ {label: "TikTok", href: "https://tiktok.com/@sharkwave"},
label: "About Us", {label: "Facebook", href: "https://facebook.com/sharkwave"},
href: "/about", {label: "Twitter", href: "https://twitter.com/sharkwave"}
}, ]
{ }
label: "Contact Us", ]}
href: "/contact", copyrightText="© 2024 Shark Wave. All rights reserved."
}, />
{ </div>
label: "Blog",
href: "/seasonal-drops",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "/contact#faq",
},
{
label: "Shipping & Returns",
href: "#",
},
{
label: "Order Tracking",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "https://instagram.com/sharkwave",
},
{
label: "TikTok",
href: "https://tiktok.com/@sharkwave",
},
{
label: "Facebook",
href: "https://facebook.com/sharkwave",
},
{
label: "Twitter",
href: "https://twitter.com/sharkwave",
},
],
},
]}
copyrightText="© 2024 Shark Wave. All rights reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

353
src/app/seasonal-drops/page.tsx
View File

@@ -2,12 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function SeasonalDropsPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "Men's", id: "/men" },
{ name: "Women's", id: "/women" },
{ name: "Accessories", id: "/accessories" },
{ name: "Drops", id: "/seasonal-drops" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
];
export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
@@ -22,257 +33,97 @@ export default function LandingPage() {
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={navItems}
{ logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
name: "Home", logoAlt="Shark Wave logo"
id: "/", brandName="Shark Wave"
}, bottomLeftText="Luxury Streetwear"
{ bottomRightText="Premium Style, Affordable Price."
name: "Shop", button={{
id: "/shop", text: "Account", href: "/account" }}
}, />
{ </div>
name: "Men's",
id: "/men",
},
{
name: "Women's",
id: "/women",
},
{
name: "Accessories",
id: "/accessories",
},
{
name: "Drops",
id: "/seasonal-drops",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
logoAlt="Shark Wave logo"
brandName="Shark Wave"
bottomLeftText="Luxury Streetwear"
bottomRightText="Premium Style, Affordable Price."
button={{
text: "Account",
href: "/account",
}}
/>
</div>
<div id="seasonal-drops-products" data-section="seasonal-drops-products"> <div id="seasonal-drops-products" data-section="seasonal-drops-products">
<ProductCardOne <ProductCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {id: "sd1", name: "Winter Storm Parka", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-headphones-roof_23-2148397252.jpg", imageAlt: "Winter collection fashion parka"},
id: "sd1", {id: "sd2", name: "Summer Breeze Linen", price: "$100", imageSrc: "http://img.b2bpic.net/free-photo/couple-winter-studio_1303-5881.jpg", imageAlt: "Summer collection linen shirt"},
name: "Winter Storm Parka", {id: "sd3", name: "Spring Bloom Dress", price: "$170", imageAlt: "Spring collection floral dress", imageSrc: "http://img.b2bpic.net/free-vector/vintage-floral-seamless-pattern-with-bohemian-flower-leaves_44538-11992.jpg"},
price: "$300", {id: "sd4", name: "Hydro-Flex Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16981.jpg", imageAlt: "Dark premium hoodie"},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-headphones-roof_23-2148397252.jpg", {id: "sd5", name: "Ocean Flow Tee", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-portrait-outdoor_624325-1074.jpg", imageAlt: "Oversized t-shirt"},
imageAlt: "Winter collection fashion parka", {id: "sd6", name: "Tidal Bomber Jacket", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/young-mother-walking-with-baby-carriage-park-talking-phone_1303-21442.jpg", imageAlt: "Stylish bomber jacket"}
}, ]}
{ title="The Latest Wave: Seasonal Drops"
id: "sd2", description="Be the first to wear the future of fashion. Our seasonal drops are limited, exclusive, and designed to make a statement."
name: "Summer Breeze Linen", />
price: "$100", </div>
imageSrc: "http://img.b2bpic.net/free-photo/couple-winter-studio_1303-5881.jpg",
imageAlt: "Summer collection linen shirt",
},
{
id: "sd3",
name: "Spring Bloom Dress",
price: "$170",
imageAlt: "Spring collection floral dress",
imageSrc: "http://img.b2bpic.net/free-vector/vintage-floral-seamless-pattern-with-bohemian-flower-leaves_44538-11992.jpg",
},
{
id: "sd4",
name: "Hydro-Flex Hoodie",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16981.jpg",
imageAlt: "Dark premium hoodie",
},
{
id: "sd5",
name: "Ocean Flow Tee",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-portrait-outdoor_624325-1074.jpg",
imageAlt: "Oversized t-shirt",
},
{
id: "sd6",
name: "Tidal Bomber Jacket",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-walking-with-baby-carriage-park-talking-phone_1303-21442.jpg",
imageAlt: "Stylish bomber jacket",
},
]}
title="The Latest Wave: Seasonal Drops"
description="Be the first to wear the future of fashion. Our seasonal drops are limited, exclusive, and designed to make a statement."
/>
</div>
<div id="seasonal-drops-blog" data-section="seasonal-drops-blog"> <div id="seasonal-drops-blog" data-section="seasonal-drops-blog">
<BlogCardThree <BlogCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Behind the Seams: Seasonal Stories" title="Behind the Seams: Seasonal Stories"
description="Explore the inspiration, craftsmanship, and vision behind each Shark Wave seasonal drop. Stay ahead of the curve with our exclusive insights." description="Explore the inspiration, craftsmanship, and vision behind each Shark Wave seasonal drop. Stay ahead of the curve with our exclusive insights."
blogs={[ blogs={[
{ {id: "b1", category: "Design Insights", title: "The Inspiration Behind the Apex Collection", excerpt: "Dive deep into the creative process, from initial sketches to the final luxurious garments.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clipboard-with-copy-space_23-2148567898.jpg", imageAlt: "Fashion designer sketching a new collection", authorName: "Creative Team", authorAvatar: "asset://team-member-2", date: "October 26, 2024"},
id: "b1", {id: "b2", category: "Campaigns", title: "Capturing the Essence: Our Latest Photoshoot", excerpt: "A behind-the-scenes look at how we bring our seasonal visions to life through stunning photography.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-red-lips-knitted-hat-gloves-holding-camera-wooden_197531-1947.jpg", imageAlt: "Models on fashion photoshoot set", authorName: "Marketing Team", authorAvatar: "asset://team-member-3", date: "October 20, 2024"},
category: "Design Insights", {id: "b3", category: "Sustainability", title: "Innovation in Materials: Our Eco-Conscious Future", excerpt: "Learn about our commitment to sustainable practices and the cutting-edge fabrics shaping our collections.", imageSrc: "http://img.b2bpic.net/free-photo/black-mannequins-male-clothing_23-2147652034.jpg", imageAlt: "Textile patterns abstract fashion", authorName: "Production Team", authorAvatar: "asset://team-member-1", date: "September 15, 2024"}
title: "The Inspiration Behind the Apex Collection", ]}
excerpt: "Dive deep into the creative process, from initial sketches to the final luxurious garments.", />
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clipboard-with-copy-space_23-2148567898.jpg", </div>
imageAlt: "Fashion designer sketching a new collection",
authorName: "Creative Team",
authorAvatar: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-black-cloth_158538-13978.jpg",
date: "October 26, 2024",
},
{
id: "b2",
category: "Campaigns",
title: "Capturing the Essence: Our Latest Photoshoot",
excerpt: "A behind-the-scenes look at how we bring our seasonal visions to life through stunning photography.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-red-lips-knitted-hat-gloves-holding-camera-wooden_197531-1947.jpg",
imageAlt: "Models on fashion photoshoot set",
authorName: "Marketing Team",
authorAvatar: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929546.jpg",
date: "October 20, 2024",
},
{
id: "b3",
category: "Sustainability",
title: "Innovation in Materials: Our Eco-Conscious Future",
excerpt: "Learn about our commitment to sustainable practices and the cutting-edge fabrics shaping our collections.",
imageSrc: "http://img.b2bpic.net/free-photo/black-mannequins-male-clothing_23-2147652034.jpg",
imageAlt: "Textile patterns abstract fashion",
authorName: "Production Team",
authorAvatar: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg",
date: "September 15, 2024",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beach-background-with-clam-shells-remixed-from-artworks-by-augustus-addison-gould_53876-104879.jpg?_wi=6" videoSrc=""
imageAlt="Stylized ocean wave with subtle shark fin" videoAriaLabel="Footer video"
videoAriaLabel="Footer video" logoText="Shark Wave"
logoText="Shark Wave" columns={[
columns={[ {
{ title: "Shop", items: [
title: "Shop", {label: "All Products", href: "/shop"},
items: [ {label: "Men's Collection", href: "/men"},
{ {label: "Women's Collection", href: "/women"},
label: "All Products", {label: "Accessories", href: "/accessories"},
href: "/shop", {label: "Seasonal Drops", href: "/seasonal-drops"}
}, ]
{ },
label: "Men's Collection", {
href: "/men", title: "Company", items: [
}, {label: "About Us", href: "/about"},
{ {label: "Contact Us", href: "/contact"},
label: "Women's Collection", {label: "Blog", href: "/seasonal-drops"},
href: "/women", {label: "Careers", href: "#"}
}, ]
{ },
label: "Accessories", {
href: "/accessories", title: "Support", items: [
}, {label: "FAQ", href: "/contact#faq"},
{ {label: "Shipping & Returns", href: "#"},
label: "Seasonal Drops", {label: "Order Tracking", href: "#"},
href: "/seasonal-drops", {label: "Privacy Policy", href: "#"},
}, {label: "Terms of Service", href: "#"}
], ]
}, },
{ {
title: "Company", title: "Social", items: [
items: [ {label: "Instagram", href: "https://instagram.com/sharkwave"},
{ {label: "TikTok", href: "https://tiktok.com/@sharkwave"},
label: "About Us", {label: "Facebook", href: "https://facebook.com/sharkwave"},
href: "/about", {label: "Twitter", href: "https://twitter.com/sharkwave"}
}, ]
{ }
label: "Contact Us", ]}
href: "/contact", copyrightText="© 2024 Shark Wave. All rights reserved."
}, />
{ </div>
label: "Blog",
href: "/seasonal-drops",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "/contact#faq",
},
{
label: "Shipping & Returns",
href: "#",
},
{
label: "Order Tracking",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "https://instagram.com/sharkwave",
},
{
label: "TikTok",
href: "https://tiktok.com/@sharkwave",
},
{
label: "Facebook",
href: "https://facebook.com/sharkwave",
},
{
label: "Twitter",
href: "https://twitter.com/sharkwave",
},
],
},
]}
copyrightText="© 2024 Shark Wave. All rights reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

347
src/app/women/page.tsx
View File

@@ -2,12 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function WomenPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "Men's", id: "/men" },
{ name: "Women's", id: "/women" },
{ name: "Accessories", id: "/accessories" },
{ name: "Drops", id: "/seasonal-drops" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
];
export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
@@ -22,251 +33,97 @@ export default function LandingPage() {
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={navItems}
{ logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
name: "Home", logoAlt="Shark Wave logo"
id: "/", brandName="Shark Wave"
}, bottomLeftText="Luxury Streetwear"
{ bottomRightText="Premium Style, Affordable Price."
name: "Shop", button={{
id: "/shop", text: "Account", href: "/account" }}
}, />
{ </div>
name: "Men's",
id: "/men",
},
{
name: "Women's",
id: "/women",
},
{
name: "Accessories",
id: "/accessories",
},
{
name: "Drops",
id: "/seasonal-drops",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
logoAlt="Shark Wave logo"
brandName="Shark Wave"
bottomLeftText="Luxury Streetwear"
bottomRightText="Premium Style, Affordable Price."
button={{
text: "Account",
href: "/account",
}}
/>
</div>
<div id="women-collection" data-section="women-collection"> <div id="women-collection" data-section="women-collection">
<ProductCardOne <ProductCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {id: "w1", name: "Abyssal Knit Dress", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/amazing-blonde-with-long-curly-hairstyle-natural-makeup-shooting-studio-fashion-magazine-wearing-black-party-dress-with-sparkles-high-heel-shoes-professional-model-gorgeous-lady_343629-245.jpg", imageAlt: "Women's luxury knit dress"},
id: "w1", {id: "w2", name: "Wavebreaker Trench", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-spring-city_1157-33400.jpg", imageAlt: "Women's oversized trench coat"},
name: "Abyssal Knit Dress", {id: "w3", name: "Tidal Wide-Leg Pants", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/full-length-young-fashionable-caucasian-brunette-woman-with-red-lipstick-wears-black-clothes-glasses-holds-glass-booze-indoors_197531-32093.jpg", imageAlt: "Women's high-waisted wide leg pants"},
price: "$150", {id: "w4", name: "Ocean Flow Tee", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-look-camera-city-with-laptop_197531-33728.jpg", imageAlt: "Oversized t-shirt"},
imageSrc: "http://img.b2bpic.net/free-photo/amazing-blonde-with-long-curly-hairstyle-natural-makeup-shooting-studio-fashion-magazine-wearing-black-party-dress-with-sparkles-high-heel-shoes-professional-model-gorgeous-lady_343629-245.jpg", {id: "w5", name: "Reef Denim Jacket", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-blue-coat-by-cafe_1303-20457.jpg", imageAlt: "Chic denim jacket"},
imageAlt: "Women's luxury knit dress", {id: "w6", name: "Oceanic Slip Dress", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14230.jpg", imageAlt: "Elegant women's dress"}
}, ]}
{ title="Women's Collection: Elegance & Edge"
id: "w2", description="Explore our curated collection for women, blending sophisticated designs with the defiant spirit of streetwear. Fashion-forward pieces for every occasion."
name: "Wavebreaker Trench", />
price: "$220", </div>
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-spring-city_1157-33400.jpg",
imageAlt: "Women's oversized trench coat",
},
{
id: "w3",
name: "Tidal Wide-Leg Pants",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-young-fashionable-caucasian-brunette-woman-with-red-lipstick-wears-black-clothes-glasses-holds-glass-booze-indoors_197531-32093.jpg",
imageAlt: "Women's high-waisted wide leg pants",
},
{
id: "w4",
name: "Ocean Flow Tee",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-look-camera-city-with-laptop_197531-33728.jpg",
imageAlt: "Oversized t-shirt",
},
{
id: "w5",
name: "Reef Denim Jacket",
price: "$160",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-blue-coat-by-cafe_1303-20457.jpg",
imageAlt: "Chic denim jacket",
},
{
id: "w6",
name: "Oceanic Slip Dress",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14230.jpg",
imageAlt: "Elegant women's dress",
},
]}
title="Women's Collection: Elegance & Edge"
description="Explore our curated collection for women, blending sophisticated designs with the defiant spirit of streetwear. Fashion-forward pieces for every occasion."
/>
</div>
<div id="women-style-features" data-section="women-style-features"> <div id="women-style-features" data-section="women-style-features">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {id: "wf1", title: "Flattering Silhouettes", tags: ["Elegant Fit"], imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-black-suit-hair-bun-makeup-smiling-posing-standing-near-gates-outdoor-hand-waist-looking-down-stylish-fashion_343629-84.jpg", imageAlt: "Female model in perfectly fitted dress"},
id: "wf1", {id: "wf2", title: "Luxurious Drapes", tags: ["Fluid Fabrics"], imageSrc: "http://img.b2bpic.net/free-photo/young-female-model-sleeping-underwear_1303-19340.jpg", imageAlt: "Close up of luxury fabric texture"},
title: "Flattering Silhouettes", {id: "wf3", title: "Versatile Styling", tags: ["Any Occasion"], imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-woman-standing-outside-shorthaired-girl-black-shirt-white-pants-wireless-headphones-holding-bottle-water-smiles-outdoors_291650-2692.jpg", imageAlt: "Women's oversized trench coat"}
tags: [ ]}
"Elegant Fit", title="Designed for the Modern Woman"
], description="Our women's collection blends high fashion silhouettes with practical comfort, ensuring you look and feel exceptional, from day to night."
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-black-suit-hair-bun-makeup-smiling-posing-standing-near-gates-outdoor-hand-waist-looking-down-stylish-fashion_343629-84.jpg", />
imageAlt: "Female model in perfectly fitted dress", </div>
},
{
id: "wf2",
title: "Luxurious Drapes",
tags: [
"Fluid Fabrics",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-female-model-sleeping-underwear_1303-19340.jpg",
imageAlt: "Close up of luxury fabric texture",
},
{
id: "wf3",
title: "Versatile Styling",
tags: [
"Any Occasion",
],
imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-woman-standing-outside-shorthaired-girl-black-shirt-white-pants-wireless-headphones-holding-bottle-water-smiles-outdoors_291650-2692.jpg",
imageAlt: "Women's oversized trench coat",
},
]}
title="Designed for the Modern Woman"
description="Our women's collection blends high fashion silhouettes with practical comfort, ensuring you look and feel exceptional, from day to night."
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beach-background-with-clam-shells-remixed-from-artworks-by-augustus-addison-gould_53876-104879.jpg?_wi=4" videoSrc=""
imageAlt="Stylized ocean wave with subtle shark fin" videoAriaLabel="Footer video"
videoAriaLabel="Footer video" logoText="Shark Wave"
logoText="Shark Wave" columns={[
columns={[ {
{ title: "Shop", items: [
title: "Shop", {label: "All Products", href: "/shop"},
items: [ {label: "Men's Collection", href: "/men"},
{ {label: "Women's Collection", href: "/women"},
label: "All Products", {label: "Accessories", href: "/accessories"},
href: "/shop", {label: "Seasonal Drops", href: "/seasonal-drops"}
}, ]
{ },
label: "Men's Collection", {
href: "/men", title: "Company", items: [
}, {label: "About Us", href: "/about"},
{ {label: "Contact Us", href: "/contact"},
label: "Women's Collection", {label: "Blog", href: "/seasonal-drops"},
href: "/women", {label: "Careers", href: "#"}
}, ]
{ },
label: "Accessories", {
href: "/accessories", title: "Support", items: [
}, {label: "FAQ", href: "/contact#faq"},
{ {label: "Shipping & Returns", href: "#"},
label: "Seasonal Drops", {label: "Order Tracking", href: "#"},
href: "/seasonal-drops", {label: "Privacy Policy", href: "#"},
}, {label: "Terms of Service", href: "#"}
], ]
}, },
{ {
title: "Company", title: "Social", items: [
items: [ {label: "Instagram", href: "https://instagram.com/sharkwave"},
{ {label: "TikTok", href: "https://tiktok.com/@sharkwave"},
label: "About Us", {label: "Facebook", href: "https://facebook.com/sharkwave"},
href: "/about", {label: "Twitter", href: "https://twitter.com/sharkwave"}
}, ]
{ }
label: "Contact Us", ]}
href: "/contact", copyrightText="© 2024 Shark Wave. All rights reserved."
}, />
{ </div>
label: "Blog",
href: "/seasonal-drops",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "/contact#faq",
},
{
label: "Shipping & Returns",
href: "#",
},
{
label: "Order Tracking",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "https://instagram.com/sharkwave",
},
{
label: "TikTok",
href: "https://tiktok.com/@sharkwave",
},
{
label: "Facebook",
href: "https://facebook.com/sharkwave",
},
{
label: "Twitter",
href: "https://twitter.com/sharkwave",
},
],
},
]}
copyrightText="© 2024 Shark Wave. All rights reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );