"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Grid3x3, Flame, HelpCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Categories", id: "categories" },
    { name: "Featured", id: "featured" },
    { name: "Deals", id: "deals" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Shop",
      items: [
        { label: "All Products", href: "/categories" },
        { label: "Electronics", href: "/categories" },
        { label: "Fashion", href: "/categories" },
        { label: "Home & Garden", href: "/categories" },
        { label: "Food & Groceries", href: "/categories" },
      ],
    },
    {
      title: "Customer Service",
      items: [
        { label: "Contact Us", href: "/" },
        { label: "Track Order", href: "/" },
        { label: "Returns & Exchanges", href: "/" },
        { label: "Shipping Info", href: "/" },
        { label: "FAQ", href: "/" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/" },
        { label: "Blog", href: "/" },
        { label: "Careers", href: "/" },
        { label: "Partners", href: "/" },
        { label: "Press", href: "/" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
        { label: "Accessibility", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Uzum Market"
          bottomLeftText="Global Marketplace Community"
          bottomRightText="support@uzummarket.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Welcome to Uzum Market"
          description="Discover millions of products across Electronics, Fashion, Home Appliances, Food, and more. Fast delivery, secure payments, and exclusive deals await you."
          background={{
            variant: "aurora",
          }}
          tag="New Arrivals Daily"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Start Shopping",
              href: "#featured",
            },
            {
              text: "View Deals",
              href: "#deals",
            },
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Akmal",
              handle: "@akmal_uz",
              testimonial: "Best marketplace in Central Asia! Fast delivery and amazing prices.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-a-young-uzbek-m-1774085816069-65fd0191.png",
              imageAlt: "Akmal",
            },
            {
              name: "Dilshoda",
              handle: "@dilshoda_shop",
              testimonial: "Love the variety of products and customer service is exceptional.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-a-young-uzbek-w-1774085815443-852d23ff.png",
              imageAlt: "Dilshoda",
            },
            {
              name: "Rustam",
              handle: "@rustam_trade",
              testimonial: "Reliable platform with secure payment options. Highly recommended!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-a-mature-uzbek--1774085816093-d31a3340.png",
              imageAlt: "Rustam",
            },
            {
              name: "Sevara",
              handle: "@sevara_boutique",
              testimonial: "Great for bulk purchases with competitive wholesale prices.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-a-young-uzbek-w-1774085818349-3040ca1d.png",
              imageAlt: "Sevara",
            },
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/simple-friendly-avatar-of-a-young-person-1774085820052-912badc3.png",
              alt: "Customer 1",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/simple-friendly-avatar-of-another-person-1774085820696-f6ee4bff.png",
              alt: "Customer 2",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/simple-friendly-avatar-illustration-with-1774085815819-a7e8ec53.png",
              alt: "Customer 3",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/simple-friendly-avatar-of-a-diverse-pers-1774085815090-53d2abe7.png",
              alt: "Customer 4",
            },
          ]}
          avatarText="Join 500K+ satisfied customers"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/a-vibrant-e-commerce-marketplace-hero-ba-1774085815694-d978e246.png"
          imageAlt="Marketplace showcase with products"
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="categories" data-section="categories">
        <FeatureHoverPattern
          title="Shop by Category"
          description="Browse our extensive collection across all major categories with exclusive deals and curated selections."
          tag="Popular Categories"
          tagIcon={Grid3x3}
          tagAnimation="slide-up"
          features={[
            {
              icon: "Smartphone",
              title: "Electronics",
              description: "Latest smartphones, laptops, cameras, and tech gadgets with warranty.",
            },
            {
              icon: "Shirt",
              title: "Fashion & Apparel",
              description: "Trending clothing, shoes, accessories from top brands and local designers.",
            },
            {
              icon: "Home",
              title: "Home & Appliances",
              description: "Kitchen appliances, furniture, and home essentials for modern living.",
            },
            {
              icon: "UtensilsCrossed",
              title: "Food & Groceries",
              description: "Fresh produce, snacks, beverages, and pantry staples delivered daily.",
            },
            {
              icon: "Heart",
              title: "Beauty & Health",
              description: "Skincare, cosmetics, supplements, and wellness products.",
            },
            {
              icon: "Gamepad2",
              title: "Entertainment",
              description: "Games, books, movies, music, and hobby equipment.",
            },
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            {
              text: "Explore All Categories",
              href: "/categories",
            },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="featured" data-section="featured">
        <ProductCardThree
          title="Featured Products"
          description="Handpicked bestsellers and new arrivals across all categories with special discounts."
          tag="Hot Deals"
          tagIcon={Flame}
          tagAnimation="slide-up"
          products={[
            {
              id: "prod-001",
              name: "Premium Wireless Headphones",
              price: "89,999 UZS",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-product-photograph-of-premi-1774085816049-d2579199.png?_wi=1",
              imageAlt: "Wireless Headphones",
            },
            {
              id: "prod-002",
              name: "Smart Watch Pro",
              price: "299,999 UZS",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-product-photograph-of-a-sma-1774085815157-1df38171.png?_wi=1",
              imageAlt: "Smart Watch",
            },
            {
              id: "prod-003",
              name: "Elegant Winter Jacket",
              price: "199,999 UZS",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-product-photograph-of-an-el-1774085816136-5f1258a0.png?_wi=1",
              imageAlt: "Winter Jacket",
            },
            {
              id: "prod-004",
              name: "Organic Coffee Beans 500g",
              price: "35,999 UZS",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-product-photograph-of-organ-1774085815547-17d93fb4.png?_wi=1",
              imageAlt: "Coffee Beans",
            },
            {
              id: "prod-005",
              name: "Stainless Steel Cookware Set",
              price: "249,999 UZS",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-product-photograph-of-a-sta-1774085816758-2fee166d.png?_wi=1",
              imageAlt: "Cookware Set",
            },
            {
              id: "prod-006",
              name: "Portable Power Bank 20000mAh",
              price: "99,999 UZS",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-product-photograph-of-a-por-1774085817725-bfae8d8a.png?_wi=1",
              imageAlt: "Power Bank",
            },
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            {
              text: "View All Products",
              href: "/categories",
            },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Uzum Market by Numbers"
          description="Trusted by millions of customers across Central Asia with proven reliability and excellence."
          metrics={[
            {
              id: "metric-1",
              value: "500K+",
              description: "Active Customers",
            },
            {
              id: "metric-2",
              value: "2M+",
              description: "Products Available",
            },
            {
              id: "metric-3",
              value: "24/7",
              description: "Customer Support",
            },
            {
              id: "metric-4",
              value: "99.8%",
              description: "Delivery Success Rate",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Real reviews from real customers across Uzbekistan, Russia, and the region."
          testimonials={[
            {
              id: "test-1",
              name: "Farah Mahmoud",
              role: "Entrepreneur",
              company: "Fashion Boutique Owner",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-farah-mahmoud-a-1774085815723-ef5e6855.png",
              imageAlt: "Farah Mahmoud",
            },
            {
              id: "test-2",
              name: "Boris Petrov",
              role: "Tech Enthusiast",
              company: "Software Developer",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-boris-petrov-te-1774085816028-93603fdd.png",
              imageAlt: "Boris Petrov",
            },
            {
              id: "test-3",
              name: "Gulnora Karimova",
              role: "Homemaker",
              company: "Family Business",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-gulnora-karimov-1774085816490-a22010dc.png",
              imageAlt: "Gulnora Karimova",
            },
            {
              id: "test-4",
              name: "Mikhail Sokolov",
              role: "Restaurant Owner",
              company: "Cafe & Restaurant",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-mikhail-sokolov-1774085816109-48bfe823.png",
              imageAlt: "Mikhail Sokolov",
            },
            {
              id: "test-5",
              name: "Zainab Usmanova",
              role: "Student",
              company: "University of Tashkent",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-zainab-usmanova-1774085815925-5b90f890.png",
              imageAlt: "Zainab Usmanova",
            },
            {
              id: "test-6",
              name: "Viktor Sokolov",
              role: "Logistics Manager",
              company: "Trading Company",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/professional-headshot-of-viktor-sokolov--1774085816680-ba048eb7.png",
              imageAlt: "Viktor Sokolov",
            },
          ]}
          kpiItems={[
            {
              value: "9.2/10",
              label: "Average Rating",
            },
            {
              value: "98%",
              label: "Would Recommend",
            },
            {
              value: "2.3M",
              label: "Total Reviews",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Samsung",
            "Apple",
            "Sony",
            "LG",
            "Philips",
            "Canon",
            "Nike",
            "Adidas",
            "Intel",
            "Microsoft",
          ]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/samsung-corporation-official-logo-high-q-1774085817327-6407eda4.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/apple-inc-official-logo-clean-iconic-app-1774085815767-bf9d3823.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/sony-corporation-official-logo-professio-1774085815578-d2dde2dd.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/lg-electronics-official-logo-professiona-1774085815833-2b3a7352.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/philips-corporation-official-logo-profes-1774085815843-fc42f3e4.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/canon-inc-official-logo-professional-bra-1774085814555-98c11c70.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/nike-inc-official-logo-iconic-swoosh-sym-1774085816729-e747b029.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/adidas-ag-official-logo-professional-bra-1774085815860-e71f1ff1.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/intel-corporation-official-logo-professi-1774085815976-ea74d91c.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFXLk9BIVZ4EdOfJDPnXCjvU6t/microsoft-corporation-official-logo-prof-1774085816504-880d86f8.png",
          ]}
          title="Official Partner Brands"
          description="Authorized retailer of premium international and local brands."
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about shopping, payments, delivery, and returns."
          tag="We're Here to Help"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "faq-1",
              title: "How long does delivery take?",
              content:
                "Standard delivery takes 2-5 business days within Tashkent and 3-7 days for other regions. Express delivery available for urgent orders.",
            },
            {
              id: "faq-2",
              title: "What payment methods are accepted?",
              content:
                "We accept credit/debit cards (Visa, MasterCard, Humo), PayPal, Click, Payme, Apelsin, and cash on delivery for selected areas.",
            },
            {
              id: "faq-3",
              title: "What is your return policy?",
              content:
                "Products can be returned within 14 days of purchase if unused and in original packaging. Food and hygiene items cannot be returned.",
            },
            {
              id: "faq-4",
              title: "Is my payment information secure?",
              content:
                "Yes, we use SSL encryption and PCI DSS compliance to protect all payment and personal information.",
            },
            {
              id: "faq-5",
              title: "How do I track my order?",
              content:
                "You can track your order in real-time through your account dashboard or via the tracking link sent to your email.",
            },
            {
              id: "faq-6",
              title: "Do you offer international shipping?",
              content:
                "Currently, we deliver within Uzbekistan, Russia, Kazakhstan, and select Central Asian countries. International shipping coming soon.",
            },
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Uzum Market"
          columns={footerColumns}
          copyrightText="© 2025 Uzum Market. All rights reserved. | Made with ❤️ for Central Asia"
        />
      </div>
    </ThemeProvider>
  );
}