From fc893d7fa8d31afd06d079b42fcf33aa9e2694bc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 21:44:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 316 ++++++++++++++++-------------------------------
 1 file changed, 104 insertions(+), 212 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b10f320..f811e20 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,225 +26,117 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Dashboard",
-          id: "hero",
-        },
-        {
-          name: "Tours",
-          id: "products",
-        },
-        {
-          name: "Clients",
-          id: "features",
-        },
-        {
-          name: "Support",
-          id: "faq",
-        },
-      ]}
-      brandName="TourFlow"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Dashboard", id: "hero" },
+              { name: "Tours", id: "products" },
+              { name: "Clients", id: "features" },
+              { name: "Support", id: "faq" },
+            ]}
+            brandName="TourFlow"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Streamline Your Tour Business"
-      description="The all-in-one management platform for booking, scheduling, and resource allocation. Professional tools for modern tour operators."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "c1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png?_wi=1",
-          imageAlt: "Dashboard Preview",
-        },
-        {
-          id: "c2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png?_wi=2",
-          imageAlt: "Scheduling View",
-        },
-        {
-          id: "c3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png?_wi=3",
-          imageAlt: "Client Portal",
-        },
-        {
-          id: "c4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png?_wi=4",
-          imageAlt: "Reports UI",
-        },
-        {
-          id: "c5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png?_wi=5",
-          imageAlt: "Team View",
-        },
-        {
-          id: "c6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png?_wi=6",
-          imageAlt: "Booking System",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            title="Streamline Your Tour Business"
+            description="The all-in-one management platform for booking, scheduling, and resource allocation. Professional tools for modern tour operators."
+            background={{ variant: "plain" }}
+            carouselItems={[
+              { id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png", imageAlt: "Dashboard Preview" },
+              { id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png", imageAlt: "Scheduling View" },
+              { id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png", imageAlt: "Client Portal" },
+              { id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png", imageAlt: "Reports UI" },
+              { id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png", imageAlt: "Team View" },
+              { id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/a-wide-angle-high-tech-digital-platform--1774561412317-181bbcce.png", imageAlt: "Booking System" },
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Comprehensive Management Suite"
-      description="Everything you need to automate your operations and grow your bookings."
-      accordionItems={[
-        {
-          id: "f1",
-          title: "Automated Service Orders",
-          content: "Instant generation of professional service orders in PDF and Excel formats.",
-        },
-        {
-          id: "f2",
-          title: "Resource Scheduling",
-          content: "Assign guides, vehicles, and resources with intuitive daily planning views.",
-        },
-        {
-          id: "f3",
-          title: "Client Lifecycle Management",
-          content: "Track booking history, communication, and preferences for every customer.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/clean-data-visualization-dashboard-showi-1774561411634-ba1b66a1.png"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            title="Comprehensive Management Suite"
+            description="Everything you need to automate your operations and grow your bookings."
+            accordionItems={[
+              { id: "f1", title: "Automated Service Orders", content: "Instant generation of professional service orders in PDF and Excel formats." },
+              { id: "f2", title: "Resource Scheduling", content: "Assign guides, vehicles, and resources with intuitive daily planning views." },
+              { id: "f3", title: "Client Lifecycle Management", content: "Track booking history, communication, and preferences for every customer." },
+            ]}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/clean-data-visualization-dashboard-showi-1774561411634-ba1b66a1.png"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Mountain Trekking",
-          price: "$120",
-          variant: "Full Day",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/an-adventurous-outdoor-mountain-tour-set-1774561411601-53e67d85.png",
-        },
-        {
-          id: "p2",
-          name: "Coastal Paradise",
-          price: "$85",
-          variant: "Half Day",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/an-iconic-tropical-beach-tour-scene-with-1774561412791-b6b03a9b.png",
-        },
-        {
-          id: "p3",
-          name: "Historic City Tour",
-          price: "$50",
-          variant: "Group",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/historical-city-walking-tour-authentic-a-1774561412648-99c96c02.png",
-        },
-      ]}
-      title="Featured Tours"
-      description="Define and manage your service offerings with full capacity controls."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            title="Featured Tours"
+            description="Define and manage your service offerings with full capacity controls."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Mountain Trekking", price: "$120", variant: "Full Day", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/an-adventurous-outdoor-mountain-tour-set-1774561411601-53e67d85.png" },
+              { id: "p2", name: "Coastal Paradise", price: "$85", variant: "Half Day", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/an-iconic-tropical-beach-tour-scene-with-1774561412791-b6b03a9b.png" },
+              { id: "p3", name: "Historic City Tour", price: "$50", variant: "Group", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/historical-city-walking-tour-authentic-a-1774561412648-99c96c02.png" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTen
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Confirmed Bookings",
-          subtitle: "Current Month",
-          category: "Growth",
-          value: "245",
-        },
-        {
-          id: "m2",
-          title: "Pending Requests",
-          subtitle: "Urgent Action",
-          category: "Workflow",
-          value: "12",
-        },
-        {
-          id: "m3",
-          title: "Available Capacity",
-          subtitle: "Remaining Slots",
-          category: "Resource",
-          value: "89%",
-        },
-      ]}
-      title="Performance Tracking"
-      description="Monitor your business health in real-time."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTen
+            title="Performance Tracking"
+            description="Monitor your business health in real-time."
+            animationType="blur-reveal"
+            textboxLayout="centered"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "Confirmed Bookings", subtitle: "Current Month", category: "Growth", value: "245" },
+              { id: "m2", title: "Pending Requests", subtitle: "Urgent Action", category: "Workflow", value: "12" },
+              { id: "m3", title: "Available Capacity", subtitle: "Remaining Slots", category: "Resource", value: "89%" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How is the Order of Service generated?",
-          content: "It generates automatically upon booking creation, populated with client and tour data.",
-        },
-        {
-          id: "q2",
-          title: "Can I export data?",
-          content: "Yes, PDF and Excel formats are supported via integrated export tools.",
-        },
-        {
-          id: "q3",
-          title: "How are guide assignments handled?",
-          content: "Guides can be assigned directly to specific tours in the booking scheduler.",
-        },
-      ]}
-      title="System Support"
-      description="Common questions about managing your tour operations."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="System Support"
+            description="Common questions about managing your tour operations."
+            faqsAnimation="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How is the Order of Service generated?", content: "It generates automatically upon booking creation, populated with client and tour data." },
+              { id: "q2", title: "Can I export data?", content: "Yes, PDF and Excel formats are supported via integrated export tools." },
+              { id: "q3", title: "How are guide assignments handled?", content: "Guides can be assigned directly to specific tours in the booking scheduler." },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Ready to get started?"
-      description="Talk to our team about integrating this management system for your agency."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/professional-support-team-interface-with-1774561411511-fe0ad7c3.png"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Contact"
+            title="Ready to get started?"
+            description="Talk to our team about integrating this management system for your agency."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BV5PeY5My8y8u2VS5LEqM4w9hO/professional-support-team-interface-with-1774561411511-fe0ad7c3.png"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="TourFlow"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="TourFlow"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file