"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 FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { HelpCircle, Mail } from "lucide-react";

export default function ContactPage() {
  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="contact-hero" data-section="contact-hero">
        <HeroBillboard
          title="Get in Touch"
          description="Have questions? Want to provide feedback? Need support? Our dedicated team is here to help you make the most of UzGoTravel. Contact us anytime."
          background={{ variant: "sparkles-gradient" }}
          tag="We're Here"
          tagIcon={Mail}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/a-friendly-modern-uzbek-boy-character-we-1772556385698-e0249ac4.png?_wi=4"
          imageAlt="UzGoTravel support team"
          mediaAnimation="opacity"
          buttons={[
            { text: "Send Message", href: "#" },
            { text: "Call Support", href: "#" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqDouble
          title="Contact & Support FAQ"
          description="Find answers to common questions about contacting UzGoTravel"
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What are your customer support hours?",
              content: "UzGoTravel provides 24/7 customer support via our mobile app, website, and emergency hotline. For general inquiries, our team responds within 2 hours during business hours (9 AM - 6 PM UTC+5). Emergency support is always available.",
            },
            {
              id: "2",
              title: "How can I contact UzGoTravel support?",
              content: "You can reach us through: In-app chat (24/7), Email: support@uzgotravel.com, Phone: +998 (71) 200-00-00, Emergency Line: One-tap SOS within app, Social Media: @uzgotravel on all platforms.",
            },
            {
              id: "3",
              title: "What should I do if I encounter technical issues?",
              content: "First, try restarting the app or refreshing the website. Clear your browser cache if using the web version. If the issue persists, contact our technical support team through the in-app help section or email support@uzgotravel.com with screenshots of the error.",
            },
            {
              id: "4",
              title: "How do I report a safety concern or emergency?",
              content: "Use the one-tap Emergency SOS button in the app to immediately connect with local emergency services (102 Police, 103 Ambulance, 104 Fire). The app will share your location and call history. For non-emergencies, contact support@uzgotravel.com.",
            },
            {
              id: "5",
              title: "Can I request a refund for my travel services or marketplace purchases?",
              content: "Marketplace purchases are covered by our 30-day money-back guarantee. For travel bookings (flights, hotels, trains), refund eligibility depends on the service provider's policy. Contact support with your booking reference for assistance.",
            },
            {
              id: "6",
              title: "Do you offer group travel or corporate inquiries support?",
              content: "Yes! We have a dedicated business team for corporate contracts, group bookings, and bulk marketplace orders. Email business@uzgotravel.com or call our business line +998 (71) 300-00-00 for customized solutions.",
            },
          ]}
        />
      </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>
  );
}