Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -30,41 +30,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>
|
||||
@@ -72,21 +52,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Sunscreen Swipes"
|
||||
description="Sun Protection. Simplified.\n\nMess-free sunscreen wipes for all ages. SPF 20–75. Clean, quick, and effective."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop Now", href: "/shop"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/how-it-works",
|
||||
},
|
||||
text: "Learn More", href: "/how-it-works"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-with-surfboard-beach_273609-5243.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-with-surfboard-beach_273609-5243.jpg"
|
||||
imageAlt="Sunny beach lifestyle with Sunscreen Swipes"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,29 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-pack-50",
|
||||
name: "Sunscreen Swipes 50 Pack",
|
||||
price: "$10.99 - $19.99",
|
||||
variant: "SPF 30, 50, 75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=1",
|
||||
imageAlt: "Sunscreen Swipes box and a single wipe being used",
|
||||
},
|
||||
id: "product-pack-50", name: "Sunscreen Swipes 50 Pack", price: "$10.99 - $19.99", variant: "SPF 30, 50, 75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen Swipes box and a single wipe being used"},
|
||||
{
|
||||
id: "product-pack-25",
|
||||
name: "Sunscreen Swipes 25 Pack",
|
||||
price: "$7.99 - $15.99",
|
||||
variant: "SPF 30, 50, 75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=2",
|
||||
imageAlt: "Sunscreen Swipes box and a single wipe being used",
|
||||
},
|
||||
id: "product-pack-25", name: "Sunscreen Swipes 25 Pack", price: "$7.99 - $15.99", variant: "SPF 30, 50, 75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen Swipes box and a single wipe being used"},
|
||||
{
|
||||
id: "product-travel-kit",
|
||||
name: "Travel Swipes Kit",
|
||||
price: "$12.99",
|
||||
variant: "Mixed SPF",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg?_wi=3",
|
||||
imageAlt: "Sunscreen Swipes box and a single wipe being used",
|
||||
},
|
||||
id: "product-travel-kit", name: "Travel Swipes Kit", price: "$12.99", variant: "Mixed SPF", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-cream-bottle-lemons_23-2148295646.jpg", imageAlt: "Sunscreen Swipes box and a single wipe being used"},
|
||||
]}
|
||||
title="Meet Sunscreen Swipes"
|
||||
description="Sunscreen Swipes offer superior protection that’s effortless and gentle. Designed to shield your skin from sun damage and reduce the risk of skin cancer, our wipes also hydrate and are safe for sensitive skin. They’re incredibly easy to use, making sun protection simple for kids and elders alike."
|
||||
@@ -136,46 +93,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Certified",
|
||||
title: "FDA Approved",
|
||||
subtitle: "Trusted quality and safety.",
|
||||
description: "Our wipes meet the highest standards for sun protection and skin safety, giving you peace of mind.",
|
||||
},
|
||||
tag: "Certified", title: "FDA Approved", subtitle: "Trusted quality and safety.", description: "Our wipes meet the highest standards for sun protection and skin safety, giving you peace of mind."},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Ethical",
|
||||
title: "Cruelty-Free Ingredients",
|
||||
subtitle: "Kind to animals and your skin.",
|
||||
description: "We are committed to ethical sourcing, ensuring our products are never tested on animals.",
|
||||
},
|
||||
tag: "Ethical", title: "Cruelty-Free Ingredients", subtitle: "Kind to animals and your skin.", description: "We are committed to ethical sourcing, ensuring our products are never tested on animals."},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Versatile",
|
||||
title: "Safe for Face & Body",
|
||||
subtitle: "All-in-one protection.",
|
||||
description: "Gentle enough for delicate facial skin, yet effective for full-body coverage.",
|
||||
},
|
||||
tag: "Versatile", title: "Safe for Face & Body", subtitle: "All-in-one protection.", description: "Gentle enough for delicate facial skin, yet effective for full-body coverage."},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Clean",
|
||||
title: "Non-Staining Formula",
|
||||
subtitle: "Protects your clothes too.",
|
||||
description: "No more worrying about white streaks or yellow stains on your favorite swimwear or apparel.",
|
||||
},
|
||||
tag: "Clean", title: "Non-Staining Formula", subtitle: "Protects your clothes too.", description: "No more worrying about white streaks or yellow stains on your favorite swimwear or apparel."},
|
||||
{
|
||||
id: 5,
|
||||
tag: "Sustainable",
|
||||
title: "Recyclable Packaging",
|
||||
subtitle: "Good for the planet.",
|
||||
description: "We believe in protecting the environment as much as we protect your skin, with eco-conscious packaging.",
|
||||
},
|
||||
tag: "Sustainable", title: "Recyclable Packaging", subtitle: "Good for the planet.", description: "We believe in protecting the environment as much as we protect your skin, with eco-conscious packaging."},
|
||||
{
|
||||
id: 6,
|
||||
tag: "Convenient",
|
||||
title: "Free Shipping",
|
||||
subtitle: "Delivered right to your door.",
|
||||
description: "Enjoy complimentary shipping on all orders, making healthy skin protection even easier.",
|
||||
},
|
||||
tag: "Convenient", title: "Free Shipping", subtitle: "Delivered right to your door.", description: "Enjoy complimentary shipping on all orders, making healthy skin protection even easier."},
|
||||
]}
|
||||
title="Why Sunscreen Swipes?"
|
||||
description="Experience the superior choice for sun protection. Sunscreen Swipes stand out from other brands with our commitment to quality, safety, and convenience, ensuring you get the best defense against the sun's rays with every swipe."
|
||||
@@ -189,105 +122,51 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "50-pack-spf30",
|
||||
name: "50 Pack - SPF 30",
|
||||
price: "$10.99",
|
||||
features: [
|
||||
"Broad Spectrum SPF 30",
|
||||
"50 convenient wipes",
|
||||
"Water Resistant (80 min)",
|
||||
"Everyday protection",
|
||||
],
|
||||
id: "50-pack-spf30", name: "50 Pack - SPF 30", price: "$10.99", features: [
|
||||
"Broad Spectrum SPF 30", "50 convenient wipes", "Water Resistant (80 min)", "Everyday protection"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Add to Cart",
|
||||
href: "/cart?item=50-pack-spf30",
|
||||
},
|
||||
text: "Add to Cart", href: "/cart?item=50-pack-spf30"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "50-pack-spf50",
|
||||
name: "50 Pack - SPF 50",
|
||||
price: "$15.99",
|
||||
features: [
|
||||
"Broad Spectrum SPF 50",
|
||||
"50 convenient wipes",
|
||||
"Water Resistant (80 min)",
|
||||
"Enhanced protection for active days",
|
||||
],
|
||||
id: "50-pack-spf50", name: "50 Pack - SPF 50", price: "$15.99", features: [
|
||||
"Broad Spectrum SPF 50", "50 convenient wipes", "Water Resistant (80 min)", "Enhanced protection for active days"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Add to Cart",
|
||||
href: "/cart?item=50-pack-spf50",
|
||||
},
|
||||
text: "Add to Cart", href: "/cart?item=50-pack-spf50"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "50-pack-spf75",
|
||||
name: "50 Pack - SPF 75",
|
||||
price: "$19.99",
|
||||
features: [
|
||||
"Broad Spectrum SPF 75",
|
||||
"50 convenient wipes",
|
||||
"Water Resistant (80 min)",
|
||||
"Maximum protection for intense sun",
|
||||
],
|
||||
id: "50-pack-spf75", name: "50 Pack - SPF 75", price: "$19.99", features: [
|
||||
"Broad Spectrum SPF 75", "50 convenient wipes", "Water Resistant (80 min)", "Maximum protection for intense sun"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Add to Cart",
|
||||
href: "/cart?item=50-pack-spf75",
|
||||
},
|
||||
text: "Add to Cart", href: "/cart?item=50-pack-spf75"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "25-pack-spf30",
|
||||
name: "25 Pack - SPF 30",
|
||||
price: "$7.99",
|
||||
features: [
|
||||
"Broad Spectrum SPF 30",
|
||||
"25 convenient wipes",
|
||||
"Travel-friendly size",
|
||||
"Great for trials",
|
||||
],
|
||||
id: "25-pack-spf30", name: "25 Pack - SPF 30", price: "$7.99", features: [
|
||||
"Broad Spectrum SPF 30", "25 convenient wipes", "Travel-friendly size", "Great for trials"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Add to Cart",
|
||||
href: "/cart?item=25-pack-spf30",
|
||||
},
|
||||
text: "Add to Cart", href: "/cart?item=25-pack-spf30"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "25-pack-spf50",
|
||||
name: "25 Pack - SPF 50",
|
||||
price: "$9.99",
|
||||
features: [
|
||||
"Broad Spectrum SPF 50",
|
||||
"25 convenient wipes",
|
||||
"Travel-friendly size",
|
||||
"Ideal for weekend trips",
|
||||
],
|
||||
id: "25-pack-spf50", name: "25 Pack - SPF 50", price: "$9.99", features: [
|
||||
"Broad Spectrum SPF 50", "25 convenient wipes", "Travel-friendly size", "Ideal for weekend trips"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Add to Cart",
|
||||
href: "/cart?item=25-pack-spf50",
|
||||
},
|
||||
text: "Add to Cart", href: "/cart?item=25-pack-spf50"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "25-pack-spf75",
|
||||
name: "25 Pack - SPF 75",
|
||||
price: "$15.99",
|
||||
features: [
|
||||
"Broad Spectrum SPF 75",
|
||||
"25 convenient wipes",
|
||||
"Travel-friendly size",
|
||||
"Compact maximum protection",
|
||||
],
|
||||
id: "25-pack-spf75", name: "25 Pack - SPF 75", price: "$15.99", features: [
|
||||
"Broad Spectrum SPF 75", "25 convenient wipes", "Travel-friendly size", "Compact maximum protection"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Add to Cart",
|
||||
href: "/cart?item=25-pack-spf75",
|
||||
},
|
||||
text: "Add to Cart", href: "/cart?item=25-pack-spf75"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -304,37 +183,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Busy Mom",
|
||||
company: "Family Fun Advocate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Busy Mom", company: "Family Fun Advocate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
role: "Outdoor Enthusiast",
|
||||
company: "Adventure Blogger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-beach_23-2149031173.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Mark L.", role: "Outdoor Enthusiast", company: "Adventure Blogger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-beach_23-2149031173.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Student Athlete",
|
||||
company: "College Swim Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Student Athlete", company: "College Swim Team", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Retired Teacher",
|
||||
company: "Gardening Club Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talking-confident-modern-conversation-male_1262-2454.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Retired Teacher", company: "Gardening Club Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talking-confident-modern-conversation-male_1262-2454.jpg"},
|
||||
]}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="Real people, real results. See why families, adventurers, and everyday users love Sunscreen Swipes for their effortless sun protection."
|
||||
@@ -346,25 +205,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are Sunscreen Swipes suitable for sensitive skin?",
|
||||
content: "Yes, our formula is dermatologist-tested and designed to be gentle enough for sensitive skin and all ages, including children.",
|
||||
},
|
||||
id: "1", title: "Are Sunscreen Swipes suitable for sensitive skin?", content: "Yes, our formula is dermatologist-tested and designed to be gentle enough for sensitive skin and all ages, including children."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How often should I reapply Sunscreen Swipes?",
|
||||
content: "For best protection, we recommend reapplying every two hours, or immediately after swimming, sweating, or towel drying.",
|
||||
},
|
||||
id: "2", title: "How often should I reapply Sunscreen Swipes?", content: "For best protection, we recommend reapplying every two hours, or immediately after swimming, sweating, or towel drying."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is the shelf life of Sunscreen Swipes?",
|
||||
content: "Our products have a shelf life of 2 years from the manufacturing date. Please check the packaging for the exact expiration date.",
|
||||
},
|
||||
id: "3", title: "What is the shelf life of Sunscreen Swipes?", content: "Our products have a shelf life of 2 years from the manufacturing date. Please check the packaging for the exact expiration date."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are Sunscreen Swipes waterproof?",
|
||||
content: "Sunscreen Swipes are water-resistant for up to 80 minutes, making them ideal for swimming and active lifestyles. Reapply after 80 minutes of swimming or sweating.",
|
||||
},
|
||||
id: "4", title: "Are Sunscreen Swipes waterproof?", content: "Sunscreen Swipes are water-resistant for up to 80 minutes, making them ideal for swimming and active lifestyles. Reapply after 80 minutes of swimming or sweating."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Everything you need to know about Sunscreen Swipes – from application tips to ingredient details."
|
||||
@@ -377,63 +224,39 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
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: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "All Products", href: "/shop"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -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