"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TextAbout from "@/components/sections/about/TextAbout";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Star, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="KiT"
          navItems={[
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Discover Your Signature Scent"
          description="Explore our curated collection of luxury fragrances crafted to inspire and captivate your senses."
          tag="Welcome to KiT"
          tagIcon={Sparkles}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg"
          imageAlt="Luxury perfume bottle"
          buttons={[
            { text: "Explore Collection", href: "#collections" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardNineteen
          title="Signature Collections"
          description="Each collection tells a unique story, crafted with precision and passion."
          tag="Curated Selections"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "Floral",              title: "Blossom Dreams",              subtitle: "Delicate and romantic fragrances",              description: "Experience the enchanting essence of blooming flowers with our Blossom Dreams collection. Each fragrance captures the beauty and elegance of nature's finest blooms.",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg",              imageAlt: "Floral perfume collection"
            },
            {
              id: 2,
              tag: "Woody",              title: "Amber Woods",              subtitle: "Warm and sophisticated notes",              description: "Indulge in the rich, earthy warmth of our Amber Woods collection. Perfect for those who appreciate depth, complexity, and timeless elegance.",              imageSrc: "https://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg",              imageAlt: "Woody perfume collection"
            },
            {
              id: 3,
              tag: "Fresh",              title: "Citrus Breeze",              subtitle: "Light and energizing essences",              description: "Feel refreshed and energized with our Citrus Breeze collection. Featuring bright, uplifting notes that capture the essence of sunny citrus orchards.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg",              imageAlt: "Fresh citrus perfume collection"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Fragrances"
          description="Our most beloved perfumes, chosen by fragrance enthusiasts worldwide."
          tag="Best Sellers"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "KiT Essence",              name: "Midnight Noir",              price: "$89.00",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721383.jpg",              imageAlt: "Midnight Noir perfume bottle"
            },
            {
              id: "2",              brand: "KiT Essence",              name: "Golden Hour",              price: "$85.00",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "https://img.b2bpic.net/free-photo/alcohol-bottle-book-with-pomegranates-rose_176474-6034.jpg",              imageAlt: "Golden Hour perfume bottle"
            },
            {
              id: "3",              brand: "KiT Essence",              name: "Crystal Bloom",              price: "$92.00",              rating: 5,
              reviewCount: "2.1k",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-expensive-perfume-as-present-black-table-gift-scent-love-fragnance-smell-valentines-day-marriage_140725-148347.jpg",              imageAlt: "Crystal Bloom perfume bottle"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="At KiT, we believe that fragrance is more than a scent—it's an expression of your unique personality and a journey through carefully crafted emotions. Each of our perfumes is created with the finest ingredients and timeless artistry."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Shop Collection", href: "#products" },
            { text: "Contact Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="KiT's fragrances have completely transformed how I experience scent. Each bottle is a masterpiece of quality and artistry. I've recommended them to everyone I know."
          rating={5}
          author="Emma Richardson, Fragrance Enthusiast"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg",              alt: "Emma Richardson"
            },
            {
              src: "https://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg",              alt: "Customer review 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg",              alt: "Customer review 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg",              alt: "Customer review 4"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="KiT by the Numbers"
          description="Trusted by fragrance lovers around the world"
          tag="Our Impact"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          metrics={[
            { id: "1", value: "15K+", description: "Happy Customers" },
            { id: "2", value: "50+", description: "Signature Scents" },
            { id: "3", value: "98%", description: "Satisfaction Rate" },
            { id: "4", value: "12", description: "Years of Excellence" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about our fragrances? We're here to help you discover your perfect scent."
          ctaButton={{
            text: "Send a Message",            href: "mailto:hello@kitrperfums.com"
          }}
          ctaIcon={MessageCircle}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "How long do KiT fragrances last?",              content: "Our fragrances are formulated with premium concentrations and typically last 6-8 hours on skin. Layering with our fragrance body lotion can extend longevity."
            },
            {
              id: "2",              title: "Are KiT fragrances suitable for all skin types?",              content: "Yes, our fragrances are hypoallergenic and dermatologist-tested. However, we recommend testing a sample first if you have sensitive skin."
            },
            {
              id: "3",              title: "Do you offer samples or testers?",              content: "Absolutely! We provide free sample sets with every purchase. You can also request specific samples before buying full-size bottles."
            },
            {
              id: "4",              title: "What is your return policy?",              content: "We offer a 30-day money-back guarantee on all products. If you're not satisfied with your purchase, simply return it for a full refund."
            },
            {
              id: "5",              title: "Do you ship internationally?",              content: "Yes, we ship to over 50 countries worldwide. International shipping typically takes 7-14 business days depending on your location."
            },
            {
              id: "6",              title: "How should I store my perfume?",              content: "Store fragrances in a cool, dark place away from direct sunlight and heat. Avoid keeping them in the bathroom as humidity can affect the scent."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="KiT"
          columns={[
            {
              items: [
                { label: "Shop", href: "#products" },
                { label: "Collections", href: "#collections" },
                { label: "Gift Sets", href: "#products" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#about" }
              ]
            },
            {
              items: [
                { label: "Customer Care", href: "#contact" },
                { label: "Contact", href: "#contact" },
                { label: "FAQ", href: "#contact" }
              ]
            },
            {
              items: [
                { label: "Follow Us", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Shipping Info", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}