"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { CheckCircle, Shield, Zap, Heart, Package, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Cart", id: "cart" }
          ]}
          brandName="Vintage Closet"
          bottomLeftText="Est. 2025"
          bottomRightText="shop@vintagecloset.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Curated Vintage Fashion for the Modern Collector"
          description="Discover authentic, timeless pieces from decades past. Each item is carefully selected and authenticated to bring genuine vintage style to your wardrobe."
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Happy customer 1" },
            { src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Happy customer 2" },
            { src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Happy customer 3" }
          ]}
          avatarText="Trusted by 500+ vintage enthusiasts"
          buttons={[
            { text: "Browse Collection", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          ariaLabel="Vintage clothing hero section"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          products={[
            {
              id: "1",              name: "Classic Denim Jacket",              price: "$45.00",              variant: "Medium  2 Colors",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-coat-outside-street_1303-20176.jpg",              imageAlt: "Vintage denim jacket",              isFavorited: false
            },
            {
              id: "2",              name: "Floral Silk Dress",              price: "$65.00",              variant: "Small  Floral Print",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-beige-coat-sitting-suitcases-against-wall-street_285396-8114.jpg",              imageAlt: "Vintage floral dress",              isFavorited: false
            },
            {
              id: "3",              name: "Wool Blazer Coat",              price: "$55.00",              variant: "Large  Navy Blue",              imageSrc: "http://img.b2bpic.net/free-photo/groom-preparing-his-wedding_1303-28308.jpg",              imageAlt: "Vintage wool blazer",              isFavorited: false
            }
          ]}
          title="Featured Vintage Collection"
          description="Handpicked pieces from the 70s, 80s, and 90s. Each item tells a story and brings authentic vintage charm to your closet."
          tag="New Arrivals"
          tagIcon={Package}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Items", href: "#shop" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
          ariaLabel="Vintage product collection"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureBorderGlow
          features={[
            { icon: CheckCircle, title: "Authentic Pieces", description: "Every item is verified for authenticity. We guarantee genuine vintage clothing from authentic sources." },
            { icon: Shield, title: "Secure Payment", description: "Shop with confidence using encrypted payment processing. Your transactions are protected." },
            { icon: Zap, title: "Fast Shipping", description: "Quick processing and reliable delivery. Your vintage finds arrive in pristine condition." },
            { icon: Heart, title: "Quality Guarantee", description: "Each piece is inspected for condition and defects. We stand behind every sale with our guarantee." }
          ]}
          title="Why Shop Vintage With Us"
          description="We combine authentic vintage pieces with modern convenience. Each garment is carefully vetted for quality, authenticity, and style."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Why choose us section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Fashion Blogger",              company: "Style Chronicles",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"
            },
            {
              id: "2",              name: "Emma Rodriguez",              role: "Vintage Collector",              company: "Retro Dreams",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"
            },
            {
              id: "3",              name: "James Chen",              role: "Fashion Designer",              company: "Chen Studios",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"
            },
            {
              id: "4",              name: "Olivia Garcia",              role: "Sustainable Fashion Advocate",              company: "Green Closet",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"
            }
          ]}
          kpiItems={[
            { value: "500+", label: "Happy Customers" },
            { value: "1000+", label: "Vintage Items Sold" },
            { value: "98%", label: "Satisfaction Rate" }
          ]}
          title="What Our Customers Say"
          description="Real reviews from vintage enthusiasts who love their authentic finds from our collection."
          tag="Testimonials"
          tagIcon={Star}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to find your perfect vintage piece? Browse our collection or reach out with questions about our items and payment options."
          animationType="entrance-slide"
          buttons={[
            { text: "Start Shopping", href: "#products" },
            { text: "Contact Us", href: "mailto:shop@vintagecloset.com" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          ariaLabel="Contact call-to-action section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Items", href: "#products" },
                { label: "New Arrivals", href: "#products" },
                { label: "Sale", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Authentication", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Payment Security", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Vintage Closet. All rights reserved."
          bottomRightText="Curated with care for vintage lovers"
        />
      </div>
    </ThemeProvider>
  );
}
