"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Award, Check, CheckCircle, Heart, Shield, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="plain"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Essence"
          navItems={[
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Craftsmanship", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium Fragrance Since 2024"
          bottomRightText="hello@essenceperfumes.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Discover Your Signature Scent"
          description="Handcrafted fragrances that tell your story. Each bottle captures the essence of luxury, artistry, and timeless elegance."
          tag="Premium Collection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Collections", href: "#collections" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Sophie Laurent",              handle: "@sophielaurent",              testimonial: "The most exquisite fragrance I've ever experienced. Pure luxury.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident-stan_1258-118782.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              name: "Marcus Chen",              handle: "@marcuschen",              testimonial: "Incredible quality and lasting power. Worth every penny.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",              imageAlt: "Marcus Chen"
            },
            {
              name: "Elena Rodriguez",              handle: "@elenarod",              testimonial: "A signature fragrance that makes me feel confident and elegant.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",              imageAlt: "Elena Rodriguez"
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/view-blue-ribbon-man-perfume-gift-box-beautiful-gift-box-dark_140725-138939.jpg"
          imageAlt="Premium perfume bottle"
          mediaAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafted with Passion" },
            { type: "text", content: "Every fragrance is a masterpiece of artistry and dedication. We blend the finest ingredients from around the world to create perfumes that evoke emotion and memory. Our commitment to quality means each bottle is a testament to luxury." }
          ]}
          buttons={[
            { text: "Discover Our Story", href: "#" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardTwo
          title="Signature Collections"
          description="Explore our curated fragrances, each designed to capture a distinct moment and mood."
          tag="Limited Edition"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All", href: "#" }
          ]}
          buttonAnimation="slide-up"
          products={[
            {
              id: "midnight-garden",              brand: "Essence",              name: "Midnight Garden",              price: "$129",              rating: 5,
              reviewCount: "284",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-with-pink-roses_140725-13877.jpg",              imageAlt: "Midnight Garden Perfume"
            },
            {
              id: "amber-legacy",              brand: "Essence",              name: "Amber Legacy",              price: "$139",              rating: 5,
              reviewCount: "312",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-with-blue-paper-flower_140725-13876.jpg",              imageAlt: "Amber Legacy Perfume"
            },
            {
              id: "rose-eternity",              brand: "Essence",              name: "Rose Eternity",              price: "$149",              rating: 5,
              reviewCount: "428",              imageSrc: "http://img.b2bpic.net/free-photo/flamenca-hands-with-copy-space_23-2148235161.jpg",              imageAlt: "Rose Eternity Perfume"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Craftsmanship Excellence"
          description="Our dedication to quality is reflected in every detail, from sourcing premium ingredients to our meticulous blending process."
          tag="Artisanal Process"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              title: "Natural Ingredients",              description: "Sourced from the finest botanical gardens worldwide, ensuring purity and authenticity in every drop.",              imageSrc: "http://img.b2bpic.net/free-photo/himalayan-salt-glass-jar-with-pestle_23-2147844973.jpg",              imageAlt: "Natural ingredients",              buttonIcon: Check
            },
            {
              title: "Expert Blending",              description: "Our master perfumers bring decades of experience, creating harmonious fragrance compositions that endure.",              imageSrc: "http://img.b2bpic.net/free-photo/himalayan-salt-glass-jar-with-pestle_23-2147844973.jpg",              imageAlt: "Expert blending",              buttonIcon: CheckCircle
            },
            {
              title: "Sustainable Luxury",              description: "Eco-conscious packaging and ethical sourcing practices that honor both quality and our planet.",              imageSrc: "http://img.b2bpic.net/free-photo/himalayan-salt-glass-jar-with-pestle_23-2147844973.jpg",              imageAlt: "Sustainable practices",              buttonIcon: Shield
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Fragrance Enthusiasts"
          description="Thousands of customers trust Essence for their signature fragrance journey."
          tag="Customer Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sophie Laurent",              handle: "@sophielaurent",              testimonial: "The most exquisite fragrance I've ever experienced. Pure luxury in a bottle. I receive compliments everywhere I go.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident-stan_1258-118782.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "2",              name: "Marcus Chen",              handle: "@marcuschen",              testimonial: "Incredible quality and longevity. This fragrance lasts all day and smells absolutely divine.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@elenarod",              testimonial: "A signature fragrance that makes me feel confident and elegant. It's become part of my identity.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "James Thompson",              handle: "@jamesthompson",              testimonial: "Worth every penny. The packaging alone is a work of art, and the scent is unforgettable.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",              imageAlt: "James Thompson"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Find Your Perfect Fragrance"
          description="Join our community of fragrance lovers. Subscribe for exclusive launches, personalized recommendations, and special offers."
          tagIcon={Heart}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/cups-with-sake-beverage-white-background_23-2149869748.jpg"
          imageAlt="Fragrance collection"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive exclusive offers and updates from Essence. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/view-blue-ribbon-man-perfume-gift-box-beautiful-gift-box-dark_140725-138939.jpg"
          imageAlt="Essence perfume"
          columns={[
            {
              title: "Collections",              items: [
                { label: "Signature Line", href: "#" },
                { label: "Limited Edition", href: "#" },
                { label: "Travel Size", href: "#" },
                { label: "Gift Sets", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Story", href: "#" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          logoText="Essence"
          copyrightText="© 2024 Essence Fragrances. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
