"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles, Zap, Award, Users, MapPin, Shield, Heart, HelpCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "hero" },
    { name: "Services", id: "services" },
    { name: "Smart Map", id: "map" },
    { name: "Marketplace", id: "marketplace" },
    { name: "Safety", id: "safety" },
  ];

  const footerColumns = [
    {
      title: "Platform",
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/services" },
        { label: "Smart Map", href: "/services" },
        { label: "Marketplace", href: "/marketplace" },
      ],
    },
    {
      title: "Resources",
      items: [
        { label: "Travel Guide", href: "#" },
        { label: "Safety Tips", href: "/safety" },
        { label: "FAQ", href: "#faq" },
        { label: "Blog", href: "#" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Contact", href: "/contact" },
        { label: "Careers", href: "#" },
        { label: "Press", href: "#" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
        { label: "Disclaimer", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="blurBottom"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Start Journey", href: "/" }}
          brandName="UzGoTravel"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="UzGoTravel — O'zbekiston bo'ylab sun'iy intellekt yordamida sayohat qiling"
          description="Discover Uzbekistan smarter, safer, and easier with AI. Your all-in-one platform for intelligent travel planning, smart navigation, digital payments, and complete traveler protection."
          background={{ variant: "sparkles-gradient" }}
          tag="AI-Powered Tourism"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/a-stunning-cinematic-blend-of-uzbekistan-1772556385490-e88aa30c.png?_wi=1"
          imageAlt="Uzbekistan landmarks: Registan, Khiva, Bukhara"
          mediaAnimation="opacity"
          buttons={[
            { text: "Start Your Journey", href: "/services" },
            { text: "Explore Services", href: "/services" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Core Features"
          description="Everything you need for intelligent travel in Uzbekistan"
          tag="Smart Tools"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          features={[
            {
              id: "1",
              title: "AI Trip Planning",
              tags: ["AI Assistant", "Travel Planning"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/a-friendly-modern-uzbek-boy-character-we-1772556385698-e0249ac4.png?_wi=1",
              imageAlt: "Friendly AI assistant in Uzbek traditional clothing",
            },
            {
              id: "2",
              title: "Smart Map Navigation",
              tags: ["AI Powered", "Real-time"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/an-interactive-uzbekistan-map-with-ai-po-1772556385847-8af2c947.png?_wi=1",
              imageAlt: "Interactive Uzbekistan map with AI filters",
            },
            {
              id: "3",
              title: "Digital Wallet & Payments",
              tags: ["Secure", "Analytics"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/a-glass-morphism-style-digital-wallet-in-1772556384450-116b54fa.png",
              imageAlt: "Glass-morphism wallet interface",
            },
            {
              id: "4",
              title: "Instant eSIM Activation",
              tags: ["No Physical SIM", "Instant"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/step-by-step-animation-showing-esim-acti-1772556398457-847d3d3c.png",
              imageAlt: "eSIM activation flow animation",
            },
            {
              id: "5",
              title: "Transport Services",
              tags: ["Taxi Integration", "Live Routes"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/yandex-taxi-integration-interface-showin-1772556384193-e8c57281.png",
              imageAlt: "Taxi booking with live route preview",
            },
            {
              id: "6",
              title: "Car Rental & Booking",
              tags: ["Insurance", "Digital Docs"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/e-commerce-style-car-rental-interface-wi-1772556398326-2d3a3901.png",
              imageAlt: "Premium car rental interface",
            },
          ]}
        />
      </div>

      <div id="marketplace" data-section="marketplace">
        <ProductCardThree
          title="National Marketplace"
          description="Support local Uzbek artisans and discover authentic products"
          tag="Support Local"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Traditional Uzbek Carpet",
              price: "$189.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/uzbek-national-marketplace-featuring-tra-1772556391401-b34c4709.png?_wi=1",
              imageAlt: "Hand-woven traditional Uzbek carpet",
              initialQuantity: 1,
            },
            {
              id: "2",
              name: "Hand-Painted Ceramics",
              price: "$45.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/uzbek-national-marketplace-featuring-tra-1772556391401-b34c4709.png?_wi=2",
              imageAlt: "Authentic Uzbek hand-painted ceramic plates",
              initialQuantity: 1,
            },
            {
              id: "3",
              name: "Silk Suzani Textile",
              price: "$75.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/uzbek-national-marketplace-featuring-tra-1772556391401-b34c4709.png?_wi=3",
              imageAlt: "Embroidered silk Suzani textile",
              initialQuantity: 1,
            },
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <AboutMetric
          title="Why Choose UzGoTravel: Reimagining Tourism in Central Asia"
          useInvertedBackground={false}
          metricsAnimation="slide-up"
          metrics={[
            { icon: Users, label: "Active Travelers", value: "50,000+" },
            { icon: MapPin, label: "Destinations Covered", value: "150+" },
            { icon: Shield, label: "Safety Rating", value: "4.9/5" },
            { icon: Zap, label: "AI-Powered Services", value: "12+" },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Global Travelers"
          description="Hear from travelers who have experienced Uzbekistan safely and intelligently"
          tag="Real Stories"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarahtravel",
              testimonial: "UzGoTravel made planning my Uzbekistan trip incredibly easy. The AI assistant helped me budget perfectly and the smart map showed me hidden gems!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/professional-headshot-of-a-happy-interna-1772556384575-4c343ce5.png",
              imageAlt: "Sarah Johnson",
            },
            {
              id: "2",
              name: "Marco Rossi",
              handle: "@marcotheexplorer",
              testimonial: "The digital safety features gave me complete peace of mind. One-tap SOS and live location sharing made me feel secure exploring Samarkand.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/professional-headshot-of-a-satisfied-tra-1772556384220-5e5a2215.png",
              imageAlt: "Marco Rossi",
            },
            {
              id: "3",
              name: "Aiko Tanaka",
              handle: "@aiko_travels",
              testimonial: "The eSIM activation was instant, the wallet seamlessly handled payments, and the marketplace connected me with authentic artisans. Outstanding!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/professional-headshot-of-a-business-trav-1772556383577-3b1c3347.png",
              imageAlt: "Aiko Tanaka",
            },
            {
              id: "4",
              name: "David Wilson",
              handle: "@davidbiz",
              testimonial: "As a business traveler, UzGoTravel's booking system and transport integration saved me hours. Professional, reliable, and user-friendly.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/professional-headshot-of-a-young-adventu-1772556383638-212f552c.png",
              imageAlt: "David Wilson",
            },
            {
              id: "5",
              name: "Yasmin Al-Rashid",
              handle: "@yasminexplores",
              testimonial: "I've recommended UzGoTravel to all my friends. The platform truly understands what modern travelers need for safe, smart exploration.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/professional-headshot-of-a-travel-guide--1772556384397-6ebbc9c4.png",
              imageAlt: "Yasmin Al-Rashid",
            },
            {
              id: "6",
              name: "Chen Liu",
              handle: "@liuchentravels",
              testimonial: "The audio guides in multiple languages were perfect. Every feature works seamlessly together. This is the future of tourism!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/professional-headshot-of-a-family-travel-1772556385283-bc28fa7d.png",
              imageAlt: "Chen Liu",
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about UzGoTravel services"
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I get started with UzGoTravel?",
              content: "Simply download the app or visit our website, create an account with your email or phone number, and complete the onboarding process. Our AI assistant will guide you through setting up your digital wallet and eSIM activation in minutes.",
            },
            {
              id: "2",
              title: "Is my data and payment information secure?",
              content: "Yes, we use bank-level encryption and comply with international security standards. Your data is protected with multi-factor authentication, and all transactions are processed through secure payment gateways. We never share your personal information with third parties.",
            },
            {
              id: "3",
              title: "What if I need emergency assistance in Uzbekistan?",
              content: "UzGoTravel has a dedicated Digital Safety System with one-tap SOS buttons connected to 102 (Police), 103 (Ambulance), and 104 (Fire/Emergency). You can also enable live location sharing and receive AI-powered safety instructions 24/7.",
            },
            {
              id: "4",
              title: "How does the eSIM activation work?",
              content: "After registering and activating your digital wallet, navigate to the eSIM section. Select your plan, complete payment, and activate instantly. No physical SIM card needed—your device receives a QR code to scan for immediate connectivity.",
            },
            {
              id: "5",
              title: "Can I book flights, trains, and hotels through UzGoTravel?",
              content: "Yes! Our unified booking system allows you to reserve flights, trains, and hotels in one place. All bookings are integrated with your wallet for seamless payments and automatic VAT refunds where applicable.",
            },
            {
              id: "6",
              title: "How does the AI audio guide work?",
              content: "The AI audio guide uses your GPS location to provide contextual information about nearby attractions, historical sites, and tourist spots. It works offline and supports multiple languages. Just enable location access and listen to rich, informative descriptions as you explore.",
            },
          ]}
        />
      </div>

      <footer id="footer" data-section="footer">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2025 UzGoTravel. All rights reserved. Discover Uzbekistan smarter, safer, with AI."
          bottomRightText="Made with innovation for global travelers"
        />
      </footer>
    </ThemeProvider>
  );
}