Update src/app/page.tsx

This commit is contained in:
2026-05-08 17:06:35 +00:00
parent 0bb8c087bc
commit be21621ce0

View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Rentals", name: "Rentals", id: "#products"},
id: "#products",
},
{ {
name: "Safety", name: "Safety", id: "#safety"},
id: "#safety",
},
{ {
name: "Support", name: "Support", id: "#faq"},
id: "#faq",
},
]} ]}
brandName="KayakExplore" brandName="KayakExplore"
/> />
@@ -54,15 +46,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Experience the Water Like Never Before" title="Experience the Water Like Never Before"
description="Rent high-quality kayaks and discover pristine nature routes. Easy booking, safety first, and unforgettable memories await." description="Rent high-quality kayaks and discover pristine nature routes. Easy booking, safety first, and unforgettable memories await."
buttons={[ buttons={[
{ {
text: "Book Now", text: "Book Now", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d9e1o1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d9e1o1"
imageAlt="Kayak adventure on a peaceful lake" imageAlt="Kayak adventure on a peaceful lake"
@@ -75,23 +64,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Top-Tier Gear", title: "Top-Tier Gear", description: "Well-maintained kayaks suited for all skill levels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f2trq7", imageAlt: "High quality kayaks"},
description: "Well-maintained kayaks suited for all skill levels.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f2trq7",
imageAlt: "High quality kayaks",
},
{ {
title: "Route Guidance", title: "Route Guidance", description: "Expertly mapped trails for every experience level.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d0ohcj", imageAlt: "Map guide"},
description: "Expertly mapped trails for every experience level.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d0ohcj",
imageAlt: "Map guide",
},
{ {
title: "Safety First", title: "Safety First", description: "Certified life vests and safety briefings provided.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6m1091", imageAlt: "Safety equipment"},
description: "Certified life vests and safety briefings provided.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6m1091",
imageAlt: "Safety equipment",
},
]} ]}
title="Why Choose Us" title="Why Choose Us"
description="We provide everything you need for a safe and enjoyable journey on the water." description="We provide everything you need for a safe and enjoyable journey on the water."
@@ -106,47 +83,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "Recreational Single", price: "$30/day", variant: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8r9sz"},
name: "Recreational Single",
price: "$30/day",
variant: "Standard",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8r9sz",
},
{ {
id: "2", id: "2", name: "Tandem Explorer", price: "$50/day", variant: "Double", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uc96y9"},
name: "Tandem Explorer",
price: "$50/day",
variant: "Double",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uc96y9",
},
{ {
id: "3", id: "3", name: "Pro Angler", price: "$45/day", variant: "Fishing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g4o35t"},
name: "Pro Angler",
price: "$45/day",
variant: "Fishing",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g4o35t",
},
{ {
id: "4", id: "4", name: "White Water King", price: "$60/day", variant: "Performance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55uckf"},
name: "White Water King",
price: "$60/day",
variant: "Performance",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55uckf",
},
{ {
id: "5", id: "5", name: "Sea Touring", price: "$55/day", variant: "Touring", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=662ow1"},
name: "Sea Touring",
price: "$55/day",
variant: "Touring",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=662ow1",
},
{ {
id: "6", id: "6", name: "Portable Inflatable", price: "$35/day", variant: "Easy-Carry", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7qjziv"},
name: "Portable Inflatable",
price: "$35/day",
variant: "Easy-Carry",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7qjziv",
},
]} ]}
title="Our Kayak Fleet" title="Our Kayak Fleet"
description="Select the perfect kayak for your next adventure." description="Select the perfect kayak for your next adventure."
@@ -160,20 +107,11 @@ export default function LandingPage() {
tag="Trusted Quality" tag="Trusted Quality"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10k+", description: "Safe Trips Completed"},
value: "10k+",
description: "Safe Trips Completed",
},
{ {
id: "m2", id: "m2", value: "50+", description: "Expertly Mapped Routes"},
value: "50+",
description: "Expertly Mapped Routes",
},
{ {
id: "m3", id: "m3", value: "99.9%", description: "Customer Satisfaction"},
value: "99.9%",
description: "Customer Satisfaction",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -186,45 +124,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alice T.", handle: "@alicet", testimonial: "Best kayaking experience ever! The gear was perfect.", rating: 5,
name: "Alice T.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3toea5"},
handle: "@alicet",
testimonial: "Best kayaking experience ever! The gear was perfect.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3toea5",
},
{ {
id: "2", id: "2", name: "Ben K.", handle: "@benk", testimonial: "Very friendly staff and beautiful routes. Will come back.", rating: 5,
name: "Ben K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vlds2u"},
handle: "@benk",
testimonial: "Very friendly staff and beautiful routes. Will come back.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vlds2u",
},
{ {
id: "3", id: "3", name: "Charlie D.", handle: "@charlied", testimonial: "Highly recommend the tandem rentals. So stable!", rating: 5,
name: "Charlie D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ut3x3u"},
handle: "@charlied",
testimonial: "Highly recommend the tandem rentals. So stable!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ut3x3u",
},
{ {
id: "4", id: "4", name: "Dana R.", handle: "@danar", testimonial: "Great rates and safety briefings. Felt well looked after.", rating: 5,
name: "Dana R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qabq65"},
handle: "@danar",
testimonial: "Great rates and safety briefings. Felt well looked after.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qabq65",
},
{ {
id: "5", id: "5", name: "Evan G.", handle: "@evang", testimonial: "Incredible scenery and equipment quality is top notch.", rating: 5,
name: "Evan G.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ms2v4g"},
handle: "@evang",
testimonial: "Incredible scenery and equipment quality is top notch.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ms2v4g",
},
]} ]}
showRating={true} showRating={true}
title="What Our Explorers Say" title="What Our Explorers Say"
@@ -237,20 +150,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do I need experience?", content: "Not at all! Our guided routes and premium gear ensure a perfect, stress-free outing even for absolute beginners."},
title: "Do I need experience?",
content: "Not at all! We offer basic safety briefings for beginners.",
},
{ {
id: "f2", id: "f2", title: "Are life vests included?", content: "Yes, high-quality PFDs are included with every rental."},
title: "Are life vests included?",
content: "Yes, high-quality PFDs are included with every rental.",
},
{ {
id: "f3", id: "f3", title: "Can I bring my dog?", content: "Unfortunately, no pets allowed on our premium kayak fleet."},
title: "Can I bring my dog?",
content: "Unfortunately, no pets allowed on our premium kayak fleet.",
},
]} ]}
sideTitle="Frequently Asked" sideTitle="Frequently Asked"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -261,8 +165,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Join Us" tag="Join Us"
title="Ready to Paddle?" title="Ready to Paddle?"
description="Sign up for our newsletter for seasonal rental discounts." description="Sign up for our newsletter for seasonal rental discounts."
@@ -274,42 +177,27 @@ export default function LandingPage() {
logoText="KayakExplore" logoText="KayakExplore"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About", label: "About", href: "#"},
href: "#",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}