"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, Facebook, Twitter, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Aroma Luxe"
          navItems={[
            { name: "Collections", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Discover Your Signature Scent"
          description="Immerse yourself in our curated collection of premium fragrances, each crafted with the finest ingredients to create an unforgettable olfactory journey."
          tag="Luxury Fragrance"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=1"
          imageAlt="Luxury fragrance bottle collection"
          imagePosition="right"
          buttons={[
            { text: "Shop Collection", href: "#products" },
            { text: "Learn Our Story", href: "#about" },
          ]}
          testimonials={[
            {
              name: "Sophie Laurent",              handle: "Fragrance Enthusiast",              testimonial: "An absolutely exquisite collection. Each scent tells a unique story.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg?_wi=1"},
            {
              name: "James Mitchell",              handle: "Designer",              testimonial: "The quality and artistry are unmatched. A true luxury experience.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=1"},
            {
              name: "Elena Rodriguez",              handle: "Fashion Blogger",              testimonial: "These fragrances are the essence of elegance and refinement.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg?_wi=2"},
            {
              name: "David Chen",              handle: "Entrepreneur",              testimonial: "Every bottle is a masterpiece. Highly recommend to all perfume lovers.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=2"},
          ]}
          mediaAnimation="blur-reveal"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Heritage"
          description={[
            "At Aroma Luxe, we believe that fragrance is an art form. For over two decades, we have dedicated ourselves to sourcing the finest raw materials from around the world and blending them with meticulous precision.",            "Each fragrance in our collection is a testament to our commitment to excellence, sustainability, and timeless elegance. We honor traditional perfumery techniques while embracing modern innovation to create scents that transcend trends."]}
          useInvertedBackground={false}
          showBorder={true}
          buttons={[
            { text: "Explore Our Craftsmanship", href: "#features" },
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Collections"
          description="Handpicked fragrances that define luxury and sophistication"
          tag="Premium Selection"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Midnight Elegance",              price: "$185",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=2",              imageAlt: "Midnight Elegance perfume bottle"},
            {
              id: "2",              name: "Luminous Garden",              price: "$165",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=3",              imageAlt: "Luminous Garden perfume bottle"},
            {
              id: "3",              name: "Timeless Essence",              price: "$195",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=4",              imageAlt: "Timeless Essence perfume bottle"},
          ]}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="What Sets Us Apart"
          description="Experience the pinnacle of fragrance craftsmanship"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Artisanal Blending Process",              author: "Fragrance Masters",              description: "Each scent is meticulously blended by our master perfumers using traditional techniques passed down through generations.",              tags: ["Craftsmanship", "Heritage"],
              imageSrc: "http://img.b2bpic.net/free-photo/glass-vase-female-hand-home-goods-store_169016-52128.jpg",              imageAlt: "Artisanal perfume creation process"},
            {
              id: "2",              title: "Premium Natural Ingredients",              author: "Source Excellence",              description: "We source rare and exotic ingredients from the world's most prestigious botanical regions to ensure uncompromised quality.",              tags: ["Quality", "Sustainability"],
              imageSrc: "http://img.b2bpic.net/free-photo/compostable-care-products-assortment_23-2149353133.jpg",              imageAlt: "Premium fragrance ingredients"},
          ]}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Discover why fragrance connoisseurs around the world choose Aroma Luxe"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          tag="Client Stories"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Isabella Rossi",              role: "Fragrance Collector",              company: "Milan, Italy",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg?_wi=3"},
            {
              id: "2",              name: "Marcus Thompson",              role: "Luxury Retailer",              company: "London, UK",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=3"},
            {
              id: "3",              name: "Natasha Volkov",              role: "Fashion Executive",              company: "Paris, France",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg?_wi=4"},
            {
              id: "4",              name: "Oliver Chen",              role: "Lifestyle Curator",              company: "Tokyo, Japan",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=4"},
          ]}
          kpiItems={[
            { value: "25K+", label: "Satisfied Customers" },
            { value: "98%", label: "Satisfaction Rate" },
            { value: "50+", label: "Exclusive Fragrances" },
          ]}
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by Leading Retailers"
          description="Our fragrances are featured in the world's most prestigious boutiques and luxury department stores"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Global Recognition"
          tagAnimation="slide-up"
          names={[
            "Sephora",            "Harrods",            "Selfridges",            "Nordstrom",            "LVMH Boutiques",            "Galeries Lafayette",            "Browns Fashion"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our exclusive newsletter to receive early access to new collections, special offers, and fragrance tips from our experts."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49638.jpg"
          imageAlt="Aroma Luxe boutique experience"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Aroma Luxe"
          copyrightText="© 2025 Aroma Luxe. All rights reserved."
          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" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
