"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 AboutMetric from "@/components/sections/about/AboutMetric";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Users, MapPin, Shield, Zap, HelpCircle } from "lucide-react";

export default function AboutPage() {
  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="about-hero" data-section="about-hero">
        <HeroBillboard
          title="About UzGoTravel"
          description="We're reimagining tourism in Uzbekistan by combining cutting-edge AI technology with trusted travel services, creating an all-in-one platform that prioritizes your safety, convenience, and authentic cultural experiences."
          background={{ variant: "sparkles-gradient" }}
          tag="Our Mission"
          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=2"
          imageAlt="Uzbekistan landmarks: Registan, Khiva, Bukhara"
          mediaAnimation="opacity"
          buttons={[
            { text: "Learn More", href: "/services" },
            { text: "Contact Us", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about-metrics" data-section="about-metrics">
        <AboutMetric
          title="Our Impact: Building Trust Through Numbers"
          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="about-faq" data-section="about-faq">
        <FaqDouble
          title="About UzGoTravel - Common Questions"
          description="Learn more about our platform, mission, and commitment to transforming tourism in Uzbekistan"
          tag="Learn More"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What makes UzGoTravel unique?",
              content: "UzGoTravel combines AI-powered travel planning, real-time safety features, digital payments, and authentic cultural experiences into one unified platform. We're specifically designed for the Uzbekistan market, understanding local needs and international traveler expectations.",
            },
            {
              id: "2",
              title: "When was UzGoTravel founded?",
              content: "UzGoTravel was launched in 2025 with a vision to modernize tourism in Central Asia. Our team brings together technology experts, travel professionals, and cultural ambassadors who are passionate about showcasing Uzbekistan to the world.",
            },
            {
              id: "3",
              title: "Who is UzGoTravel for?",
              content: "UzGoTravel serves international tourists, business travelers, adventure seekers, and cultural enthusiasts. Whether you're planning your first visit to Uzbekistan or you're a returning explorer, our platform adapts to your travel style and needs.",
            },
            {
              id: "4",
              title: "How does UzGoTravel support local communities?",
              content: "Through our National Marketplace, we connect international travelers directly with Uzbek artisans and local businesses. We ensure fair pricing, authentic products, and a significant portion of marketplace revenue returns to local creators and communities.",
            },
            {
              id: "5",
              title: "What is UzGoTravel's commitment to sustainability?",
              content: "We promote sustainable tourism practices by encouraging visitors to explore beyond typical tourist routes, supporting local businesses, minimizing environmental impact through smart routing, and educating travelers about cultural preservation.",
            },
            {
              id: "6",
              title: "How do I stay updated with UzGoTravel news and features?",
              content: "Follow our social media channels, subscribe to our newsletter on the platform, and check our blog regularly for travel tips, feature updates, and stories from our community of travelers exploring Uzbekistan.",
            },
          ]}
        />
      </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>
  );
}