"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Sparkles, Zap, Award, TrendingUp, MessageSquare, Users, Globe, Clock, Home, FileText, BarChart3, Settings, MapPin, Calendar, CheckCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Features", id: "features" },
    { name: "Pricing", id: "pricing" },
    { name: "About", id: "about" },
    { name: "FAQ", id: "faq" },
    { name: "Contact", id: "contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Guesto"
          navItems={navItems}
          button={{
            text: "Get Started",            href: "https://app.guesto.com/login"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          tag="Travel Technology"
          tagIcon={Sparkles}
          title="Manage Every Aspect of Your Travel Business"
          description="Streamline customer management, create professional itineraries, track enquiries, and automate pricing—all in one unified platform built for modern travel agencies."
          buttons={[
            { text: "Start Free Trial", href: "https://app.guesto.com/signup" },
            { text: "Watch Demo", href: "#" }
          ]}
          background={{ variant: "plain" }}
          dashboard={{
            title: "Dashboard Overview",            logoIcon: Globe,
            imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",            searchPlaceholder: "Search customers...",            buttons: [
              { text: "Dashboard", href: "#" },
              { text: "Export", href: "#" }
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: Users, active: false },
              { icon: FileText, active: false },
              { icon: BarChart3, active: false },
              { icon: Settings, active: false }
            ],
            stats: [
              {
                title: "Total Customers",                values: [245, 312, 387],
                description: "Active clients"
              },
              {
                title: "Enquiries This Month",                values: [48, 67, 89],
                description: "New bookings"
              },
              {
                title: "Revenue",                values: [125000, 156000, 189000],
                valuePrefix: "₹",                description: "Monthly revenue"
              }
            ],
            chartTitle: "Itineraries Created",            chartData: [
              { value: 45 },
              { value: 62 },
              { value: 58 },
              { value: 75 },
              { value: 82 }
            ],
            listTitle: "Recent Enquiries",            listItems: [
              { icon: MapPin, title: "Bali Package Inquiry", status: "New" },
              { icon: Calendar, title: "Europe Tour - 14 Days", status: "Quoted" },
              { icon: CheckCircle, title: "Dubai Honeymoon Package", status: "Confirmed" }
            ]
          }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          tag="Core Features"
          tagIcon={Zap}
          title="Everything You Need to Run Your Travel Business"
          description="From customer management to itinerary creation and PDF export, our platform provides all the tools travel agencies need."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Customer Management",              description: "Centralized customer database with contact history, past trips, preferences, and notes. Track all interactions and manage relationships effortlessly.",              imageSrc: "http://img.b2bpic.net/free-photo/crm-business-company-strategy-marketing-concept_53876-132312.jpg"
            },
            {
              id: 2,
              title: "Enquiry Tracking",              description: "Convert leads to bookings with intelligent enquiry management. Track status from New to Quoted to Confirmed with automated workflows.",              imageSrc: "http://img.b2bpic.net/free-vector/contact-us-icons-set_98292-6887.jpg"
            },
            {
              id: 3,
              title: "Itinerary Builder",              description: "Create professional day-wise itineraries with hotel details, meals, activities, and dynamic pricing calculations. Generate beautiful PDFs instantly.",              imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg"
            },
            {
              id: 4,
              title: "Pricing Engine",              description: "Automated cost calculation with hotel, transport, activities, and taxes. Real-time total updates ensure accurate quotations every time.",              imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          tag="Impact"
          tagIcon={TrendingUp}
          title="Trusted by Travel Industry Leaders"
          description="See how agencies are transforming their business with Guesto."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            { id: "1", icon: Users, title: "Agencies", value: "500+" },
            { id: "2", icon: Globe, title: "Countries", value: "85+" },
            { id: "3", icon: TrendingUp, title: "Growth", value: "240%" },
            { id: "4", icon: Clock, title: "Time Saved", value: "15hrs/week" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          tag="Success Stories"
          tagIcon={MessageSquare}
          title="What Travel Professionals Say"
          description="Hear from agencies transforming their business with Guesto."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "Streamlined Our Entire Operation",              quote: "Guesto has transformed how we manage customers and create itineraries. What used to take hours now takes minutes. Our team loves the intuitive interface.",              name: "Priya Sharma",              role: "Director, Wanderlust Travels",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Priya Sharma"
            },
            {
              id: "2",              title: "Increased Revenue and Customer Satisfaction",              quote: "With better organization and professional itineraries, we've increased bookings by 40%. Our customers appreciate the quality and timeliness of our proposals.",              name: "Amit Patel",              role: "CEO, Adventure Tours India",              imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Amit Patel"
            },
            {
              id: "3",              title: "Essential for Our Growing Team",              quote: "As we scaled from 3 to 8 team members, Guesto made collaboration seamless. The multi-user access and clear workflows keep everyone on the same page.",              name: "Sneha Desai",              role: "Operations Manager, Global Holidays",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sneha Desai"
            },
            {
              id: "4",              title: "Outstanding Customer Support",              quote: "The Guesto team is incredibly responsive and always willing to help. Their support has been crucial in our successful implementation.",              name: "Vikram Singh",              role: "Founder, Heritage Tours",              imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Vikram Singh"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
          imageAlt="Guesto Platform"
          logoText="Guesto"
          copyrightText="© 2025 Guesto. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}