Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
@@ -41,29 +41,29 @@ export default function LandingPage() {
 
         <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."
+            title="TourFlow Admin Dashboard"
+            description="Real-time analytics, booking management, and operational reporting for your tour business."
             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?_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" },
+              { 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: "Admin Overview" },
+              { 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: "Financial Reporting" },
+              { 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: "Customer Management" },
+              { 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: "Inventory Control" },
+              { 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: "Task Automation" },
+              { 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: "System Settings" },
             ]}
-            buttons={[{ text: "Get Started", href: "#contact" }]}
+            buttons={[{ text: "View Analytics", href: "#metrics" }]}
           />
         </div>
 
         <div id="features" data-section="features">
           <FeatureCardTwentyOne
-            title="Comprehensive Management Suite"
-            description="Everything you need to automate your operations and grow your bookings."
+            title="Comprehensive Admin Suite"
+            description="Manage all your modules with granular control and deep insights."
             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." },
+              { id: "f1", title: "Real-time Analytics", content: "Visualize revenue, bookings, and customer satisfaction metrics with interactive dashboards." },
+              { id: "f2", title: "Module Management", content: "Easily configure tours, resources, and customer profiles through our unified interface." },
+              { id: "f3", title: "Automated Reporting", content: "Schedule and generate professional performance reports for your stakeholders." },
             ]}
             useInvertedBackground={false}
             mediaAnimation="slide-up"
@@ -73,46 +73,46 @@ export default function LandingPage() {
 
         <div id="products" data-section="products">
           <ProductCardFour
-            title="Featured Tours"
-            description="Define and manage your service offerings with full capacity controls."
+            title="Active Modules"
+            description="Manage and monitor your primary business services and resources."
             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" },
+              { id: "p1", name: "Financials", price: "Reports", variant: "Module", 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: "Operations", price: "Tools", variant: "Module", 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: "User Management", price: "Access", variant: "Module", 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
-            title="Performance Tracking"
-            description="Monitor your business health in real-time."
-            animationType="blur-reveal"
+          <MetricCardSeven
+            title="Performance Metrics"
+            description="High-level overview of system and business health."
+            animationType="depth-3d"
             textboxLayout="default"
             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%" },
+              { id: "m1", value: "$1.2M", title: "Annual Revenue", items: ["Monthly Growth: 12%", "Target: $1.5M"] },
+              { id: "m2", value: "98%", title: "System Uptime", items: ["Last 30 days", "0 Critical Alerts"] },
+              { id: "m3", value: "4,200", title: "Active Users", items: ["+400 this week", "Churn Rate: 1.5%"] },
             ]}
           />
         </div>
 
         <div id="faq" data-section="faq">
           <FaqBase
-            title="System Support"
-            description="Common questions about managing your tour operations."
+            title="Operations Support"
+            description="Common questions for administrators."
             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." },
+              { id: "q1", title: "How do I export system reports?", content: "Access the Reports module and select your parameters to export to Excel or PDF." },
+              { id: "q2", title: "Can I customize dashboard views?", content: "Yes, our dashboard is modular, allowing you to drag, drop, and rearrange key widgets." },
+              { id: "q3", title: "Who can manage system modules?", content: "Admin-level access is required to modify configurations, resources, and user privileges." },
             ]}
           />
         </div>
@@ -120,8 +120,8 @@ export default function LandingPage() {
         <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."
+            title="Enterprise Solutions"
+            description="Need custom reporting or advanced module integration? Our team is here to assist."
             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"
@@ -131,9 +131,9 @@ export default function LandingPage() {
 
         <div id="footer" data-section="footer">
           <FooterLogoReveal
-            logoText="TourFlow"
-            leftLink={{ text: "Terms of Service", href: "#" }}
-            rightLink={{ text: "Privacy Policy", href: "#" }}
+            logoText="TourFlow Admin"
+            leftLink={{ text: "Service Terms", href: "#" }}
+            rightLink={{ text: "Privacy Controls", href: "#" }}
           />
         </div>
       </ReactLenis>