Merge version_2 into main #1
284
src/app/page.tsx
284
src/app/page.tsx
@@ -33,26 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Attractions",
|
||||
id: "features",
|
||||
},
|
||||
name: "Attractions", id: "features"},
|
||||
{
|
||||
name: "Tickets",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Tickets", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Book Now", href: "#pricing"}}
|
||||
brandName="SplashZone"
|
||||
/>
|
||||
</div>
|
||||
@@ -60,65 +50,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
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!"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-parents-their-daughter-rubber-ring-are-swimming-pool_1268-23288.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-parents-their-daughter-rubber-ring-are-swimming-pool_1268-23288.jpg", 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",
|
||||
alt: "User 2",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/parents-teaching-their-daughter-swimming-pool_1268-23312.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/parents-teaching-their-daughter-swimming-pool_1268-23312.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-women-relaxing-swimming-pool-drinking-cocktails-cheers_496169-1990.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-women-relaxing-swimming-pool-drinking-cocktails-cheers_496169-1990.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-parents-two-kids-are-swimming-pool_1268-23276.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-parents-two-kids-are-swimming-pool_1268-23276.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy splashers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Tickets",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Your Adventure", href: "#pricing"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Open Daily 10AM-8PM",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Open Daily 10AM-8PM", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Lifeguards",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Certified Lifeguards", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Friendly Zones",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Family Friendly Zones", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sun Protection Available",
|
||||
icon: Sun,
|
||||
type: "text-icon", text: "Sun Protection Available", icon: Sun,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free WiFi & Lockers",
|
||||
icon: Wifi,
|
||||
type: "text-icon", text: "Free WiFi & Lockers", icon: Wifi,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -144,29 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Turbo Slides",
|
||||
descriptions: [
|
||||
"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: "f1", title: "Turbo Slides", descriptions: [
|
||||
"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",
|
||||
title: "Lazy River",
|
||||
descriptions: [
|
||||
"Drift slowly through our lush tropical landscape.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swan-swimming-lake_1150-11152.jpg",
|
||||
},
|
||||
id: "f2", title: "Lazy River", descriptions: [
|
||||
"Drift slowly through our lush tropical landscape."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swan-swimming-lake_1150-11152.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Kids Splash Pad",
|
||||
descriptions: [
|
||||
"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",
|
||||
},
|
||||
id: "f3", title: "Kids Splash Pad", descriptions: [
|
||||
"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"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "SolarGuard",
|
||||
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: "p1", brand: "SolarGuard", 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",
|
||||
brand: "ClearView",
|
||||
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: "p2", brand: "ClearView", 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",
|
||||
brand: "SoftTouch",
|
||||
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: "p3", brand: "SoftTouch", 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",
|
||||
brand: "AquaDry",
|
||||
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: "p4", brand: "AquaDry", 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",
|
||||
brand: "ProDive",
|
||||
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: "p5", brand: "ProDive", 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",
|
||||
brand: "LittleSwimmer",
|
||||
name: "Floatie Armbands",
|
||||
price: "$7.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-wearing-bikini_23-2149562217.jpg",
|
||||
},
|
||||
id: "p6", brand: "LittleSwimmer", 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"
|
||||
description="Need sunscreen or goggles? Grab your gear before hitting the water."
|
||||
@@ -247,54 +166,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "day-pass",
|
||||
badge: "Most Popular",
|
||||
price: "$35",
|
||||
subtitle: "Valid for a full day of fun",
|
||||
features: [
|
||||
"Access to all slides",
|
||||
"Lazy river entry",
|
||||
"Free locker use",
|
||||
],
|
||||
id: "day-pass", badge: "Most Popular", price: "$35", subtitle: "Valid for a full day of fun", features: [
|
||||
"Access to all slides", "Lazy river entry", "Free locker use"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "family-pass",
|
||||
badge: "Savings",
|
||||
price: "$120",
|
||||
subtitle: "For 2 adults + 2 children",
|
||||
features: [
|
||||
"All day passes included",
|
||||
"Priority boarding",
|
||||
"4 Meal vouchers",
|
||||
],
|
||||
id: "family-pass", badge: "Savings", price: "$120", subtitle: "For 2 adults + 2 children", features: [
|
||||
"All day passes included", "Priority boarding", "4 Meal vouchers"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip-pass",
|
||||
badge: "Premium",
|
||||
price: "$60",
|
||||
subtitle: "VIP experience",
|
||||
features: [
|
||||
"Fast-track entry",
|
||||
"Private cabana access",
|
||||
"Full-day meal pass",
|
||||
],
|
||||
id: "vip-pass", badge: "Premium", price: "$60", subtitle: "VIP experience", features: [
|
||||
"Fast-track entry", "Private cabana access", "Full-day meal pass"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -311,25 +203,15 @@ export default function LandingPage() {
|
||||
author="The Johnson Family"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ginger-father-daughter-posing-pool-outfits_273609-31846.jpg",
|
||||
alt: "Author 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ginger-father-daughter-posing-pool-outfits_273609-31846.jpg", alt: "Author 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-water-tropical-fruits-summertime_23-2151657013.jpg",
|
||||
alt: "Author 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-water-tropical-fruits-summertime_23-2151657013.jpg", alt: "Author 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-her-parents-spending-time-swimming-pool_259150-59156.jpg",
|
||||
alt: "Author 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-her-parents-spending-time-swimming-pool_259150-59156.jpg", 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",
|
||||
alt: "Author 4",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-parents-holding-their-smiling-son-while-swimming-pool_1268-23304.jpg",
|
||||
alt: "Author 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-parents-holding-their-smiling-son-while-swimming-pool_1268-23304.jpg", alt: "Author 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -342,25 +224,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are swimsuits required?",
|
||||
content: "Yes, proper swimwear is required for all guests.",
|
||||
},
|
||||
id: "q1", title: "Are swimsuits required?", content: "Yes, proper swimwear is required for all guests."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can we bring outside food?",
|
||||
content: "No, we have plenty of restaurants and snack bars inside.",
|
||||
},
|
||||
id: "q2", title: "Can we bring outside food?", content: "No, we have plenty of restaurants and snack bars inside."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes, we have free parking for all guests.",
|
||||
},
|
||||
id: "q3", title: "Is there parking available?", content: "Yes, we have free parking for all guests."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are lockers rentable?",
|
||||
content: "Absolutely, lockers are available near the entrance.",
|
||||
},
|
||||
id: "q4", title: "Are lockers rentable?", content: "Absolutely, lockers are available near the entrance."},
|
||||
]}
|
||||
title="Got Questions?"
|
||||
description="Here is everything you need to know for your perfect day at SplashZone."
|
||||
@@ -372,16 +242,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking Info"
|
||||
title="Ready to Book?"
|
||||
description="Secure your spot online and save time. Our team is here to assist with any booking inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:info@splashzone.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:info@splashzone.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -391,42 +258,27 @@ export default function LandingPage() {
|
||||
logoText="SplashZone"
|
||||
columns={[
|
||||
{
|
||||
title: "Park Info",
|
||||
items: [
|
||||
title: "Park Info", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Attractions",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Attractions", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Tickets",
|
||||
items: [
|
||||
title: "Tickets", items: [
|
||||
{
|
||||
label: "Online Booking",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Online Booking", href: "#pricing"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -435,4 +287,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user