"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Leaf, Heart, Shield, Instagram, Facebook, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="IMPERIA"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Fragrances", id: "fragrances" },
            { name: "Services", id: "services" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Luxury Parfumerie"
          bottomRightText="hello@imperia.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Discover Your Signature Scent"
          description="Explore our exclusive collection of premium fragrances, carefully curated to reveal the most captivating essences from around the world. Experience luxury, elegance, and unforgettable olfactory moments."
          background={{ variant: "plain" }}
          tag="Premium Parfumerie"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Collection", href: "#fragrances" },
            { text: "Book Consultation", href: "#contact" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",              imageAlt: "Luxury perfume bottle 1"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg",              imageAlt: "Premium fragrance 2"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-50305.jpg",              imageAlt: "Exclusive scent 3"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-beautifully-shaped-glass-bottles-filled-with-perfume_181624-28370.jpg",              imageAlt: "Luxury parfum 4"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg",              imageAlt: "Elegant fragrance 5"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337714.jpg",              imageAlt: "Fine perfume 6"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="The Imperia Experience"
          description="Discover what makes Imperia the premier destination for luxury fragrances"
          tabs={[
            {
              id: "heritage",              label: "Heritage",              description: "For over two decades, Imperia has been the beacon of olfactory excellence. Our commitment to sourcing the finest fragrance notes from master perfumers worldwide has established us as the trusted name in luxury parfumerie. Each bottle tells a story of passion, craftsmanship, and timeless elegance."
            },
            {
              id: "philosophy",              label: "Philosophy",              description: "We believe fragrance is an extension of identity. Our philosophy centers on creating bespoke olfactory experiences that celebrate individuality. Through personalized consultations and exclusive collections, we guide each guest in discovering scents that resonate with their unique essence and lifestyle."
            },
            {
              id: "sustainability",              label: "Sustainability",              description: "Imperia is committed to responsible sourcing and eco-conscious practices. We partner exclusively with ethical suppliers who share our values of environmental stewardship. Our sustainable packaging and commitment to preserving precious botanical resources ensure luxury without compromise to the planet."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49638.jpg"
          imageAlt="Imperia salon interior"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="fragrances" data-section="fragrances">
        <ProductCardThree
          title="Featured Fragrances"
          description="Explore our signature collection of exquisite perfumes, each one a masterpiece of composition and elegance"
          products={[
            {
              id: "1",              name: "Essence Éternelle - Eau de Parfum",              price: "$185.00",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",              imageAlt: "Essence Éternelle fragrance bottle",              initialQuantity: 1
            },
            {
              id: "2",              name: "Velours Noir - Eau de Toilette",              price: "$145.00",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg",              imageAlt: "Velours Noir fragrance bottle",              initialQuantity: 1
            },
            {
              id: "3",              name: "Aurore Cristalline - Parfum",              price: "$220.00",              imageSrc: "https://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-50305.jpg",              imageAlt: "Aurore Cristalline fragrance bottle",              initialQuantity: 1
            },
            {
              id: "4",              name: "Jade Mystique - Eau de Parfum",              price: "$165.00",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-beautifully-shaped-glass-bottles-filled-with-perfume_181624-28370.jpg",              imageAlt: "Jade Mystique fragrance bottle",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Why Choose Imperia"
          description="Experience the difference that luxury craftsmanship and expertise brings to your fragrance journey"
          features={[
            {
              icon: Leaf,
              title: "Natural Ingredients",              description: "We source the finest botanical essences and natural ingredients from sustainable suppliers worldwide, ensuring purity and authenticity in every creation."
            },
            {
              icon: Sparkles,
              title: "Master Craftsmanship",              description: "Our fragrances are composed by renowned master perfumers with decades of experience. Each blend is an art form perfected through years of dedication."
            },
            {
              icon: Heart,
              title: "Personalized Service",              description: "Our expert consultants provide tailored guidance to help you discover fragrances that truly reflect your unique personality and lifestyle preferences."
            },
            {
              icon: Shield,
              title: "Quality Assurance",              description: "Every bottle undergoes rigorous testing to ensure exceptional longevity, sillage, and consistency, meeting our uncompromising luxury standards."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Fragrance Enthusiasts"
          description="Discover what our valued clients say about their Imperia experience"
          testimonials={[
            {
              id: "1",              title: "A Transformative Fragrance Experience",              quote: "My consultation at Imperia was exceptional. The team helped me discover a signature scent that feels like an extension of myself. I've never felt more confident, and the fragrance has become my daily ritual.",              name: "Sophie Laurent",              role: "Luxury Brand Curator",              imageSrc: "https://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "2",              title: "Unparalleled Quality and Service",              quote: "Imperia stands apart for its dedication to quality and personal service. The fragrances are exceptional, and the knowledge of the staff is truly impressive. I've become a loyal customer for life.",              name: "Marc Delacroix",              role: "Entrepreneur & Collector",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",              imageAlt: "Marc Delacroix"
            },
            {
              id: "3",              title: "Elegance Personified",              quote: "Every visit to Imperia is an experience. From the moment you enter, you're treated like royalty. The fragrances are exquisite, and each one tells a story. I cannot recommend them highly enough.",              name: "Isabelle Montfort",              role: "Fashion Journalist",              imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",              imageAlt: "Isabelle Montfort"
            },
            {
              id: "4",              title: "Master Craftsmanship in Every Bottle",              quote: "As a connoisseur of fine fragrances, I'm impressed by Imperia's commitment to excellence. The depth and complexity of their fragrances are unmatched. This is luxury at its finest.",              name: "Xavier Beaumont",              role: "Art Collector",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "Xavier Beaumont"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <MetricCardFourteen
          title="Elevate your fragrance journey with our exclusive services and experiences designed to celebrate your unique olfactory preferences"
          tag="Services"
          metrics={[
            {
              id: "1",              value: "Personal Consultations",              description: "One-on-one sessions with our fragrance experts to discover your perfect signature scent"
            },
            {
              id: "2",              value: "Custom Blending",              description: "Create a bespoke fragrance tailored exclusively to your preferences and personality"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your Fragrance Journey"
          description="Contact us to schedule a personalized consultation or inquire about our exclusive collection. Our team is dedicated to helping you discover your signature scent."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Your Phone",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your fragrance preferences or questions...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623375.jpg"
          imageAlt="Fragrance consultation experience"
          mediaPosition="right"
          buttonText="Schedule Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="IMPERIA"
          copyrightText="© 2025 Imperia Parfumerie. All rights reserved. | Luxury Fragrances Curated with Excellence"
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/imperia",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/imperia",              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Mail,
              href: "mailto:hello@imperia.com",              ariaLabel: "Send us an email"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}