"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Sparkles, Award, Star, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="dotGrid"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Collections"
          navItems={[
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Craftsmanship", id: "craftsmanship" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Explore", href: "collections" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Luxury Redefined"
          description="Discover our curated collection of premium designer pieces. Each garment tells a story of craftsmanship, elegance, and timeless style."
          tag="New Collection"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Now", href: "collections" },
            { text: "View Lookbook", href: "craftsmanship" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540025986-mwjhi6cw.jpg",
              imageAlt: "Luxury Designer Collection"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540026510-1s3otmwm.jpg",
              imageAlt: "Premium Evening Wear"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027030-0jop0ml4.jpg",
              imageAlt: "Elegant Couture Piece"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027364-djkvkusy.jpg",
              imageAlt: "Designer Fashion"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027795-3q0nxz12.jpg",
              imageAlt: "Premium Textile"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540028373-qa70no2i.jpg",
              imageAlt: "Luxury Couture Design"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          containerClassName="w-full"
          titleClassName="text-5xl md:text-6xl font-light tracking-tight"
          descriptionClassName="text-lg md:text-xl font-light opacity-90"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Crafted with Precision"
          description="Since 1995, we have been dedicated to creating exceptional luxury garments that combine traditional craftsmanship with contemporary design. Every piece is meticulously tailored by master artisans using only the finest materials from around the world."
          tag="Our Heritage"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540028955-nz91dise.jpg"
          imageAlt="Luxury Atelier Craftsmanship"
          bulletPoints={[
            {
              title: "Handcrafted Excellence",
              description: "Each piece is hand-finished by master tailors with decades of experience"
            },
            {
              title: "Finest Materials",
              description: "We source premium fabrics and materials from Italy, France, and Japan"
            },
            {
              title: "Timeless Design",
              description: "Our collections are designed to transcend trends and seasons"
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#craftsmanship" }
          ]}
          containerClassName="w-full"
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardSix
          title="Featured Collections"
          description="Explore our curated selection of signature collections, each representing the pinnacle of luxury and design excellence."
          tag="Exclusive"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Evening Collection",
              price: "$2,450",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540025986-mwjhi6cw.jpg",
              imageAlt: "Evening Collection"
            },
            {
              id: "2",
              name: "Couture Essentials",
              price: "$1,895",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027030-0jop0ml4.jpg",
              imageAlt: "Couture Essentials"
            },
            {
              id: "3",
              name: "Heritage Line",
              price: "$3,200",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027795-3q0nxz12.jpg",
              imageAlt: "Heritage Line"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerClassName="w-full"
        />
      </div>

      <div id="craftsmanship" data-section="craftsmanship">
        <FeatureCardTwenty
          title="The Art of Tailoring"
          description="Experience the meticulous process behind every garment. From fabric selection to final stitch, our artisans bring decades of expertise to create wearable art."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540026510-1s3otmwm.jpg",
              imageAlt: "Premium Fabric Selection"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027030-0jop0ml4.jpg",
              imageAlt: "Hand Stitching Details"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027364-djkvkusy.jpg",
              imageAlt: "Quality Control Process"
            },
            {
              id: 4,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540027795-3q0nxz12.jpg",
              imageAlt: "Final Finishing Touches"
            }
          ]}
          buttons={[
            { text: "View Process", href: "#contact" }
          ]}
          containerClassName="w-full"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Celebrated by Connoisseurs"
          description="Hear from those who wear our collections and experience the difference that true luxury craftsmanship makes."
          tag="Client Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Victoria Sterling, Luxury Curator",
              date: "Date: 15 December 2024",
              title: "The epitome of elegance",
              quote: "Every piece I have purchased has exceeded my expectations. The attention to detail and quality is simply unmatched. These are investments in timeless beauty.",
              tag: "Verified Client",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355177-nx9mprtv.jpg"
            },
            {
              id: "2",
              name: "Alexandra Chen, Fashion Collector",
              date: "Date: 8 December 2024",
              title: "Pure craftsmanship",
              quote: "I have acquired pieces from the world's finest designers, and these collections stand among the most beautifully crafted garments I own. Exceptional value.",
              tag: "Verified Client",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540030079-emomah4e.jpg"
            },
            {
              id: "3",
              name: "Isabella Rousseau, Stylist",
              date: "Date: 1 December 2024",
              title: "Timeless sophistication",
              quote: "My clients consistently ask about pieces from their collections. The versatility and elegance make them perfect for any occasion. A true treasure.",
              tag: "Verified Client",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540030556-ijcq5uuw.jpg"
            },
            {
              id: "4",
              name: "Margaret Wellington, Art Patron",
              date: "Date: 20 November 2024",
              title: "Wearable art",
              quote: "These garments are more than clothing; they are expressions of artistry and heritage. I proudly wear these pieces to the most prestigious events.",
              tag: "Verified Client",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540030964-jpmz8rmb.jpg"
            }
          ]}
          containerClassName="w-full"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to elevate your wardrobe?"
          animationType="entrance-slide"
          inputPlaceholder="Enter your email for exclusive previews"
          buttonText="Subscribe"
          useInvertedBackground="noInvert"
          containerClassName="w-full"
          textClassName="text-3xl md:text-4xl font-light"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Luxe Collections"
          copyrightText="© Luxe Collections, Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Collections",
              items: [
                { label: "New Arrivals", href: "#collections" },
                { label: "Evening Wear", href: "#collections" },
                { label: "Couture", href: "#collections" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Story", href: "#about" },
                { label: "Craftsmanship", href: "#craftsmanship" },
                { label: "Heritage", href: "#about" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Sizing Guide", href: "#" },
                { label: "Care Instructions", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms & Conditions", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Return Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
          containerClassName="w-full"
          logoTextClassName="text-2xl font-light"
        />
      </div>
    </ThemeProvider>
  );
}