"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Heart, Instagram, Facebook, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LUSSO ITALIA"
          navItems={[
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Heritage", id: "heritage" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Shop Now",            href: "#collections"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Timeless Italian Luxury"
          description="Discover the art of Italian craftsmanship. Each piece tells a story of heritage, passion, and uncompromising quality. Welcome to the world of LUSSO ITALIA."
          tag="Est. 1985"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/contemporary-photoshoot-transgender-woman_53876-40942.jpg",              imageAlt: "Luxury Italian leather handbag"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-lady-drinking-coffee-her-office_197531-24046.jpg",              imageAlt: "Premium leather accessories collection"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/blonde-curly-woman-tweed-jacket-white-elegant-blouse-covers-sun-with-hand-charming-girl-looks-up-poses-dark-room_197531-23202.jpg",              imageAlt: "Elegant Italian fashion design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg",              imageAlt: "Luxury lifestyle collection"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/lady-working-as-fashion-designer-creating-new-dress_197531-24020.jpg",              imageAlt: "Artisan crafted luxury pieces"
            }
          ]}
          buttons={[
            { text: "Explore Collections", href: "#collections" },
            { text: "Our Story", href: "#about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Heritage & Craftsmanship"
          description="Four decades of Italian excellence"
          imageSrc="https://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898080.jpg"
          imageAlt="Italian fashion heritage and craftsmanship"
          imagePosition="right"
          tabs={[
            {
              id: "heritage",              label: "Our Heritage",              description: "Founded in Milan in 1985, LUSSO ITALIA represents the pinnacle of Italian fashion tradition. For nearly 40 years, we have been dedicated to creating timeless pieces that celebrate the art of craftsmanship and the beauty of Italian design."
            },
            {
              id: "materials",              label: "Premium Materials",              description: "We source the finest materials from across Italy and the world. Every leather is hand-selected, every stitch perfected. Our commitment to quality ensures that each piece becomes more beautiful with time."
            },
            {
              id: "artisans",              label: "Master Artisans",              description: "Our team of master artisans brings generations of expertise to every creation. Each member of our atelier is dedicated to the pursuit of perfection, ensuring every detail meets our exacting standards."
            },
            {
              id: "sustainability",              label: "Sustainable Luxury",              description: "We believe true luxury is sustainable. Our practices honor both tradition and the environment, using ethical sourcing and production methods that respect our planet for generations to come."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardThree
          title="Featured Collections"
          description="Experience our most coveted designs"
          products={[
            {
              id: "1",              name: "Milano Tote Signature",              price: "$2,450",              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",              imageAlt: "Milano Tote Signature luxury handbag"
            },
            {
              id: "2",              name: "Venetian Elegance Heel",              price: "$1,890",              imageSrc: "https://img.b2bpic.net/free-photo/elderly-woman-coat-outside-cafe_1303-19485.jpg",              imageAlt: "Venetian Elegance premium leather heel"
            },
            {
              id: "3",              name: "Florence Leather Belt",              price: "$895",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-elegant-woman-sitting-cafe-holding-coffee-stylish-little-purse-with-scarf_285396-7931.jpg",              imageAlt: "Florence luxury leather belt"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Voices of Elegance"
          description="Discover what our discerning clients say about LUSSO ITALIA"
          testimonials={[
            {
              id: "1",              name: "Isabella Rossi",              role: "Fashion Editor",              testimonial: "Every piece from LUSSO ITALIA is a masterpiece. The attention to detail, the quality of materials, and the timeless design make each purchase an investment in elegance.",              imageSrc: "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",              imageAlt: "Isabella Rossi, Fashion Editor"
            },
            {
              id: "2",              name: "Francesca Marino",              role: "Luxury Collector",              testimonial: "I've collected luxury fashion for decades, and LUSSO ITALIA consistently delivers pieces that transcend trends. Their commitment to craftsmanship is unparalleled.",              imageSrc: "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",              imageAlt: "Francesca Marino, Luxury Collector"
            },
            {
              id: "3",              name: "Sofia Benedetti",              role: "Style Influencer",              testimonial: "LUSSO ITALIA pieces have become staples in my wardrobe. The quality is exceptional, and they pair beautifully with everything. Truly timeless luxury.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg",              imageAlt: "Sofia Benedetti, Style Influencer"
            },
            {
              id: "4",              name: "Elena Gherardi",              role: "CEO",              testimonial: "As a luxury retailer, we trust only the best brands for our clients. LUSSO ITALIA's dedication to excellence and heritage makes them our preferred partner.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg",              imageAlt: "Elena Gherardi, CEO"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Begin Your Journey"
          tagIcon={Heart}
          title="Discover Your Perfect Piece"
          description="Experience the artistry and elegance of LUSSO ITALIA. Visit our flagship boutique in Milan or explore our exclusive collections online. Let us help you find the perfect expression of your sophisticated taste."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Visit Boutique", href: "#" },
            { text: "Shop Online", href: "#collections" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="LUSSO ITALIA"
          copyrightText="© 2025 LUSSO ITALIA. All rights reserved. Crafted in Milan, Italy."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}