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

export default function MarketplacePage() {
  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="marketplace-hero" data-section="marketplace-hero">
        <HeroBillboard
          title="National Marketplace"
          description="Discover authentic Uzbek crafts, traditional textiles, and local artisan products. Every purchase supports local communities and brings home genuine pieces of Uzbek heritage."
          background={{ variant: "sparkles-gradient" }}
          tag="Support Local"
          tagIcon={Award}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARXL5SBhiCxDGDfEC0NjNgEEsI/uzbek-national-marketplace-featuring-tra-1772556391401-b34c4709.png?_wi=4"
          imageAlt="Uzbek marketplace products"
          mediaAnimation="opacity"
          buttons={[
            { text: "Browse Products", href: "/marketplace" },
            { text: "Learn About Artisans", href: "/about" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="marketplace-products" data-section="marketplace-products">
        <ProductCardThree
          title="Featured Products"
          description="Handpicked authentic Uzbek products from talented local artisans"
          tag="Authentic Crafts"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          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=5",
              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=6",
              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=7",
              imageAlt: "Embroidered silk Suzani textile",
              initialQuantity: 1,
            },
          ]}
        />
      </div>

      <div id="marketplace-faq" data-section="marketplace-faq">
        <FaqDouble
          title="Marketplace FAQ"
          description="Everything you need to know about shopping and supporting local artisans"
          tag="Questions?"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Are all products authentic Uzbek crafts?",
              content: "Yes, every item in our marketplace is handcrafted by verified local artisans from Uzbekistan. We work directly with creators to ensure authenticity, fair pricing, and quality. Each product includes information about the artisan who created it.",
            },
            {
              id: "2",
              title: "How long does shipping take internationally?",
              content: "We offer worldwide shipping with typical delivery times of 7-14 business days for most countries. Shipping costs are calculated based on destination and package weight. You'll receive tracking information with every order.",
            },
            {
              id: "3",
              title: "What is your returns and exchange policy?",
              content: "We offer 30-day money-back guarantee on all marketplace purchases. If you're not satisfied or if the item arrives damaged, simply contact us for a full refund or exchange. We cover return shipping for defective items.",
            },
            {
              id: "4",
              title: "Can I purchase items as gifts?",
              content: "Absolutely! We offer gift wrapping and can include a personalized message. We can also arrange direct shipping to gift recipients. Simply select gift options during checkout.",
            },
            {
              id: "5",
              title: "How are artisans compensated?",
              content: "Artisans receive 70% of each sale price. The remaining 30% covers platform operations, packaging, shipping, and supports community development projects. We ensure fair wages that exceed local standards and work directly with artisans to improve their livelihoods.",
            },
            {
              id: "6",
              title: "Do you offer bulk orders for businesses?",
              content: "Yes, we welcome corporate and bulk orders for businesses. Contact our business team for wholesale pricing, custom packaging, and volume discounts. We can create curated collections for corporate gifts and retail partnerships.",
            },
          ]}
        />
      </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>
  );
}