"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Wallet, Eye, Watch, Gem, Sparkles, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="LuxeShop"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Cart", id: "cart" }
          ]}
          button={{
            text: "Shop Now",            href: "https://example.com/shop"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Premium Leather Handbag Collection"
          description="Discover our signature Italian leather handbag, meticulously crafted with sustainable materials and timeless design. Perfect for the discerning customer who values quality and elegance."
          background={{ variant: "plain" }}
          kpis={[
            { value: "100%", label: "Ethically Sourced" },
            { value: "25 Years", label: "Warranty Guaranteed" },
            { value: "4.9★", label: "Customer Rated" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg"
          imageAlt="Premium Leather Handbag"
          imagePosition="right"
          buttons={[
            { text: "Add to Cart", href: "#product-details" },
            { text: "View Gallery", href: "#carousel" }
          ]}
        />
      </div>

      <div id="product-details" data-section="product-details">
        <ProductCardThree
          title="Complete Your Look"
          description="Select your preferred color and add to your cart. All items ship within 48 hours with complimentary packaging."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "main-product",              name: "Classic Leather Handbag - Black",              price: "$599.00",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg",              imageAlt: "Classic Black Leather Handbag",              initialQuantity: 1
            },
            {
              id: "complementary-1",              name: "Leather Wallet - Black",              price: "$199.00",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-accessories-details-stylish-woman-walking-city-warm-fur-coat-holding-black-leather-bag-winter-season_285396-4714.jpg",              imageAlt: "Matching Black Leather Wallet",              initialQuantity: 1
            },
            {
              id: "complementary-2",              name: "Leather Belt - Black",              price: "$249.00",              imageSrc: "https://img.b2bpic.net/free-photo/men-shoes_1303-5889.jpg",              imageAlt: "Premium Black Leather Belt",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who've invested in quality craftsmanship and timeless style."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "review-1",              name: "Sarah Mitchell, Fashion Executive",              date: "Date: 15 January 2025",              title: "The most exquisite bag I've ever owned",              quote: "I purchased this handbag six months ago and it has become my favorite accessory. The leather quality is exceptional, and it's aged beautifully. The craftsmanship is evident in every stitch. Highly recommend for anyone seeking a luxury investment piece.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/caffe-background-typing-sunglasses-young-app_1303-2767.jpg"
            },
            {
              id: "review-2",              name: "Jessica Chen, Designer",              date: "Date: 8 January 2025",              title: "Perfect complement to any wardrobe",              quote: "The versatility of this bag is incredible. Whether I'm at the office or out for dinner, it elevates my entire outfit. The construction is solid, and I appreciate that the company uses sustainable materials. Best purchase this year!",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg"
            },
            {
              id: "review-3",              name: "Marcus Thompson, Art Collector",              date: "Date: 2 January 2025",              title: "A masterpiece of leather craftsmanship",              quote: "As someone who appreciates fine craftsmanship, this handbag is a work of art. The attention to detail is remarkable. I've received countless compliments, and the durability speaks for itself. Worth every penny.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/girl-coat_1303-4437.jpg"
            },
            {
              id: "review-4",              name: "Emma Rodriguez, Business Owner",              date: "Date: 28 December 2024",              title: "Finally, a bag that lasts",              quote: "I've been through many designer bags, but this one is different. The quality is unmatched, and it maintains its beauty with regular use. The customer service was also exceptional. I'm purchasing another one as a gift.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg"
            },
            {
              id: "review-5",              name: "Victoria Sterling, Style Influencer",              date: "Date: 20 December 2024",              title: "Luxury that transcends trends",              quote: "This handbag is a timeless investment. Unlike trend-driven pieces, this bag gets better with age. The patina that develops is absolutely gorgeous. I feature it regularly on my platform, and my followers constantly ask where I got it.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/caffe-background-typing-sunglasses-young-app_1303-2767.jpg"
            },
            {
              id: "review-6",              name: "Amanda Walsh, Lifestyle Blogger",              date: "Date: 12 December 2024",              title: "Worth the investment",              quote: "I was hesitant about the price point initially, but after six months of daily use, I can confidently say this is one of my best purchases ever. The reliability and elegance combined make this a forever bag. Completely transformed my accessory collection.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg"
            }
          ]}
        />
      </div>

      <div id="related-products" data-section="related-products">
        <FeatureHoverPattern
          title="Explore Our Collection"
          description="Discover complementary luxury pieces that pair beautifully with your new handbag."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          features={[
            {
              icon: Wallet,
              title: "Leather Wallet",              description: "Handcrafted Italian leather wallet with RFID protection. Organize your essentials in style.",              button: {
                text: "View Details",                href: "#wallet"
              }
            },
            {
              icon: Eye,
              title: "Designer Sunglasses",              description: "UV-protected luxury sunglasses with Italian-crafted acetate frames. Classic elegance meets function.",              button: {
                text: "View Details",                href: "#sunglasses"
              }
            },
            {
              icon: Watch,
              title: "Heritage Timepiece",              description: "Swiss-made watch with leather strap to complement your collection. Precision meets style.",              button: {
                text: "View Details",                href: "#watch"
              }
            },
            {
              icon: Gem,
              title: "Pearl Jewelry Set",              description: "Ethically sourced pearl jewelry set with sterling silver. Timeless elegance for the refined.",              button: {
                text: "View Details",                href: "#jewelry"
              }
            },
            {
              icon: Sparkles,
              title: "Luxury Keychain",              description: "Hand-stitched leather keychain with gold plating. Small details make all the difference.",              button: {
                text: "View Details",                href: "#keychain"
              }
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Exclusive Access & Updates"
          description="Join our community and receive early access to new collections, styling tips from our experts, and exclusive member-only discounts."
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our Privacy Policy."
          imageSrc="https://img.b2bpic.net/free-photo/girl-coat_1303-4437.jpg"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="LuxeShop"
          columns={[
            {
              items: [
                { label: "Shop", href: "shop" },
                { label: "New Arrivals", href: "new-arrivals" },
                { label: "Collections", href: "collections" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "story" },
                { label: "Craftsmanship", href: "craftsmanship" }
              ]
            },
            {
              items: [
                { label: "Customer Care", href: "support" },
                { label: "Shipping Info", href: "shipping" },
                { label: "Returns", href: "returns" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" }
              ]
            },
            {
              items: [
                { label: "Follow Us", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Pinterest", href: "https://pinterest.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}