From ea9287f5d0a80f594899aa6cd57ba8d1fe290e7e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 06:25:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 356 +++++++++++++----------------------------------
 1 file changed, 93 insertions(+), 263 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index df67e81..716a480 100644
--- a/src/app/page.tsx
+++ b/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>
   );