Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
2026-06-02 10:52:26 +00:00
3 changed files with 306 additions and 741 deletions

View File

@@ -2,12 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
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 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 (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,251 +33,97 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
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",
},
]}
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
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">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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",
},
{
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-collection" data-section="men-collection">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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"},
{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">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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: "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="men-style-features" data-section="men-style-features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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: "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">
<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"
imageAlt="Stylized ocean wave with subtle shark fin"
videoAriaLabel="Footer video"
logoText="Shark Wave"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "/shop",
},
{
label: "Men's Collection",
href: "/men",
},
{
label: "Women's Collection",
href: "/women",
},
{
label: "Accessories",
href: "/accessories",
},
{
label: "Seasonal Drops",
href: "/seasonal-drops",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Contact Us",
href: "/contact",
},
{
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>
<div id="footer" data-section="footer">
<FooterMedia
videoSrc=""
videoAriaLabel="Footer video"
logoText="Shark Wave"
columns={[
{
title: "Shop", items: [
{label: "All Products", href: "/shop"},
{label: "Men's Collection", href: "/men"},
{label: "Women's Collection", href: "/women"},
{label: "Accessories", href: "/accessories"},
{label: "Seasonal Drops", href: "/seasonal-drops"}
]
},
{
title: "Company", items: [
{label: "About Us", href: "/about"},
{label: "Contact Us", href: "/contact"},
{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>
</ThemeProvider>
);

View File

@@ -2,12 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
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 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 (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,257 +33,97 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
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",
},
]}
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
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">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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",
},
{
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-products" data-section="seasonal-drops-products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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"},
{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">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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."
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: "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="seasonal-drops-blog" data-section="seasonal-drops-blog">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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."
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: "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"},
{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"}
]}
/>
</div>
<div id="footer" data-section="footer">
<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"
imageAlt="Stylized ocean wave with subtle shark fin"
videoAriaLabel="Footer video"
logoText="Shark Wave"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "/shop",
},
{
label: "Men's Collection",
href: "/men",
},
{
label: "Women's Collection",
href: "/women",
},
{
label: "Accessories",
href: "/accessories",
},
{
label: "Seasonal Drops",
href: "/seasonal-drops",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Contact Us",
href: "/contact",
},
{
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>
<div id="footer" data-section="footer">
<FooterMedia
videoSrc=""
videoAriaLabel="Footer video"
logoText="Shark Wave"
columns={[
{
title: "Shop", items: [
{label: "All Products", href: "/shop"},
{label: "Men's Collection", href: "/men"},
{label: "Women's Collection", href: "/women"},
{label: "Accessories", href: "/accessories"},
{label: "Seasonal Drops", href: "/seasonal-drops"}
]
},
{
title: "Company", items: [
{label: "About Us", href: "/about"},
{label: "Contact Us", href: "/contact"},
{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>
</ThemeProvider>
);

View File

@@ -2,12 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
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 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 (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,251 +33,97 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
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",
},
]}
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
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">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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",
},
{
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-collection" data-section="women-collection">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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"},
{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">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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: "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="women-style-features" data-section="women-style-features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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: "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">
<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"
imageAlt="Stylized ocean wave with subtle shark fin"
videoAriaLabel="Footer video"
logoText="Shark Wave"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "/shop",
},
{
label: "Men's Collection",
href: "/men",
},
{
label: "Women's Collection",
href: "/women",
},
{
label: "Accessories",
href: "/accessories",
},
{
label: "Seasonal Drops",
href: "/seasonal-drops",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Contact Us",
href: "/contact",
},
{
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>
<div id="footer" data-section="footer">
<FooterMedia
videoSrc=""
videoAriaLabel="Footer video"
logoText="Shark Wave"
columns={[
{
title: "Shop", items: [
{label: "All Products", href: "/shop"},
{label: "Men's Collection", href: "/men"},
{label: "Women's Collection", href: "/women"},
{label: "Accessories", href: "/accessories"},
{label: "Seasonal Drops", href: "/seasonal-drops"}
]
},
{
title: "Company", items: [
{label: "About Us", href: "/about"},
{label: "Contact Us", href: "/contact"},
{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>
</ThemeProvider>
);