"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Star, Instagram, Facebook, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luminé"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Benefits", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Skincare Science"
          bottomRightText="hello@luminé.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Luminé"
          description="Luxury skincare formulated with nature's most potent ingredients. Transforming your skin through science and botanical wisdom."
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-relaxed-woman_1098-1320.jpg",              imageAlt: "Luxury skincare spa experience"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18141.jpg",              imageAlt: "Premium skincare product collection"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18143.jpg",              imageAlt: "Radiant glowing skin results"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Sparkles}
          title="Skincare Crafted with Purpose"
          description="At Luminé, we believe that radiant skin starts with understanding what your skin truly needs. Our formulations blend cutting-edge dermatological research with time-honored botanical wisdom. Every product is carefully crafted to deliver visible results while respecting your skin's natural balance. We're committed to sustainability, efficacy, and the transformative power of premium skincare."
          metrics={[
            { value: "15+", title: "Years of Research & Development" },
            { value: "100K+", title: "Happy Customers Worldwide" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-pleased-african-woman-relaxing-with-closed-eyes-spa-salon_176420-13947.jpg"
          imageAlt="Natural skincare ingredients and botanical elements"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Product Collection"
          description="Discover our carefully curated selection of skincare essentials designed to transform your daily routine."
          tag="Best Sellers"
          tagIcon={Star}
          products={[
            {
              id: "1",              brand: "Luminé",              name: "Luminous Radiance Serum",              price: "$68.00",              rating: 5,
              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/cosmetic-bottles-stones-light-background_185193-162140.jpg",              imageAlt: "Luminous Radiance Serum bottle"
            },
            {
              id: "2",              brand: "Luminé",              name: "Silk Renewal Night Cream",              price: "$82.00",              rating: 5,
              reviewCount: "298",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg",              imageAlt: "Silk Renewal Night Cream jar"
            },
            {
              id: "3",              brand: "Luminé",              name: "Pure Essence Facial Cleanser",              price: "$45.00",              rating: 4,
              reviewCount: "217",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg",              imageAlt: "Pure Essence Facial Cleanser bottle"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Why Choose Luminé"
          description="Experience the difference with our science-backed skincare solutions."
          features={[
            {
              id: 1,
              title: "Deep Hydration Technology",              description: "Our proprietary moisture-lock formula penetrates deep into skin layers, providing 24-hour hydration that leaves your skin visibly plump and dewy.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-with-orchid-perfect-skin-near-big-window_146671-18628.jpg",              imageAlt: "Deep hydration skincare benefits"
            },
            {
              id: 2,
              title: "100% Natural Botanicals",              description: "Sourced from sustainable farms worldwide, our ingredients are pure, potent, and free from harmful chemicals. Nature's power in every drop.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg",              imageAlt: "Natural botanical ingredients"
            },
            {
              id: 3,
              title: "Dermatologist-Tested Formula",              description: "Developed through years of research with leading dermatologists, our formulations are proven safe and effective for all skin types.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-receiving-relaxing-massage-spa_23-2148176889.jpg",              imageAlt: "Scientific skincare research and testing"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Hear from real people experiencing the transformative power of Luminé skincare."
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "This serum completely transformed my skin. After two weeks, my complexion was noticeably brighter and smoother. I'm obsessed!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Jessica Chen",              handle: "@jessicabeauty",              testimonial: "Finally found a night cream that doesn't leave my skin feeling greasy. The texture is luxurious and the results are incredible.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-posing-professionally-outdoors_23-2148603028.jpg",              imageAlt: "Jessica Chen"
            },
            {
              id: "3",              name: "Emma Richardson",              handle: "@emmaglowsup",              testimonial: "The cleanser is so gentle yet effective. My sensitive skin has never been happier. Genuinely recommend to everyone!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "4",              name: "Michael Davis",              handle: "@michaelcare",              testimonial: "As someone who was skeptical about skincare, this line proved me wrong. The quality is exceptional and the science behind it shows.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg",              imageAlt: "Michael Davis"
            },
            {
              id: "5",              name: "Victoria King",              handle: "@victoriaskin",              testimonial: "Worth every penny. My skin looks more youthful and radiant than it has in years. This is self-care at its finest.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",              imageAlt: "Victoria King"
            },
            {
              id: "6",              name: "Amanda Foster",              handle: "@amandaglow",              testimonial: "The entire routine works seamlessly together. My skin barrier has never been stronger and I love the results.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",              imageAlt: "Amanda Foster"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our skincare products and routines."
          faqs={[
            {
              id: "1",              title: "How long does it take to see results?",              content: "Most customers see visible improvements in skin texture and radiance within 2-4 weeks of consistent use. For deeper concerns like hyperpigmentation or fine lines, allow 6-8 weeks for optimal results."
            },
            {
              id: "2",              title: "Is Luminé suitable for sensitive skin?",              content: "Yes! Our products are dermatologist-tested and formulated to be gentle on all skin types, including sensitive and reactive skin. We recommend starting with our cleanser and gradually introducing other products."
            },
            {
              id: "3",              title: "Are your products cruelty-free?",              content: "Absolutely. Luminé is committed to ethical beauty practices. We never test on animals and partner only with suppliers who share our values."
            },
            {
              id: "4",              title: "Can I use these products while pregnant?",              content: "Our products are formulated with safe ingredients, but we recommend consulting with your healthcare provider during pregnancy. Contact our customer service team for specific guidance."
            },
            {
              id: "5",              title: "What is your return policy?",              content: "We offer a 60-day money-back guarantee. If you're not completely satisfied, simply return your products for a full refund, no questions asked."
            },
            {
              id: "6",              title: "Do you offer international shipping?",              content: "Yes, we ship to over 50 countries worldwide. Shipping times and costs vary by location. Visit our shipping page for more details."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your skincare routine? Get in touch with our team to discover your perfect regimen."
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Us", href: "mailto:hello@luminé.com" },
            { text: "Shop Now", href: "products" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luminé"
          copyrightText="© 2025 Luminé Skincare. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/luminé", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com/luminé", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com/luminé", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}