Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Highlights", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "#faqs",
|
||||
},
|
||||
name: "FAQs", id: "#faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/assortment-blue-round-labels-summer_23-2147624487.jpg"
|
||||
logoAlt="BeachVibes Logo"
|
||||
@@ -62,49 +50,28 @@ export default function LandingPage() {
|
||||
bottomLeftText="Global Community"
|
||||
bottomRightText="support@beachvibes.com"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Summer Starts Here—Complete Beach Days"
|
||||
description="Shop premium water toys, inflatables, and essentials in one place. From splashworthy fun to sunsmart protection."
|
||||
tag="Make Waves"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Summer Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Summer Collection", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fond-caucasian-couple-summer-vacation-bearded-man-woman-casual-clothes-sitting-blanket-hugging-shoulder-love-travelling-tenderness-concept_74855-22911.jpg",
|
||||
imageAlt: "Happy family playing on the beach",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fond-caucasian-couple-summer-vacation-bearded-man-woman-casual-clothes-sitting-blanket-hugging-shoulder-love-travelling-tenderness-concept_74855-22911.jpg", imageAlt: "Happy family playing on the beach"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-children-with-inflatable-mattresses-beach_23-2148205791.jpg",
|
||||
imageAlt: "Colorful inflatable water toys",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-family-five-playing-sea-beach_1398-4074.jpg",
|
||||
imageAlt: "Positive family of five playing at sea beach",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-children-walking-beach-sunny-day-african-american-family-spending-time-together-open-air-leisure-family-time-parenting-concept_74855-24483.jpg",
|
||||
imageAlt: "Mother and children walking on beach on sunny day. African American family spending time together on open air. Leisure, family time, parenting concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-family-beach_1157-4516.jpg",
|
||||
imageAlt: "beautiful family on the beach",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-children-with-inflatable-mattresses-beach_23-2148205791.jpg", imageAlt: "Colorful inflatable water toys"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -120,23 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Splashworthy Toys",
|
||||
description: "Inflatables, games, and gadgets for endless water fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-kids-rain-boots-playing-with-paper-ship-by-puddle_1157-36234.jpg",
|
||||
imageAlt: "Colorful water toys",
|
||||
},
|
||||
title: "Splashworthy Toys", description: "Inflatables, games, and gadgets for endless water fun.", imageSrc: "http://img.b2bpic.net/free-photo/funny-kids-rain-boots-playing-with-paper-ship-by-puddle_1157-36234.jpg", imageAlt: "Colorful water toys"},
|
||||
{
|
||||
title: "Sunsmart Essentials",
|
||||
description: "Hats, towels, and eco-friendly sunscreens for safe enjoyment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-hat-grass-with-sunglasses_23-2147640406.jpg",
|
||||
imageAlt: "Beach essentials like sunscreen and hat",
|
||||
},
|
||||
title: "Sunsmart Essentials", description: "Hats, towels, and eco-friendly sunscreens for safe enjoyment.", imageSrc: "http://img.b2bpic.net/free-photo/summer-hat-grass-with-sunglasses_23-2147640406.jpg", imageAlt: "Beach essentials like sunscreen and hat"},
|
||||
{
|
||||
title: "Beach Day Bundles",
|
||||
description: "Curated kits for families and adventurers, ready for your next trip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440659.jpg",
|
||||
imageAlt: "Beach day bundle gift set",
|
||||
},
|
||||
title: "Beach Day Bundles", description: "Curated kits for families and adventurers, ready for your next trip.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440659.jpg", imageAlt: "Beach day bundle gift set"},
|
||||
]}
|
||||
title="Dive Into Fun: Categories You'll Love"
|
||||
description="Whether you're looking for thrilling water activities or essential sun protection, we have everything to make your beach day perfect."
|
||||
@@ -152,47 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Giant Inflatable Flamingo",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-summer-pool-float_23-2151159970.jpg",
|
||||
imageAlt: "Giant inflatable flamingo pool float",
|
||||
},
|
||||
id: "p1", name: "Giant Inflatable Flamingo", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/view-summer-pool-float_23-2151159970.jpg", imageAlt: "Giant inflatable flamingo pool float"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "UV Protection Beach Umbrella",
|
||||
price: "$79.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-umbrella-lounge-beautiful-beach-sea-ocean-sky_74190-9964.jpg",
|
||||
imageAlt: "Large UV protection beach umbrella",
|
||||
},
|
||||
id: "p2", name: "UV Protection Beach Umbrella", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/chair-umbrella-lounge-beautiful-beach-sea-ocean-sky_74190-9964.jpg", imageAlt: "Large UV protection beach umbrella"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Waterproof Bluetooth Speaker",
|
||||
price: "$34.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-round-white-bluetooth-speaker-gray-laptop-smartphone-side_181624-3694.jpg",
|
||||
imageAlt: "Waterproof Bluetooth speaker",
|
||||
},
|
||||
id: "p3", name: "Waterproof Bluetooth Speaker", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-photo/large-round-white-bluetooth-speaker-gray-laptop-smartphone-side_181624-3694.jpg", imageAlt: "Waterproof Bluetooth speaker"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Quick-Dry Microfiber Towel Set",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soap-towel_23-2147999938.jpg",
|
||||
imageAlt: "Stack of quick-dry microfiber beach towels",
|
||||
},
|
||||
id: "p4", name: "Quick-Dry Microfiber Towel Set", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/soap-towel_23-2147999938.jpg", imageAlt: "Stack of quick-dry microfiber beach towels"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Snorkel & Mask Set",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diver-laying-down-with-flippers_23-2147647147.jpg",
|
||||
imageAlt: "Snorkel and mask set",
|
||||
},
|
||||
id: "p5", name: "Snorkel & Mask Set", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/diver-laying-down-with-flippers_23-2147647147.jpg", imageAlt: "Snorkel and mask set"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Floating Volleyball Net",
|
||||
price: "$69.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flamingo-float-around-swimming-pool-hotel-resort_74190-9868.jpg",
|
||||
imageAlt: "Floating volleyball net in a pool",
|
||||
},
|
||||
id: "p6", name: "Floating Volleyball Net", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-photo/flamingo-float-around-swimming-pool-hotel-resort_74190-9868.jpg", imageAlt: "Floating volleyball net in a pool"},
|
||||
]}
|
||||
title="Best Sellers for Unforgettable Beach Days"
|
||||
description="Explore our top-rated selection of water toys and beach essentials, designed for maximum fun and protection."
|
||||
@@ -207,29 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Happy Customers",
|
||||
description: "Joining our community of beach adventurers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-people-doing-volunteer-work_23-2149012263.jpg",
|
||||
imageAlt: "Group of happy people",
|
||||
},
|
||||
id: "m1", value: "10K+", title: "Happy Customers", description: "Joining our community of beach adventurers.", imageSrc: "http://img.b2bpic.net/free-photo/different-people-doing-volunteer-work_23-2149012263.jpg", imageAlt: "Group of happy people"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Products Shipped",
|
||||
description: "Delivered smiles across the globe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-group-preparing-parcels-managing-stock-organized-warehouse-depot_482257-134846.jpg",
|
||||
imageAlt: "Packages ready for shipment",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Products Shipped", description: "Delivered smiles across the globe.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-group-preparing-parcels-managing-stock-organized-warehouse-depot_482257-134846.jpg", imageAlt: "Packages ready for shipment"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5 Stars",
|
||||
title: "Average Rating",
|
||||
description: "Consistently high quality, loved by everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-check-mark-gold-circle_84443-94487.jpg",
|
||||
imageAlt: "Five stars rating icon",
|
||||
},
|
||||
id: "m3", value: "5 Stars", title: "Average Rating", description: "Consistently high quality, loved by everyone.", imageSrc: "http://img.b2bpic.net/free-photo/green-check-mark-gold-circle_84443-94487.jpg", imageAlt: "Five stars rating icon"},
|
||||
]}
|
||||
title="Trusted by Beach Lovers Worldwide"
|
||||
description="Our commitment to quality and fun has earned us the trust of thousands of happy customers globally."
|
||||
@@ -245,50 +152,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Mom of Two",
|
||||
company: "Family Fun Day",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-drawing-park_1157-18980.jpg",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Mom of Two", company: "Family Fun Day", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-drawing-park_1157-18980.jpg", imageAlt: "Sarah J."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
role: "Travel Blogger",
|
||||
company: "Wanderlust Adventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-woman-beach-skirt-knitted-top-straw-hat_343596-1328.jpg",
|
||||
imageAlt: "Mike R.",
|
||||
},
|
||||
id: "t2", name: "Mike R.", role: "Travel Blogger", company: "Wanderlust Adventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-woman-beach-skirt-knitted-top-straw-hat_343596-1328.jpg", imageAlt: "Mike R."},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily C.",
|
||||
role: "Summer Enthusiast",
|
||||
company: "Sunny Getaways",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sunglasses-sunbathing-beach-woman-with-glass-with-bright-cold-beverage_74855-20275.jpg",
|
||||
imageAlt: "Emily C.",
|
||||
},
|
||||
id: "t3", name: "Emily C.", role: "Summer Enthusiast", company: "Sunny Getaways", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sunglasses-sunbathing-beach-woman-with-glass-with-bright-cold-beverage_74855-20275.jpg", imageAlt: "Emily C."},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Beach Sports Fan",
|
||||
company: "Active Shores",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-ocean-coast-running-along-seashore_1321-843.jpg",
|
||||
imageAlt: "David L.",
|
||||
},
|
||||
id: "t4", name: "David L.", role: "Beach Sports Fan", company: "Active Shores", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-ocean-coast-running-along-seashore_1321-843.jpg", imageAlt: "David L."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
role: "Gift Buyer",
|
||||
company: "Thoughtful Presents",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg",
|
||||
imageAlt: "Jessica M.",
|
||||
},
|
||||
id: "t5", name: "Jessica M.", role: "Gift Buyer", company: "Thoughtful Presents", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg", imageAlt: "Jessica M."},
|
||||
]}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="Real stories from families and adventurers who love our products."
|
||||
@@ -301,14 +178,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Forbes",
|
||||
"Traveler Magazine",
|
||||
"Outdoor Living",
|
||||
"Beach Life Daily",
|
||||
"Voyage Collective",
|
||||
"Sun & Sand Blog",
|
||||
"Adventure Gear",
|
||||
]}
|
||||
"Forbes", "Traveler Magazine", "Outdoor Living", "Beach Life Daily", "Voyage Collective", "Sun & Sand Blog", "Adventure Gear"]}
|
||||
title="Featured In"
|
||||
description="Our products have been recognized by leading publications and outdoor enthusiasts."
|
||||
tag="As Seen On"
|
||||
@@ -321,35 +191,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What materials are your products made from?",
|
||||
content: "Our products are crafted from durable, eco-friendly, and non-toxic materials, ensuring safety and longevity for all ages.",
|
||||
},
|
||||
id: "faq1", title: "What materials are your products made from?", content: "Our products are crafted from durable, eco-friendly, and non-toxic materials, ensuring safety and longevity for all ages."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we offer worldwide shipping! Shipping costs and delivery times vary by destination. Please see our shipping policy for details.",
|
||||
},
|
||||
id: "faq2", title: "Do you ship internationally?", content: "Yes, we offer worldwide shipping! Shipping costs and delivery times vary by destination. Please see our shipping policy for details."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day satisfaction guarantee. If you're not happy with your purchase, you can return it for a full refund. Conditions apply.",
|
||||
},
|
||||
id: "faq3", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If you're not happy with your purchase, you can return it for a full refund. Conditions apply."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are your products suitable for all ages?",
|
||||
content: "Many of our products are designed for family fun, with age recommendations specified on each product page. Always check product details for suitability.",
|
||||
},
|
||||
id: "faq4", title: "Are your products suitable for all ages?", content: "Many of our products are designed for family fun, with age recommendations specified on each product page. Always check product details for suitability."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "How do I care for my inflatable products?",
|
||||
content: "To ensure the longevity of inflatables, clean with mild soap and water, fully dry before storage, and store in a cool, dry place away from direct sunlight.",
|
||||
},
|
||||
id: "faq5", title: "How do I care for my inflatable products?", content: "To ensure the longevity of inflatables, clean with mild soap and water, fully dry before storage, and store in a cool, dry place away from direct sunlight."},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "Do you offer gift wrapping or personalized messages?",
|
||||
content: "Yes, we offer gift wrapping services and the option to add a personalized message at checkout, perfect for special occasions.",
|
||||
},
|
||||
id: "faq6", title: "Do you offer gift wrapping or personalized messages?", content: "Yes, we offer gift wrapping services and the option to add a personalized message at checkout, perfect for special occasions."},
|
||||
]}
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to common questions about our products, shipping, and more."
|
||||
@@ -362,8 +214,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Have a question or need assistance? Our team is here to help make your beach days perfect."
|
||||
@@ -380,50 +231,31 @@ export default function LandingPage() {
|
||||
logoText="BeachVibes"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Water Toys",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Water Toys", href: "#products"},
|
||||
{
|
||||
label: "Beach Essentials",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Beach Essentials", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Customer Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faqs",
|
||||
},
|
||||
label: "FAQs", href: "#faqs"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user