Merge version_1 into main #2
367
src/app/page.tsx
367
src/app/page.tsx
@@ -15,276 +15,121 @@ import { Leaf, Users, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="La Plajă Nouă"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="La Plajă Nouă"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Escape the heat. Find your place in nature."
|
||||
description="Wakeboarding, cold drinks, forest shade, and good times — just outside Timișoara. Whether you're chasing adrenaline or seeking weekend calm, La Plajă Nouă is where summer happens."
|
||||
tag="Your Summer Escape"
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg?_wi=1",
|
||||
imageAlt: "Wakeboarding on the lake",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-lying-chaises-near-swimming-pool_176420-4067.jpg?_wi=1",
|
||||
imageAlt: "Forest shade area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg?_wi=2",
|
||||
imageAlt: "Summer lake relaxation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-lying-chaises-near-swimming-pool_176420-4067.jpg?_wi=2",
|
||||
imageAlt: "Wakeboarding action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg?_wi=3",
|
||||
imageAlt: "Nature escape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-lying-chaises-near-swimming-pool_176420-4067.jpg?_wi=3",
|
||||
imageAlt: "Social summer vibes",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Escape the heat. Find your place in nature."
|
||||
description="Wakeboarding, cold drinks, forest shade, and good times — just outside Timișoara. Whether you're chasing adrenaline or seeking weekend calm, La Plajă Nouă is where summer happens."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Your Summer Escape"
|
||||
buttons={[{ text: "Plan Your Visit", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg", imageAlt: "Wakeboarding on the lake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-lying-chaises-near-swimming-pool_176420-4067.jpg", imageAlt: "Forest shade area" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg", imageAlt: "Summer lake relaxation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-lying-chaises-near-swimming-pool_176420-4067.jpg", imageAlt: "Wakeboarding action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg", imageAlt: "Nature escape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-lying-chaises-near-swimming-pool_176420-4067.jpg", imageAlt: "Social summer vibes" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nature-Based Adventure Near You"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our Mission",
|
||||
href: "#experience",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Nature-Based Adventure Near You"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Learn About Our Mission", href: "#experience" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Adrenaline Wakeboarding",
|
||||
description: "Challenge yourself or learn the basics on our dedicated wakeboarding course.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-kitesurf-board_23-2148197350.jpg?_wi=1",
|
||||
imageAlt: "Wakeboarding action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-kitesurf-board_23-2148197350.jpg?_wi=2",
|
||||
imageAlt: "Wakeboarding course",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Deep Forest Shade",
|
||||
description: "Cool down under the natural canopy, perfect for hot summer afternoons.",
|
||||
icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-running-forest_23-2147618051.jpg?_wi=1",
|
||||
imageAlt: "Forest shade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-running-forest_23-2147618051.jpg?_wi=2",
|
||||
imageAlt: "Outdoor relaxation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social Spaces",
|
||||
description: "Gather your friends for drinks and food in our nature-integrated lounge zones.",
|
||||
icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg?_wi=4",
|
||||
imageAlt: "Social area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg?_wi=5",
|
||||
imageAlt: "Group hangout",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="The La Plajă Nouă Experience"
|
||||
description="More than just a beach. We blend adrenaline and tranquility to create the perfect summer getaway."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyFive
|
||||
title="The La Plajă Nouă Experience"
|
||||
description="More than just a beach. We blend adrenaline and tranquility to create the perfect summer getaway."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Adrenaline Wakeboarding", description: "Challenge yourself or learn the basics on our dedicated wakeboarding course.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-kitesurf-board_23-2148197350.jpg", imageAlt: "Wakeboarding action" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-kitesurf-board_23-2148197350.jpg", imageAlt: "Wakeboarding course" }] },
|
||||
{ title: "Deep Forest Shade", description: "Cool down under the natural canopy, perfect for hot summer afternoons.", icon: Leaf, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/athlete-running-forest_23-2147618051.jpg", imageAlt: "Forest shade" }, { imageSrc: "http://img.b2bpic.net/free-photo/athlete-running-forest_23-2147618051.jpg", imageAlt: "Outdoor relaxation" }] },
|
||||
{ title: "Social Spaces", description: "Gather your friends for drinks and food in our nature-integrated lounge zones.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg", imageAlt: "Social area" }, { imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg", imageAlt: "Group hangout" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Maria",
|
||||
date: "July 2024",
|
||||
title: "Adventure Seeker",
|
||||
quote: "The best wakeboarding spot! It's so refreshing to be in the forest shade afterward.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-adorable-young-girl-smiling_23-2148675715.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-life-after-covid-freedom_23-2149121922.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Ionescu",
|
||||
date: "June 2024",
|
||||
title: "Family Dad",
|
||||
quote: "Finally a place where kids can run free in nature while we enjoy a cold drink.",
|
||||
tag: "Family",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-dad-kids-opening-gifts_23-2149145015.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-sisters-white-dresses-with-long-hair-field_1157-37966.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Popa",
|
||||
date: "August 2024",
|
||||
title: "Weekend Explorer",
|
||||
quote: "Such a vibe! Perfect for gathering with friends on a hot day. Highly recommended.",
|
||||
tag: "Social",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/concentrated-young-african-man-early-morning-with-bicycle_171337-12956.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-couple-spending-afternoon-lake_1153-421.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stefan Matei",
|
||||
date: "June 2024",
|
||||
title: "Team Leader",
|
||||
quote: "We brought our whole team here for a day out. Truly a unique venue experience.",
|
||||
tag: "Corporate",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-son-playing-with-paper-boats-by-lake_158595-1795.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices from the Lake"
|
||||
description="See why our visitors keep coming back for more summer fun."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Voices from the Lake"
|
||||
description="See why our visitors keep coming back for more summer fun."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ana Maria", date: "July 2024", title: "Adventure Seeker", quote: "The best wakeboarding spot! It's so refreshing to be in the forest shade afterward.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-adorable-young-girl-smiling_23-2148675715.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-life-after-covid-freedom_23-2149121922.jpg" },
|
||||
{ id: "2", name: "David Ionescu", date: "June 2024", title: "Family Dad", quote: "Finally a place where kids can run free in nature while we enjoy a cold drink.", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-dad-kids-opening-gifts_23-2149145015.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-sisters-white-dresses-with-long-hair-field_1157-37966.jpg" },
|
||||
{ id: "3", name: "Elena Popa", date: "August 2024", title: "Weekend Explorer", quote: "Such a vibe! Perfect for gathering with friends on a hot day. Highly recommended.", tag: "Social", avatarSrc: "http://img.b2bpic.net/free-photo/concentrated-young-african-man-early-morning-with-bicycle_171337-12956.jpg", imageSrc: "http://img.b2bpic.net/free-photo/funny-couple-spending-afternoon-lake_1153-421.jpg" },
|
||||
{ id: "4", name: "Stefan Matei", date: "June 2024", title: "Team Leader", quote: "We brought our whole team here for a day out. Truly a unique venue experience.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mom-son-playing-with-paper-boats-by-lake_158595-1795.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Booking is recommended for group events and wakeboarding sessions to ensure availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it accessible?",
|
||||
content: "Our venue is integrated into nature. While some areas are rustic, we strive to make the main social areas welcoming for everyone.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there food options?",
|
||||
content: "Yes, we have a selection of drinks and light snacks available on-site for all guests.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about your trip."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about your trip."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need to book in advance?", content: "Booking is recommended for group events and wakeboarding sessions to ensure availability." },
|
||||
{ id: "f2", title: "Is it accessible?", content: "Our venue is integrated into nature. While some areas are rustic, we strive to make the main social areas welcoming for everyone." },
|
||||
{ id: "f3", title: "Are there food options?", content: "Yes, we have a selection of drinks and light snacks available on-site for all guests." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Plan Your Visit Today"
|
||||
description="Reach out to reserve your spot, inquire about group events, or simply say hi. Let's make this summer unforgettable."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get in touch"
|
||||
title="Plan Your Visit Today"
|
||||
description="Reach out to reserve your spot, inquire about group events, or simply say hi. Let's make this summer unforgettable."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="La Plajă Nouă"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Adventure",
|
||||
href: "#experience",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="La Plajă Nouă"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Adventure", href: "#experience" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user