Update src/app/shop/page.tsx
This commit is contained in:
@@ -26,37 +26,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Men's",
|
||||
id: "/men",
|
||||
},
|
||||
name: "Men's", id: "/men"},
|
||||
{
|
||||
name: "Women's",
|
||||
id: "/women",
|
||||
},
|
||||
name: "Women's", id: "/women"},
|
||||
{
|
||||
name: "Accessories",
|
||||
id: "/accessories",
|
||||
},
|
||||
name: "Accessories", id: "/accessories"},
|
||||
{
|
||||
name: "Drops",
|
||||
id: "/seasonal-drops",
|
||||
},
|
||||
name: "Drops", id: "/seasonal-drops"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
|
||||
logoAlt="Shark Wave logo"
|
||||
@@ -64,9 +48,7 @@ export default function LandingPage() {
|
||||
bottomLeftText="Luxury Streetwear"
|
||||
bottomRightText="Premium Style, Affordable Price."
|
||||
button={{
|
||||
text: "Account",
|
||||
href: "/account",
|
||||
}}
|
||||
text: "Account", href: "/account"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,123 +57,46 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "sp1",
|
||||
category: "Men's",
|
||||
name: "Hydro-Flex Hoodie",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-man_23-2148914568.jpg",
|
||||
imageAlt: "Dark premium hoodie",
|
||||
},
|
||||
id: "sp1", category: "Men's", name: "Hydro-Flex Hoodie", price: "$120", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-man_23-2148914568.jpg", imageAlt: "Dark premium hoodie"},
|
||||
{
|
||||
id: "sp2",
|
||||
category: "Women's",
|
||||
name: "Ocean Flow Tee",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-enjoying-time-beach_23-2150100109.jpg",
|
||||
imageAlt: "Oversized t-shirt",
|
||||
},
|
||||
id: "sp2", category: "Women's", name: "Ocean Flow Tee", price: "$65", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-enjoying-time-beach_23-2150100109.jpg", imageAlt: "Oversized t-shirt"},
|
||||
{
|
||||
id: "sp3",
|
||||
category: "Unisex",
|
||||
name: "Abyssal Joggers",
|
||||
price: "$95",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-rainjacket-urban-environment_23-2147988205.jpg",
|
||||
imageAlt: "Unisex jogger pants",
|
||||
},
|
||||
id: "sp3", category: "Unisex", name: "Abyssal Joggers", price: "$95", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-rainjacket-urban-environment_23-2147988205.jpg", imageAlt: "Unisex jogger pants"},
|
||||
{
|
||||
id: "sp4",
|
||||
category: "Men's",
|
||||
name: "Tidal Bomber Jacket",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-walking-outside_1303-25105.jpg",
|
||||
imageAlt: "Stylish bomber jacket",
|
||||
},
|
||||
id: "sp4", category: "Men's", name: "Tidal Bomber Jacket", price: "$180", rating: 5,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-walking-outside_1303-25105.jpg", imageAlt: "Stylish bomber jacket"},
|
||||
{
|
||||
id: "sp5",
|
||||
category: "Women's",
|
||||
name: "Reef Denim Jacket",
|
||||
price: "$160",
|
||||
rating: 4,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-by-building-new-year-mood-lady-black-jacket_1157-40729.jpg",
|
||||
imageAlt: "Chic denim jacket",
|
||||
},
|
||||
id: "sp5", category: "Women's", name: "Reef Denim Jacket", price: "$160", rating: 4,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/woman-by-building-new-year-mood-lady-black-jacket_1157-40729.jpg", imageAlt: "Chic denim jacket"},
|
||||
{
|
||||
id: "sp6",
|
||||
category: "Unisex",
|
||||
name: "Wave Crest Tee",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bicycle-looking-time-wrist-watch_23-2147892422.jpg",
|
||||
imageAlt: "Tailored white t-shirt",
|
||||
},
|
||||
id: "sp6", category: "Unisex", name: "Wave Crest Tee", price: "$55", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bicycle-looking-time-wrist-watch_23-2147892422.jpg", imageAlt: "Tailored white t-shirt"},
|
||||
{
|
||||
id: "sp7",
|
||||
category: "Men's",
|
||||
name: "Deep Current Sweater",
|
||||
price: "$135",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148882808.jpg",
|
||||
imageAlt: "Premium knitted sweater",
|
||||
},
|
||||
id: "sp7", category: "Men's", name: "Deep Current Sweater", price: "$135", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148882808.jpg", imageAlt: "Premium knitted sweater"},
|
||||
{
|
||||
id: "sp8",
|
||||
category: "Women's",
|
||||
name: "Oceanic Slip Dress",
|
||||
price: "$110",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-stunning-slim-woman-with-cleavage-black-dress-sunglasses-posing-outdoors-sexy-model-with-long-blonde-hair-posing-black-dress-street_132075-9364.jpg",
|
||||
imageAlt: "Elegant women's dress",
|
||||
},
|
||||
id: "sp8", category: "Women's", name: "Oceanic Slip Dress", price: "$110", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-stunning-slim-woman-with-cleavage-black-dress-sunglasses-posing-outdoors-sexy-model-with-long-blonde-hair-posing-black-dress-street_132075-9364.jpg", imageAlt: "Elegant women's dress"},
|
||||
]}
|
||||
searchPlaceholder="Search products..."
|
||||
filters={[
|
||||
{
|
||||
label: "Category",
|
||||
options: [
|
||||
"All",
|
||||
"Men's",
|
||||
"Women's",
|
||||
"Unisex",
|
||||
"Accessories",
|
||||
],
|
||||
selected: "All",
|
||||
onChange: "(value: string) => console.log(value)",
|
||||
label: "Category", options: [
|
||||
"All", "Men's", "Women's", "Unisex", "Accessories"],
|
||||
selected: "All", onChange: (value: string) => console.log(value),
|
||||
},
|
||||
{
|
||||
label: "Color",
|
||||
options: [
|
||||
"All",
|
||||
"Black",
|
||||
"Navy",
|
||||
"White",
|
||||
"Grey",
|
||||
"Blue",
|
||||
],
|
||||
selected: "All",
|
||||
onChange: "(value: string) => console.log(value)",
|
||||
label: "Color", options: [
|
||||
"All", "Black", "Navy", "White", "Grey", "Blue"],
|
||||
selected: "All", onChange: (value: string) => console.log(value),
|
||||
},
|
||||
{
|
||||
label: "Price",
|
||||
options: [
|
||||
"All",
|
||||
"Under $50",
|
||||
"$50 - $100",
|
||||
"Over $100",
|
||||
],
|
||||
selected: "All",
|
||||
onChange: "(value: string) => console.log(value)",
|
||||
label: "Price", options: [
|
||||
"All", "Under $50", "$50 - $100", "Over $100"],
|
||||
selected: "All", onChange: (value: string) => console.log(value),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -204,32 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "sf1",
|
||||
title: "Wishlist Functionality",
|
||||
tags: [
|
||||
"Save Favorites",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-shopping-concept_23-2148591568.jpg",
|
||||
imageAlt: "Wishlist icon",
|
||||
},
|
||||
id: "sf1", title: "Wishlist Functionality", tags: [
|
||||
"Save Favorites"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-shopping-concept_23-2148591568.jpg", imageAlt: "Wishlist icon"},
|
||||
{
|
||||
id: "sf2",
|
||||
title: "Secure Checkout",
|
||||
tags: [
|
||||
"Safe & Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-happy-receive-products_23-2148577058.jpg",
|
||||
imageAlt: "Secure checkout icon",
|
||||
},
|
||||
id: "sf2", title: "Secure Checkout", tags: [
|
||||
"Safe & Fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-happy-receive-products_23-2148577058.jpg", imageAlt: "Secure checkout icon"},
|
||||
{
|
||||
id: "sf3",
|
||||
title: "Order Tracking",
|
||||
tags: [
|
||||
"Stay Updated",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762852.jpg",
|
||||
imageAlt: "Order tracking icon",
|
||||
},
|
||||
id: "sf3", title: "Order Tracking", tags: [
|
||||
"Stay Updated"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762852.jpg", imageAlt: "Order tracking icon"},
|
||||
]}
|
||||
title="Your Journey, Refined"
|
||||
description="From wish to wardrobe, every step is effortless. Experience personalized shopping with intuitive tools designed for the modern fashion enthusiast."
|
||||
@@ -238,101 +128,60 @@ export default function LandingPage() {
|
||||
|
||||
<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=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beach-background-with-clam-shells-remixed-from-artworks-by-augustus-addison-gould_53876-104879.jpg"
|
||||
imageAlt="Stylized ocean wave with subtle shark fin"
|
||||
videoAriaLabel="Footer video"
|
||||
logoText="Shark Wave"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "All Products", href: "/shop"},
|
||||
{
|
||||
label: "Men's Collection",
|
||||
href: "/men",
|
||||
},
|
||||
label: "Men's Collection", href: "/men"},
|
||||
{
|
||||
label: "Women's Collection",
|
||||
href: "/women",
|
||||
},
|
||||
label: "Women's Collection", href: "/women"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/accessories",
|
||||
},
|
||||
label: "Accessories", href: "/accessories"},
|
||||
{
|
||||
label: "Seasonal Drops",
|
||||
href: "/seasonal-drops",
|
||||
},
|
||||
label: "Seasonal Drops", href: "/seasonal-drops"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/seasonal-drops",
|
||||
},
|
||||
label: "Blog", href: "/seasonal-drops"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact#faq",
|
||||
},
|
||||
label: "FAQ", href: "/contact#faq"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
{
|
||||
label: "Order Tracking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Tracking", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/sharkwave",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/sharkwave"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com/@sharkwave",
|
||||
},
|
||||
label: "TikTok", href: "https://tiktok.com/@sharkwave"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/sharkwave",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/sharkwave"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/sharkwave",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com/sharkwave"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user