Update src/app/shop/page.tsx
This commit is contained in:
@@ -27,41 +27,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
href: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "how-it-works",
|
||||
href: "/how-it-works",
|
||||
},
|
||||
name: "How It Works", id: "/how-it-works"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
href: "/why-us",
|
||||
},
|
||||
name: "Why Us", id: "/why-us"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
href: "/faq",
|
||||
},
|
||||
name: "FAQ", id: "/faq"},
|
||||
]}
|
||||
brandName="Sunscreen Swipes"
|
||||
button={{
|
||||
text: "Cart 🛒",
|
||||
href: "/cart",
|
||||
}}
|
||||
text: "Cart 🛒", href: "/cart"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -71,63 +51,29 @@ export default function LandingPage() {
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Original SPF 30 Swipes (30-count)",
|
||||
price: "$18.99",
|
||||
rating: 4.8,
|
||||
reviewCount: "1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=4",
|
||||
imageAlt: "Sunscreen Swipes Original Pack",
|
||||
},
|
||||
id: "1", name: "Original SPF 30 Swipes (30-count)", price: "$18.99", rating: 4.8,
|
||||
reviewCount: "1,200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen Swipes Original Pack"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kids' SPF 50 Swipes (30-count)",
|
||||
price: "$21.99",
|
||||
rating: 4.9,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=5",
|
||||
imageAlt: "Sunscreen Swipes Kids Pack",
|
||||
},
|
||||
id: "2", name: "Kids' SPF 50 Swipes (30-count)", price: "$21.99", rating: 4.9,
|
||||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen Swipes Kids Pack"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sport SPF 50+ Swipes (20-count)",
|
||||
price: "$19.99",
|
||||
rating: 4.7,
|
||||
reviewCount: "600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=6",
|
||||
imageAlt: "Sunscreen Swipes Sport Pack",
|
||||
},
|
||||
id: "3", name: "Sport SPF 50+ Swipes (20-count)", price: "$19.99", rating: 4.7,
|
||||
reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen Swipes Sport Pack"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Travel Mini SPF 30 Swipes (10-count)",
|
||||
price: "$9.99",
|
||||
rating: 4.6,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=7",
|
||||
imageAlt: "Sunscreen Swipes Travel Pack",
|
||||
},
|
||||
id: "4", name: "Travel Mini SPF 30 Swipes (10-count)", price: "$9.99", rating: 4.6,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen Swipes Travel Pack"},
|
||||
]}
|
||||
searchPlaceholder="Search for wipes..."
|
||||
filters={[
|
||||
{
|
||||
label: "SPF Level",
|
||||
options: [
|
||||
"All",
|
||||
"SPF 30",
|
||||
"SPF 50",
|
||||
"SPF 50+",
|
||||
],
|
||||
selected: "All",
|
||||
label: "SPF Level", options: [
|
||||
"All", "SPF 30", "SPF 50", "SPF 50+"],
|
||||
selected: "All", onChange: () => {},
|
||||
},
|
||||
{
|
||||
label: "Target Audience",
|
||||
options: [
|
||||
"All",
|
||||
"Kids",
|
||||
"Adults",
|
||||
"Sensitive Skin",
|
||||
],
|
||||
selected: "All",
|
||||
label: "Target Audience", options: [
|
||||
"All", "Kids", "Adults", "Sensitive Skin"],
|
||||
selected: "All", onChange: () => {},
|
||||
},
|
||||
]}
|
||||
emptyMessage="No products found matching your criteria."
|
||||
@@ -141,29 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ultra-Portable",
|
||||
description: "Sleek packaging fits anywhere – purse, backpack, or beach bag. Always be ready.",
|
||||
tag: "On-the-Go",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=8",
|
||||
imageAlt: "Sunscreen wipes on a beach towel",
|
||||
},
|
||||
id: "1", title: "Ultra-Portable", description: "Sleek packaging fits anywhere – purse, backpack, or beach bag. Always be ready.", tag: "On-the-Go", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen wipes on a beach towel"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Water Resistant",
|
||||
description: "Stay protected even after a dip. Perfect for active lifestyles and kids who love to play.",
|
||||
tag: "Adventure Ready",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-surfboard-beach_273609-5243.jpg?_wi=2",
|
||||
imageAlt: "Person swimming in clear water",
|
||||
},
|
||||
id: "2", title: "Water Resistant", description: "Stay protected even after a dip. Perfect for active lifestyles and kids who love to play.", tag: "Adventure Ready", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-surfboard-beach_273609-5243.jpg", imageAlt: "Person swimming in clear water"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gentle on Skin",
|
||||
description: "Formulated with sensitive skin in mind. Hypoallergenic and dermatologist-tested.",
|
||||
tag: "Sensitive Skin Friendly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg?_wi=2",
|
||||
imageAlt: "Mother applying sunscreen to child",
|
||||
},
|
||||
id: "3", title: "Gentle on Skin", description: "Formulated with sensitive skin in mind. Hypoallergenic and dermatologist-tested.", tag: "Sensitive Skin Friendly", imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg", imageAlt: "Mother applying sunscreen to child"},
|
||||
]}
|
||||
title="Sun Protection Made Simple"
|
||||
description="Our wipes offer a revolutionary way to stay protected under the sun, wherever you go."
|
||||
@@ -174,16 +102,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Shop Today"
|
||||
title="Embrace the Sun, Worry-Free"
|
||||
description="Join thousands who trust Sunscreen Swipes for convenient and effective sun protection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse All Swipes",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Browse All Swipes", href: "/shop"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,54 +117,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "All Products", href: "/shop"},
|
||||
{
|
||||
label: "Kids' Collection",
|
||||
href: "/shop#kids",
|
||||
},
|
||||
label: "Kids' Collection", href: "/shop#kids"},
|
||||
{
|
||||
label: "Sport Essentials",
|
||||
href: "/shop#sport",
|
||||
},
|
||||
label: "Sport Essentials", href: "/shop#sport"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/why-us",
|
||||
},
|
||||
label: "About Us", href: "/why-us"},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "/how-it-works",
|
||||
},
|
||||
label: "How It Works", href: "/how-it-works"},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Customer Reviews", href: "/reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
},
|
||||
label: "Shipping & Returns", href: "/shipping"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user