"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Crown, Award, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Loro Piana"
          navItems={[
            { name: "Collections", id: "products" },
            { name: "About", id: "about" },
            { name: "Heritage", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Timeless Luxury, Elevated Style"
          description="Discover the finest Italian craftsmanship. From precious cashmere to exquisite silk, experience luxury that transcends seasons."
          tag="New Collection"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Collections", href: "products" },
            { text: "Learn Our Story", href: "about" }
          ]}
          background={{ variant: "plain" }}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg",              imageAlt: "Luxury Loro Piana collection"
            },
            {
              id: "carousel-2",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-woman-white-sweater-spring-city_1157-33298.jpg",              imageAlt: "Premium cashmere collection"
            },
            {
              id: "carousel-3",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134358.jpg",              imageAlt: "Luxury wool blend coat"
            },
            {
              id: "carousel-4",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-sensual-blond-girl-knitted-sweater-emotionally-posing-outdoor_574295-4018.jpg",              imageAlt: "Fine silk accessories"
            },
            {
              id: "carousel-5",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-sweet-cute-smiling-brunette-woman-girl-casual-gray-sweater-model-posing-studio_158538-13040.jpg",              imageAlt: "Premium leather goods"
            },
            {
              id: "carousel-6",              imageSrc: "https://img.b2bpic.net/free-photo/photo-young-woman-sitting-comfy-chair-near-christmas-tree_114579-80988.jpg",              imageAlt: "Designer luxury shoes"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Collections"
          description="Handpicked selections from our most coveted luxury lines"
          tag="Exclusive"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Loro Piana",              name: "Storm System Cashmere Coat",              price: "$3,850.00",              rating: 5,
              reviewCount: "127",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134358.jpg",              imageAlt: "Storm System Cashmere Coat"
            },
            {
              id: "2",              brand: "Loro Piana",              name: "Pure Cashmere Crewneck",              price: "$2,450.00",              rating: 5,
              reviewCount: "89",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-woman-white-sweater-spring-city_1157-33298.jpg",              imageAlt: "Pure Cashmere Crewneck"
            },
            {
              id: "3",              brand: "Loro Piana",              name: "Silk Twill Scarf",              price: "$1,290.00",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-sensual-blond-girl-knitted-sweater-emotionally-posing-outdoor_574295-4018.jpg",              imageAlt: "Luxury Silk Twill Scarf"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Heritage"
          tagIcon={Award}
          title="The Art of Italian Excellence"
          description="Since 1924, Loro Piana has been the custodian of precious fibers and the pioneer of cutting-edge innovation. Our commitment to sourcing the world's finest materials and employing master craftsmen ensures that every piece embodies uncompromising quality and timeless elegance. We are not just a luxury brand—we are a legacy of superior craftsmanship passed down through generations."
          metrics={[
            {
              value: "100+",              title: "Years of Heritage"
            },
            {
              value: "$2.8B",              title: "Global Luxury Brand"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/glassblower-shaping-molten-glass_107420-74288.jpg"
          imageAlt="Loro Piana heritage and craftsmanship"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          tag="Why Choose Us"
          title="Unmatched Quality"
          description="Experience luxury through meticulous attention to detail"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "Premium Materials",              title: "Finest Fibers",              subtitle: "Sourced from the world's most exclusive suppliers",              description: "We work exclusively with the finest natural fibers: virgin cashmere from Mongolia, silk from Como, and wool from the world's most prized sources. Every fiber is hand-selected for its exceptional quality.",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-woman-white-sweater-spring-city_1157-33298.jpg",              imageAlt: "Premium cashmere fibers"
            },
            {
              id: 2,
              tag: "Artisan Craftsmanship",              title: "Master Made",              subtitle: "Handcrafted by Italian artisans",              description: "Each piece is meticulously crafted by master artisans in Italy. Our commitment to traditional techniques combined with contemporary design ensures that every garment is a work of art.",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-sweaters-gold-leaves_169016-5912.jpg",              imageAlt: "Artisan craftsmanship process"
            },
            {
              id: 3,
              tag: "Timeless Design",              title: "Elegance Endures",              subtitle: "Designs that transcend seasons",              description: "Our collections are designed to be timeless. We focus on classic silhouettes and refined aesthetics that never go out of style, ensuring your investment in Loro Piana lasts for generations.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-sweet-cute-smiling-brunette-woman-girl-casual-gray-sweater-model-posing-studio_158538-13040.jpg",              imageAlt: "Timeless luxury design"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Legacy in Numbers"
          description="Loro Piana by the numbers: a testament to excellence and global trust"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "98%",              title: "Customer Satisfaction",              items: [
                "World-class after-sales service",                "Premium packaging and care",                "Lifetime garment support"
              ]
            },
            {
              id: "2",              value: "50+",              title: "Countries Worldwide",              items: [
                "Flagship boutiques globally",                "Exclusive distributor network",                "International luxury presence"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Loved by Discerning Clientele"
          description="See why luxury connoisseurs choose Loro Piana"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Catherine Leclerc, Fashion Editor",              date: "Date: 15 November 2024",              title: "Uncompromising elegance in every stitch",              quote: "I have worn Loro Piana for over a decade. The quality is simply incomparable. Every piece I own has transcended trends and become a permanent fixture in my wardrobe. This is luxury that endures.",              tag: "Premium Client",              avatarSrc: "https://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-pretty-woman-with-light-brown-hair-wearing-black-jacket-with-red-lips_291650-1321.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-woman-white-sweater-spring-city_1157-33298.jpg",              imageAlt: "Premium cashmere collection"
            },
            {
              id: "2",              name: "Marco Benedetti, CEO",              date: "Date: 8 October 2024",              title: "The standard of refined taste",              quote: "When it comes to luxury menswear, Loro Piana sets the benchmark. The attention to detail, the quality of materials, and the timeless designs make every piece an investment in elegance that lasts a lifetime.",              tag: "Premium Client",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134358.jpg",              imageAlt: "Luxury wool blend coat"
            },
            {
              id: "3",              name: "Sophie Arnould, Collector",              date: "Date: 22 September 2024",              title: "Heritage meets contemporary style",              quote: "Loro Piana combines Italian heritage with contemporary design in a way no other house can. My collection has grown because each new piece is a testament to their unwavering commitment to excellence.",              tag: "Premium Client",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-sensual-blond-girl-knitted-sweater-emotionally-posing-outdoor_574295-4018.jpg",              imageAlt: "Fine silk accessories"
            },
            {
              id: "4",              name: "James Wellington, Businessman",              date: "Date: 5 August 2024",              title: "Investment in timeless elegance",              quote: "I invest in Loro Piana because these pieces don't age—they improve. The craftsmanship is visible, the quality is evident, and the value is undeniable. This is luxury that matters.",              tag: "Premium Client",              avatarSrc: "https://img.b2bpic.net/free-photo/attractive-african-businesswoman-near-window-eyes-closed_171337-16073.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-sweet-cute-smiling-brunette-woman-girl-casual-gray-sweater-model-posing-studio_158538-13040.jpg",              imageAlt: "Premium leather goods"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Informed"
          tagIcon={Mail}
          title="Exclusive Access to New Collections"
          description="Subscribe to our newsletter and be the first to discover new collections, exclusive events, and insider stories from the world of Loro Piana."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg"
          imageAlt="Exclusive Loro Piana collection preview"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. Receive curated updates about new collections and exclusive events."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Loro Piana"
          copyrightText="© 2025 | Loro Piana - Custodians of Precious Fibers"
          columns={[
            {
              title: "Collections",              items: [
                { label: "Women", href: "products" },
                { label: "Men", href: "products" },
                { label: "New Arrivals", href: "products" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Heritage", href: "about" },
                { label: "Craftsmanship", href: "about" },
                { label: "Our Values", href: "about" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping & Returns", href: "#" },
                { label: "Care Instructions", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}