Merge version_1 into main #2
356
src/app/page.tsx
356
src/app/page.tsx
@@ -25,275 +25,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Our Fleet",
|
||||
id: "fleet",
|
||||
},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "membership",
|
||||
},
|
||||
{
|
||||
name: "Regattas & Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Academy",
|
||||
id: "academy",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="THE CLUB"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Fleet", id: "fleet" },
|
||||
{ name: "Membership", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="THE CLUB"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="MASTER THE ELEMENTS"
|
||||
description="EMBRACE THE OCEAN. JOIN AN EXCLUSIVE COMMUNITY OF SAILORS. YOUR NEXT GREAT ADVENTURE STARTS HERE."
|
||||
buttons={[
|
||||
{
|
||||
text: "JOIN THE CLUB",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg?_wi=1",
|
||||
imageAlt: "Luxury yacht sailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg?_wi=2",
|
||||
imageAlt: "Luxury yacht sunset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg?_wi=3",
|
||||
imageAlt: "Luxury yacht dark water",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg?_wi=4",
|
||||
imageAlt: "Luxury yacht club atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg?_wi=5",
|
||||
imageAlt: "High-end sailing aesthetic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg?_wi=6",
|
||||
imageAlt: "Cinematic yacht shot",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="MASTER THE ELEMENTS"
|
||||
description="EMBRACE THE OCEAN. JOIN AN EXCLUSIVE COMMUNITY OF SAILORS. YOUR NEXT GREAT ADVENTURE STARTS HERE."
|
||||
buttons={[{ text: "JOIN THE CLUB", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg", imageAlt: "Luxury yacht sailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg", imageAlt: "Luxury yacht sunset" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg", imageAlt: "Luxury yacht dark water" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg", imageAlt: "Luxury yacht club atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg", imageAlt: "High-end sailing aesthetic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/indian-girl-home-dream-catchers-beautiful-blonde-girl-with-dream-catchers_1321-1702.jpg", imageAlt: "Cinematic yacht shot" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fleet" data-section="fleet">
|
||||
<ProductCardFour
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "OCEAN ECLIPSE",
|
||||
price: "28m",
|
||||
variant: "Cruising speed 22 knots",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "BLACK SOVEREIGN",
|
||||
price: "24m",
|
||||
variant: "Top speed 45 knots",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "AZURE HORIZON",
|
||||
price: "32m",
|
||||
variant: "Range 1,500 nautical miles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-boat_23-2150785192.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "VELOCITY X",
|
||||
price: "18m",
|
||||
variant: "Carbon fiber racing hull",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "MIDNIGHT SERENE",
|
||||
price: "45m",
|
||||
variant: "Full concierge crew included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "SOLARIS GOLD",
|
||||
price: "52m",
|
||||
variant: "Sustainable hybrid propulsion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-boat_23-2150785192.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="OUR FLEET"
|
||||
description="Explore our curated collection of superyachts designed for the discerning sailor."
|
||||
/>
|
||||
</div>
|
||||
<div id="fleet" data-section="fleet">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "OCEAN ECLIPSE", price: "28m", variant: "Cruising speed 22 knots", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg" },
|
||||
{ id: "2", name: "BLACK SOVEREIGN", price: "24m", variant: "Top speed 45 knots", imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg" },
|
||||
{ id: "3", name: "AZURE HORIZON", price: "32m", variant: "Range 1,500 nautical miles", imageSrc: "http://img.b2bpic.net/free-photo/interior-boat_23-2150785192.jpg" },
|
||||
{ id: "4", name: "VELOCITY X", price: "18m", variant: "Carbon fiber racing hull", imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg" },
|
||||
{ id: "5", name: "MIDNIGHT SERENE", price: "45m", variant: "Full concierge crew included", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg" },
|
||||
{ id: "6", name: "SOLARIS GOLD", price: "52m", variant: "Sustainable hybrid propulsion", imageSrc: "http://img.b2bpic.net/free-photo/interior-boat_23-2150785192.jpg" }
|
||||
]}
|
||||
title="OUR FLEET"
|
||||
description="Explore our curated collection of superyachts designed for the discerning sailor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="MEMBERSHIP LEVELS"
|
||||
description="Choose your tier of exclusivity and gain access to our global network."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "ENTRY",
|
||||
price: "$5,000",
|
||||
period: "/year",
|
||||
description: "For individual sailors.",
|
||||
button: {
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Dock access",
|
||||
"Social events",
|
||||
"App login",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "ELITE",
|
||||
price: "$15,000",
|
||||
period: "/year",
|
||||
description: "For avid yachtsmen.",
|
||||
button: {
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Priority docking",
|
||||
"Academy access",
|
||||
"24/7 Concierge",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "CAPTAIN",
|
||||
price: "$50,000",
|
||||
period: "/year",
|
||||
description: "For seasoned enthusiasts.",
|
||||
button: {
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Private fleet access",
|
||||
"Unlimited regattas",
|
||||
"Global reciprocity",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="MEMBERSHIP LEVELS"
|
||||
description="Choose your tier of exclusivity and gain access to our global network."
|
||||
plans={[
|
||||
{ id: "p1", tag: "ENTRY", price: "$5,000", period: "/year", description: "For individual sailors.", button: { text: "Apply Now", href: "#" }, featuresTitle: "Includes", features: ["Dock access", "Social events", "App login"] },
|
||||
{ id: "p2", tag: "ELITE", price: "$15,000", period: "/year", description: "For avid yachtsmen.", button: { text: "Apply Now", href: "#" }, featuresTitle: "Includes", features: ["Priority docking", "Academy access", "24/7 Concierge"] },
|
||||
{ id: "p3", tag: "CAPTAIN", price: "$50,000", period: "/year", description: "For seasoned enthusiasts.", button: { text: "Apply Now", href: "#" }, featuresTitle: "Includes", features: ["Private fleet access", "Unlimited regattas", "Global reciprocity"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="VOICES FROM THE SEA"
|
||||
description="Stories of our members across the seven seas."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena V.",
|
||||
role: "Global Traveler",
|
||||
testimonial: "An unmatched standard of luxury and freedom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus R.",
|
||||
role: "CEO",
|
||||
testimonial: "The community here is as serene as the deep blue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
role: "Sailor",
|
||||
testimonial: "Excellence in every detail, from the deck to the crew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-boat_23-2150785192.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Victor J.",
|
||||
role: "Architect",
|
||||
testimonial: "The design of the fleet is truly world-class.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia L.",
|
||||
role: "Adventurer",
|
||||
testimonial: "Perfect for those who seek the highest quality experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="VOICES FROM THE SEA"
|
||||
description="Stories of our members across the seven seas."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena V.", role: "Global Traveler", testimonial: "An unmatched standard of luxury and freedom.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg" },
|
||||
{ id: "2", name: "Marcus R.", role: "CEO", testimonial: "The community here is as serene as the deep blue.", imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg" },
|
||||
{ id: "3", name: "Sarah K.", role: "Sailor", testimonial: "Excellence in every detail, from the deck to the crew.", imageSrc: "http://img.b2bpic.net/free-photo/interior-boat_23-2150785192.jpg" },
|
||||
{ id: "4", name: "Victor J.", role: "Architect", testimonial: "The design of the fleet is truly world-class.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821343.jpg" },
|
||||
{ id: "5", name: "Sophia L.", role: "Adventurer", testimonial: "Perfect for those who seek the highest quality experience.", imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-579.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="GET IN TOUCH"
|
||||
title="START YOUR VOYAGE"
|
||||
description="Speak with our membership director to secure your place in the club."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire Today",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="START YOUR VOYAGE"
|
||||
description="Speak with our membership director to secure your place in the club."
|
||||
buttons={[{ text: "Inquire Today", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="THE CLUB"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2025 Luxury Yacht Club",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="THE CLUB"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2025 Luxury Yacht Club", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user