"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, ShoppingBag, Star, Heart, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Valenok"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Collection", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Fashion Forward"
          bottomRightText="hello@valenok.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Discover Your Style at Valenok"
          description="Premium fashion collections crafted for every occasion. Explore our curated selection of clothing that blends quality, comfort, and contemporary design."
          tag="New Collection"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-looking-dress_23-2147688366.jpg",              imageAlt: "Fashion collection showcase"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/rows-hangers-with-clothes_23-2147669916.jpg",              imageAlt: "Men's clothing line"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/empty-boutique-shopping-centre_482257-78792.jpg",              imageAlt: "Women's fashion collection"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-different-outfits_23-2148195403.jpg",              imageAlt: "Accessories and details"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-home-choosing-cloth-from-her-check-room_1303-18390.jpg",              imageAlt: "Casual wear essentials"
            }
          ]}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Products"
          description="Explore our handpicked selection of premium clothing items designed to elevate your wardrobe."
          tag="Shop Collection"
          tagIcon={ShoppingBag}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Premium Cotton Shirt",              price: "$59.99",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20616.jpg",              imageAlt: "Premium cotton shirt",              initialQuantity: 1
            },
            {
              id: "2",              name: "Classic Denim Jeans",              price: "$79.99",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20630.jpg",              imageAlt: "Classic denim jeans",              initialQuantity: 1
            },
            {
              id: "3",              name: "Cozy Knit Sweater",              price: "$69.99",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-wearing-casual-clothes-standing-outdoors-with-urban-space_58466-11964.jpg",              imageAlt: "Cozy knit sweater",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Valenok"
          description="We believe fashion is a form of self-expression that should be accessible to everyone."
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "At Valenok, we curate exceptional clothing that combines timeless style with contemporary comfort. Our mission is to empower individuals to express their unique identity through fashion."
            },
            {
              id: "quality",              label: "Quality First",              description: "Every piece in our collection is carefully selected for superior craftsmanship, premium materials, and attention to detail. We partner with ethical manufacturers worldwide."
            },
            {
              id: "sustainability",              label: "Sustainability",              description: "We're committed to sustainable fashion practices, using eco-friendly materials and supporting fair trade principles to create a positive impact on our planet."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg"
          imageAlt="Valenok fashion boutique"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="highlights" data-section="highlights">
        <FeatureCardTwentyFour
          title="Collection Highlights"
          description="Discover our latest curated collections featuring trending styles and timeless classics."
          tag="Collections"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Summer Essentials Collection",              author: "Fashion Team",              description: "Light, breathable fabrics perfect for warm weather. From breezy linen shirts to elegant summer dresses, our summer collection keeps you cool and stylish.",              tags: ["Summer", "Casual", "New"],
              imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-clothes-shop_23-2147669917.jpg",              imageAlt: "Summer collection"
            },
            {
              id: "2",              title: "Winter Elegance Line",              author: "Design Studio",              description: "Cozy and sophisticated pieces for the colder months. Featuring premium knitwear, layering essentials, and outerwear designed for both warmth and style.",              tags: ["Winter", "Elegant", "Premium"],
              imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg",              imageAlt: "Winter collection"
            },
            {
              id: "3",              title: "Casual Everyday Wear",              author: "Style Experts",              description: "Versatile basics that form the foundation of any wardrobe. Mix and match pieces that work seamlessly together for effortless everyday style.",              tags: ["Casual", "Versatile", "Essential"],
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-choosing-blue-jacket-hanging-rail-clothing-shop_23-2148175630.jpg",              imageAlt: "Casual collection"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real feedback from people who trust Valenok for their fashion needs."
          tag="Customer Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahjfashion",              testimonial: "Valenok's collection is absolutely stunning! The quality is exceptional and the customer service is outstanding. I've become a regular shopper.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@michaelstyle",              testimonial: "Finally found a clothing brand that understands modern fashion. The pieces are versatile, well-made, and perfectly priced. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmarstyle",              testimonial: "I love supporting sustainable fashion. Valenok's commitment to quality and ethics makes me feel good about every purchase.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-smiling-woman-office_23-2148187253.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "James Wilson",              handle: "@jameswear",              testimonial: "The fit and comfort of Valenok clothing is unmatched. My wardrobe transformation started here. Worth every penny!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Stay Connected"
          tagIcon={Mail}
          title="Join the Valenok Community"
          description="Subscribe to our newsletter for exclusive offers, style tips, and early access to new collections. Be the first to know about our latest arrivals and special promotions."
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Subscribe Now", href: "contact" },
            { text: "Shop Collection", href: "products" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-with-woman-clothing-store_1258-4.jpg"
          imageAlt="Valenok fashion store"
          logoText="Valenok"
          copyrightText="© 2025 Valenok. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "products" },
                { label: "Collections", href: "highlights" },
                { label: "Sale", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Sustainability", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}