Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e7ce94cb32 |
282
src/app/page.tsx
282
src/app/page.tsx
@@ -33,26 +33,16 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Attractions",
|
name: "Attractions", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Tickets",
|
name: "Tickets", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#pricing"}}
|
||||||
href: "#pricing",
|
|
||||||
}}
|
|
||||||
brandName="SplashZone"
|
brandName="SplashZone"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -60,65 +50,42 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Make a Splash at SplashZone"
|
title="Make a Splash at SplashZone"
|
||||||
description="The ultimate destination for aquatic fun, adrenaline-pumping slides, and relaxing lazy rivers. Book your tickets online and jump straight into the fun!"
|
description="The ultimate destination for aquatic fun, adrenaline-pumping slides, and relaxing lazy rivers. Book your tickets online and jump straight into the fun!"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-parents-their-daughter-rubber-ring-are-swimming-pool_1268-23288.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-parents-their-daughter-rubber-ring-are-swimming-pool_1268-23288.jpg", alt: "User 1"},
|
||||||
alt: "User 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/blissful-curly-girl-with-bright-lipstick-making-selfie-rest-open-air-pool-sunny-day_197531-3365.jpg",
|
src: "http://img.b2bpic.net/free-photo/blissful-curly-girl-with-bright-lipstick-making-selfie-rest-open-air-pool-sunny-day_197531-3365.jpg", alt: "User 2"},
|
||||||
alt: "User 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/parents-teaching-their-daughter-swimming-pool_1268-23312.jpg",
|
src: "http://img.b2bpic.net/free-photo/parents-teaching-their-daughter-swimming-pool_1268-23312.jpg", alt: "User 3"},
|
||||||
alt: "User 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/two-young-women-relaxing-swimming-pool-drinking-cocktails-cheers_496169-1990.jpg",
|
src: "http://img.b2bpic.net/free-photo/two-young-women-relaxing-swimming-pool-drinking-cocktails-cheers_496169-1990.jpg", alt: "User 4"},
|
||||||
alt: "User 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-parents-two-kids-are-swimming-pool_1268-23276.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-parents-two-kids-are-swimming-pool_1268-23276.jpg", alt: "User 5"},
|
||||||
alt: "User 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 10,000+ happy splashers"
|
avatarText="Join 10,000+ happy splashers"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Tickets",
|
text: "Start Your Adventure", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Open Daily 10AM-8PM", icon: Clock,
|
||||||
text: "Open Daily 10AM-8PM",
|
|
||||||
icon: Clock,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Certified Lifeguards", icon: ShieldCheck,
|
||||||
text: "Certified Lifeguards",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Family Friendly Zones", icon: Users,
|
||||||
text: "Family Friendly Zones",
|
|
||||||
icon: Users,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Sun Protection Available", icon: Sun,
|
||||||
text: "Sun Protection Available",
|
|
||||||
icon: Sun,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Free WiFi & Lockers", icon: Wifi,
|
||||||
text: "Free WiFi & Lockers",
|
|
||||||
icon: Wifi,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -144,29 +111,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Turbo Slides", descriptions: [
|
||||||
title: "Turbo Slides",
|
"High-speed drop slides for the brave hearts."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/colourful-plastic-slides-water-park-sunlight_1150-12379.jpg"},
|
||||||
"High-speed drop slides for the brave hearts.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-plastic-slides-water-park-sunlight_1150-12379.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Lazy River", descriptions: [
|
||||||
title: "Lazy River",
|
"Drift slowly through our lush tropical landscape."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/swan-swimming-lake_1150-11152.jpg"},
|
||||||
"Drift slowly through our lush tropical landscape.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swan-swimming-lake_1150-11152.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Kids Splash Pad", descriptions: [
|
||||||
title: "Kids Splash Pad",
|
"A safe area for little ones with gentle sprays."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-swimming-with-lifebuoy_23-2149046648.jpg"},
|
||||||
"A safe area for little ones with gentle sprays.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-swimming-with-lifebuoy_23-2149046648.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Attractions for Everyone"
|
title="Attractions for Everyone"
|
||||||
description="From high-speed tube slides to calm, drifting rivers, explore our diverse water attractions."
|
description="From high-speed tube slides to calm, drifting rivers, explore our diverse water attractions."
|
||||||
@@ -181,59 +136,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "SolarGuard", name: "Sunscreen SPF 50", price: "$12.00", rating: 5,
|
||||||
brand: "SolarGuard",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/beach-essentials-beach-bag-sunglasses-sunscreen-bikini-sand_23-2151991762.jpg"},
|
||||||
name: "Sunscreen SPF 50",
|
|
||||||
price: "$12.00",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-essentials-beach-bag-sunglasses-sunscreen-bikini-sand_23-2151991762.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "ClearView", name: "Swimming Goggles", price: "$15.00", rating: 4,
|
||||||
brand: "ClearView",
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-summer-accessories-table_23-2148515034.jpg"},
|
||||||
name: "Swimming Goggles",
|
|
||||||
price: "$15.00",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-summer-accessories-table_23-2148515034.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", brand: "SoftTouch", name: "Microfiber Towel", price: "$18.00", rating: 5,
|
||||||
brand: "SoftTouch",
|
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/white-blanket-concept-picnic_169016-5786.jpg"},
|
||||||
name: "Microfiber Towel",
|
|
||||||
price: "$18.00",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "210",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-blanket-concept-picnic_169016-5786.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", brand: "AquaDry", name: "Waterproof Pouch", price: "$9.00", rating: 4,
|
||||||
brand: "AquaDry",
|
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bag-floating-water_23-2151013926.jpg"},
|
||||||
name: "Waterproof Pouch",
|
|
||||||
price: "$9.00",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "56",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bag-floating-water_23-2151013926.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", brand: "ProDive", name: "Snorkel Set", price: "$25.00", rating: 5,
|
||||||
brand: "ProDive",
|
reviewCount: "99", imageSrc: "http://img.b2bpic.net/free-photo/pipe-shiny-vacation-lens-detail_1232-3094.jpg"},
|
||||||
name: "Snorkel Set",
|
|
||||||
price: "$25.00",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pipe-shiny-vacation-lens-detail_1232-3094.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", brand: "LittleSwimmer", name: "Floatie Armbands", price: "$7.00", rating: 5,
|
||||||
brand: "LittleSwimmer",
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-wearing-bikini_23-2149562217.jpg"},
|
||||||
name: "Floatie Armbands",
|
|
||||||
price: "$7.00",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "150",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-wearing-bikini_23-2149562217.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Essentials Shop"
|
title="Essentials Shop"
|
||||||
description="Need sunscreen or goggles? Grab your gear before hitting the water."
|
description="Need sunscreen or goggles? Grab your gear before hitting the water."
|
||||||
@@ -247,54 +166,27 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "day-pass",
|
id: "day-pass", badge: "Most Popular", price: "$35", subtitle: "Valid for a full day of fun", features: [
|
||||||
badge: "Most Popular",
|
"Access to all slides", "Lazy river entry", "Free locker use"],
|
||||||
price: "$35",
|
|
||||||
subtitle: "Valid for a full day of fun",
|
|
||||||
features: [
|
|
||||||
"Access to all slides",
|
|
||||||
"Lazy river entry",
|
|
||||||
"Free locker use",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "family-pass",
|
id: "family-pass", badge: "Savings", price: "$120", subtitle: "For 2 adults + 2 children", features: [
|
||||||
badge: "Savings",
|
"All day passes included", "Priority boarding", "4 Meal vouchers"],
|
||||||
price: "$120",
|
|
||||||
subtitle: "For 2 adults + 2 children",
|
|
||||||
features: [
|
|
||||||
"All day passes included",
|
|
||||||
"Priority boarding",
|
|
||||||
"4 Meal vouchers",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "vip-pass",
|
id: "vip-pass", badge: "Premium", price: "$60", subtitle: "VIP experience", features: [
|
||||||
badge: "Premium",
|
"Fast-track entry", "Private cabana access", "Full-day meal pass"],
|
||||||
price: "$60",
|
|
||||||
subtitle: "VIP experience",
|
|
||||||
features: [
|
|
||||||
"Fast-track entry",
|
|
||||||
"Private cabana access",
|
|
||||||
"Full-day meal pass",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -311,25 +203,15 @@ export default function LandingPage() {
|
|||||||
author="The Johnson Family"
|
author="The Johnson Family"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/ginger-father-daughter-posing-pool-outfits_273609-31846.jpg",
|
src: "http://img.b2bpic.net/free-photo/ginger-father-daughter-posing-pool-outfits_273609-31846.jpg", alt: "Author 1"},
|
||||||
alt: "Author 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-man-water-tropical-fruits-summertime_23-2151657013.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-man-water-tropical-fruits-summertime_23-2151657013.jpg", alt: "Author 2"},
|
||||||
alt: "Author 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cute-girl-her-parents-spending-time-swimming-pool_259150-59156.jpg",
|
src: "http://img.b2bpic.net/free-photo/cute-girl-her-parents-spending-time-swimming-pool_259150-59156.jpg", alt: "Author 3"},
|
||||||
alt: "Author 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/fashion-models-two-sexy-girls-elegant-swimming-suit-relaxing-near-swimming-pool-luxurious-villa-with-alcohol_496169-1988.jpg",
|
src: "http://img.b2bpic.net/free-photo/fashion-models-two-sexy-girls-elegant-swimming-suit-relaxing-near-swimming-pool-luxurious-villa-with-alcohol_496169-1988.jpg", alt: "Author 4"},
|
||||||
alt: "Author 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-parents-holding-their-smiling-son-while-swimming-pool_1268-23304.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-parents-holding-their-smiling-son-while-swimming-pool_1268-23304.jpg", alt: "Author 5"},
|
||||||
alt: "Author 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -342,25 +224,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Are swimsuits required?", content: "Yes, proper swimwear is required for all guests."},
|
||||||
title: "Are swimsuits required?",
|
|
||||||
content: "Yes, proper swimwear is required for all guests.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Can we bring outside food?", content: "No, we have plenty of restaurants and snack bars inside."},
|
||||||
title: "Can we bring outside food?",
|
|
||||||
content: "No, we have plenty of restaurants and snack bars inside.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Is there parking available?", content: "Yes, we have free parking for all guests."},
|
||||||
title: "Is there parking available?",
|
|
||||||
content: "Yes, we have free parking for all guests.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q4",
|
id: "q4", title: "Are lockers rentable?", content: "Absolutely, lockers are available near the entrance."},
|
||||||
title: "Are lockers rentable?",
|
|
||||||
content: "Absolutely, lockers are available near the entrance.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Got Questions?"
|
title="Got Questions?"
|
||||||
description="Here is everything you need to know for your perfect day at SplashZone."
|
description="Here is everything you need to know for your perfect day at SplashZone."
|
||||||
@@ -372,16 +242,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Booking Info"
|
tag="Booking Info"
|
||||||
title="Ready to Book?"
|
title="Ready to Book?"
|
||||||
description="Secure your spot online and save time. Our team is here to assist with any booking inquiries."
|
description="Secure your spot online and save time. Our team is here to assist with any booking inquiries."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Support",
|
text: "Contact Support", href: "mailto:info@splashzone.com"},
|
||||||
href: "mailto:info@splashzone.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -391,42 +258,27 @@ export default function LandingPage() {
|
|||||||
logoText="SplashZone"
|
logoText="SplashZone"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Park Info",
|
title: "Park Info", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Attractions",
|
label: "Attractions", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Tickets",
|
title: "Tickets", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Online Booking",
|
label: "Online Booking", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user