From 084d73610d576a74cf9e7426898966d1f47692ae Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 18:47:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 367 ++++++++++++++---------------------------------
 1 file changed, 106 insertions(+), 261 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index db5c214..ded932b 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1