"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Droplet, Leaf, ShieldCheck, Sparkles, Tag } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Skincare",          id: "#skincare"},
        {
          name: "IranPour Men",          id: "#iranpour"},
        {
          name: "Wholesale",          id: "#wholesale"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=udbkoo"
      logoAlt="IranDokht logo"
      brandName="IranDokht"
      bottomLeftText="Global Luxury Community"
      bottomRightText="contact@irandokht.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Unveiling Persian Luxury"
      description="Discover IranDokht: where ancient beauty traditions meet modern elegance. Curated skincare, meticulously sourced for unparalleled quality."
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Shop Premium Skincare",          href: "#skincare"},
        {
          text: "B2B Wholesale Portal",          href: "#wholesale"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing_23-2149080881.jpg"
      imageAlt="High-fashion model with luxury skincare products"
      showDimOverlay={true}
      showBlur={false}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Customer testimonial avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",          alt: "Customer testimonial avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",          alt: "Customer testimonial avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-4143.jpg",          alt: "Customer testimonial avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150167199.jpg",          alt: "Customer testimonial avatar 5"},
      ]}
      avatarText="Trusted by over 10,000 discerning clients"
    />
  </div>

  <div id="values" data-section="values">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "100% Authentic Imports",          description: "We guarantee the authenticity of every product, directly imported from reputable international brands.",          icon: ShieldCheck,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669127.jpg",              imageAlt: "Authenticity seal"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313068.jpg",              imageAlt: "Quality certification"},
          ],
        },
        {
          title: "Direct UAE Sourcing & Price Guarantee",          description: "Leveraging direct sourcing from the UAE ensures competitive pricing without compromising on genuine luxury.",          icon: Tag,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg",              imageAlt: "UAE skyline"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg",              imageAlt: "Price tag icon"},
          ],
        },
        {
          title: "Curated European & K-Beauty Lines",          description: "Our selection spans the finest European elegance and innovative K-Beauty, handpicked for discerning tastes.",          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/warm-colors-vase-with-dark-flowers_23-2151843555.jpg",              imageAlt: "European city"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326579.jpg",              imageAlt: "Korean beauty product"},
          ],
        },
      ]}
      title="Our Unwavering Commitment to Excellence"
      description="At IranDokht, luxury isn't just a label—it's a promise backed by our core values, ensuring every product embodies authenticity and superior quality."
      tag="Our Philosophy"
    />
  </div>

  <div id="skincare" data-section="skincare">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "prod-1",          name: "Saffron Elixir Serum",          price: "$120.00",          variant: "30ml",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg",          imageAlt: "Saffron Elixir Serum bottle"},
        {
          id: "prod-2",          name: "Rose Hydrating Mist",          price: "$65.00",          variant: "100ml",          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669138.jpg",          imageAlt: "Rose Hydrating Mist spray bottle"},
        {
          id: "prod-3",          name: "Persian Silk Face Cream",          price: "$150.00",          variant: "50g",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg",          imageAlt: "Persian Silk Face Cream jar"},
        {
          id: "prod-4",          name: "Argan Oil Repair Mask",          price: "$85.00",          variant: "200ml",          imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232242.jpg",          imageAlt: "Argan Oil Repair Mask tube"},
        {
          id: "prod-5",          name: "Pistachio Lip Balm",          price: "$45.00",          variant: "15g",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307307.jpg",          imageAlt: "Pistachio Lip Balm container"},
        {
          id: "prod-6",          name: "Luxury Hand & Body Lotion",          price: "$95.00",          variant: "250ml",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721418.jpg",          imageAlt: "Luxury Hand & Body Lotion bottle"},
      ]}
      title="Discover Premium Skincare"
      description="Elevate your beauty ritual with IranDokht's meticulously curated selection of high-performance skincare."
      tag="Signature Collection"
    />
  </div>

  <div id="iranpour" data-section="iranpour">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Obsidian Black No. I",          description: "A bold and mysterious blend of oud, black pepper, and vetiver, evoking the ancient strength of Persian nights.",          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/bottle-perfumes-pink-wall-with-flowers_169016-5739.jpg",              imageAlt: "Obsidian Black No. I cologne bottle"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg",              imageAlt: "Close up of cologne bottle"},
          ],
        },
        {
          title: "Sultani Green No. II",          description: "Fresh and vibrant notes of cypress, bergamot, and a hint of sandalwood, reminiscent of royal Persian gardens.",          icon: Leaf,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/alcohol-beautiful-bottle_176474-6024.jpg",              imageAlt: "Sultani Green No. II cologne bottle"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420646.jpg",              imageAlt: "Cologne bottle on dark stone"},
          ],
        },
      ]}
      title="The IranPour Quarter: Masculine Elegance"
      description="A dedicated collection for the modern man. Experience the deep, sophisticated aromas of our luxury cologne, crafted for distinction and enduring presence."
      tag="IranPour Collection"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Beyond Expectations",          quote: "IranDokht's skincare has transformed my routine. The quality and authenticity are unmatched. Truly a class apart.",          name: "Dr. Elara Khan",          role: "Dermatologist",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",          imageAlt: "Dr. Elara Khan"},
        {
          id: "2",          title: "A Touch of Opulence",          quote: "The IranPour cologne is exquisite. It's sophisticated, long-lasting, and perfectly complements my style.",          name: "Mr. Reza Alavi",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",          imageAlt: "Mr. Reza Alavi"},
        {
          id: "3",          title: "Pure Luxury, Real Results",          quote: "I've never experienced such effective and luxurious products. IranDokht delivers on every promise.",          name: "Ms. Jasmine Shah",          role: "Luxury Lifestyle Influencer",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-skincare-home_23-2150642530.jpg",          imageAlt: "Ms. Jasmine Shah"},
        {
          id: "4",          title: "The Gold Standard",          quote: "From sourcing to customer service, IranDokht sets the gold standard. My go-to for premium beauty.",          name: "Mr. Amir Nassiri",          role: "Gallery Owner",          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-positive-young-woman-keeps-eyes-closed-daydreams-about-something-smiles-pleasantly-keeps-hands-head-wears-comfortable-knitted-sweater-poses-against-pink-background-happy-feelings_273609-57269.jpg",          imageAlt: "Mr. Amir Nassiri"},
        {
          id: "5",          title: "Unparalleled Quality",          quote: "The K-Beauty selection is fantastic, and the European imports are divine. I trust IranDokht completely.",          name: "Dr. Lena Dubois",          role: "Cosmetic Scientist",          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-portrait-blondie-straight-hair_633478-1294.jpg",          imageAlt: "Dr. Lena Dubois"},
      ]}
      title="Voices of Distinction"
      description="Our clients share their unparalleled experiences with IranDokht, reflecting the essence of luxury and satisfaction."
      tag="Our Esteemed Clients"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Hermes",        "Dior",        "Chanel",        "Estee Lauder",        "Shiseido",        "Amorepacific",        "L'Occitane"]}
      title="Trusted Partners, Global Reach"
      description="Collaborating with esteemed partners globally, we ensure direct access to authentic luxury and curated excellence."
      tag="Our Collaborators"
      speed={60}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do you ensure product authenticity?",          content: "We directly source all products from authorized distributors in the UAE and Europe, maintaining a stringent verification process to guarantee 100% authenticity."},
        {
          id: "faq-2",          title: "What is the B2B Wholesale Portal?",          content: "Our B2B portal is designed for Tehran shopkeepers and galleries to access exclusive bulk pricing and product catalogs. Inquiries are handled via direct WhatsApp for efficiency."},
        {
          id: "faq-3",          title: "Do you ship internationally?",          content: "Yes, we offer premium international shipping services to select countries, ensuring your luxury items arrive safely and efficiently."},
        {
          id: "faq-4",          title: "What is IranPour?",          content: "IranPour is our exclusive men's luxury line, featuring high-end colognes and grooming essentials, crafted with a masculine aesthetic and deep, sophisticated fragrances."},
      ]}
      title="Frequently Asked Inquiries"
      description="Find answers to common questions about IranDokht's products, sourcing, and wholesale opportunities."
      tag="Need Assistance?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="wholesale" data-section="wholesale">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="B2B Partnership"
      title="B2B Wholesale Portal Access"
      description="For Tehran shopkeepers and galleries: Request instant access to our exclusive bulk pricing catalog and explore partnership opportunities. Connect directly via WhatsApp for swift service."
      inputPlaceholder="Enter your gallery/shop name"
      buttonText="Request Access"
      termsText="By clicking Request Access you're confirming that you agree with our Wholesale Terms and Conditions. Our team will contact you via WhatsApp."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/illustration-business-shop-logo-stamp-banner_53876-3734.jpg"
      logoAlt="IranDokht logo"
      logoText="IranDokht"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
