"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Feather, Heart, Leaf, ShieldCheck, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/nature-foliage-wallpaper_53876-89853.jpg"
      logoAlt="BeautyBloom Logo"
      brandName="BeautyBloom"
      bottomLeftText="Embrace Your Radiance"
      bottomRightText="hello@beautybloom.com"
      button={{
        text: "Shop Now",
        href: "#products",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Unveil Your Natural Radiance with BeautyBloom"
      description="Experience luxurious skincare crafted with nature's finest ingredients. Our innovative formulas are designed to nourish, protect, and rejuvenate your skin for a visibly healthier, more luminous glow."
      kpis={[
        {
          value: "100%",
          label: "Natural",
        },
        {
          value: "24/7",
          label: "Support",
        },
        {
          value: "50K+",
          label: "Happy Clients",
        },
      ]}
      enableKpiAnimation={true}
      tag="Elevate Your Beauty"
      buttons={[
        {
          text: "Explore Products",
          href: "#products",
        },
        {
          text: "Our Story",
          href: "#about",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
          alt: "Sarah M.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/joyful-young-pretty-woman-laughing_141793-116950.jpg",
          alt: "John D.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-female-sitting-bench-outdoor_613910-10356.jpg",
          alt: "Emily R.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg",
          alt: "Jessica P.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",
          alt: "Maria C.",
        },
      ]}
      avatarText="Join our community of radiant beauties!"
      imageSrc="http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg"
      imageAlt="Radiant woman with clear skin applying serum"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Natural Ingredients",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Ethical Sourcing",
          icon: Heart,
        },
        {
          type: "text-icon",
          text: "Dermatologist Tested",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Visible Results",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Cruelty-Free",
          icon: Feather,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Our Commitment to Pure, Effective Beauty"
      description={[
        "At BeautyBloom, we believe true beauty starts with nature. We meticulously source the finest organic ingredients from around the globe, combining ancient wisdom with modern scientific advancements to create skincare that's both gentle and powerfully effective.",
        "Every product is a testament to our dedication to purity, sustainability, and results. We formulate without harmful chemicals, parabens, or synthetic fragrances, ensuring a clean and ethical approach to beauty that you can trust. Discover the difference natural ingredients can make for your skin.",
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
      showBorder={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Botanical Brilliance",
          description: "Harnessing the power of rare botanicals for unparalleled skin nourishment.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-hands-holding-plants_23-2149628188.jpg",
              imageAlt: "Hand applying skincare serum",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-leaves-covered-with-dewdrops_181624-18356.jpg",
              imageAlt: "Close up of dewy rose petals",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-applying-mask-near-mirror_23-2147787920.jpg",
              imageAlt: "Woman relaxing with a face mask",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/nature-foliage-wallpaper_53876-89853.jpg",
          imageAlt: "skincare serum application hand",
        },
        {
          title: "Luxurious Rituals",
          description: "Transform your daily routine into a moment of pure indulgence and self-care.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316671.jpg",
              imageAlt: "Close up of dewy rose petals",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/relaxing-spa-treatment_23-2152003650.jpg",
              imageAlt: "Woman relaxing with a face mask",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466340.jpg",
              imageAlt: "Hand applying skincare serum",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg",
          imageAlt: "skincare serum application hand",
        },
        {
          title: "Visible Transformation",
          description: "Witness a noticeable improvement in skin tone, texture, and radiance.",
          bentoComponent: "media-stack",
          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/girl-with-face-mask_1157-15439.jpg",
              imageAlt: "Woman relaxing with a face mask",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-woman-pink_23-2149488272.jpg",
              imageAlt: "Hand applying skincare serum",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dried-pink-rose-reflection-round-mirror_53876-101428.jpg",
              imageAlt: "Close up of dewy rose petals",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
          imageAlt: "skincare serum application hand",
        },
      ]}
      title="Experience the BeautyBloom Difference"
      description="Our unique approach combines botanical science with luxurious textures, delivering visible results and an indulgent self-care ritual."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "serum-glow",
          name: "Radiant Glow Serum",
          price: "$59.00",
          imageSrc: "http://img.b2bpic.net/free-photo/skin-care-dropper-white-stone_23-2148761458.jpg",
          imageAlt: "Radiant Glow Serum bottle",
        },
        {
          id: "cream-hydra",
          name: "Deep Hydration Cream",
          price: "$45.00",
          imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept-creme_23-2147672794.jpg",
          imageAlt: "Deep Hydration Cream jar",
        },
        {
          id: "wash-pure",
          name: "Purifying Cleansing Wash",
          price: "$28.00",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-blue-bottle-soaps-white-background_23-2148241915.jpg",
          imageAlt: "Purifying Cleansing Wash bottle",
        },
        {
          id: "toner-rose",
          name: "Rose Bloom Toner",
          price: "$32.00",
          imageSrc: "http://img.b2bpic.net/free-photo/single-skincare-bottle-white-background-with-rose-green-leaves_181624-29790.jpg",
          imageAlt: "Rose Bloom Toner spray bottle",
        },
        {
          id: "cream-eye",
          name: "Age-Defying Eye Cream",
          price: "$68.00",
          imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-leaves-marble-background_23-2148241808.jpg",
          imageAlt: "Age-Defying Eye Cream tube",
        },
        {
          id: "sun-protect",
          name: "Daily UV Protect SPF 30",
          price: "$38.00",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg",
          imageAlt: "Daily UV Protect SPF 30 tube",
        },
      ]}
      title="Our Signature Collections"
      description="Discover our exquisite range of skincare essentials, each designed to bring out your natural glow."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Chloe S.",
          role: "Blogger",
          company: "Beauty Insider",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-happy-asian-girl-with-beautiful-exotic-face-posing-garden_273443-638.jpg",
          imageAlt: "Chloe S.",
        },
        {
          id: "2",
          name: "Mark L.",
          role: "Graphic Designer",
          company: "Creative Minds",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121857.jpg",
          imageAlt: "Mark L.",
        },
        {
          id: "3",
          name: "Isabella V.",
          role: "Entrepreneur",
          company: "Bloom Co.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
          imageAlt: "Isabella V.",
        },
        {
          id: "4",
          name: "David K.",
          role: "Marketing Specialist",
          company: "Digital Waves",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-female-leader-standing-table_1262-5860.jpg",
          imageAlt: "David K.",
        },
        {
          id: "5",
          name: "Sophia G.",
          role: "Student",
          company: "University of Arts",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-sunglights-face_158538-12815.jpg",
          imageAlt: "Sophia G.",
        },
      ]}
      title="What Our Customers Say"
      description="Hear from those who have experienced the transformative power of BeautyBloom."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Are your products truly natural and organic?",
          content: "Yes, BeautyBloom products are formulated with a high percentage of natural and certified organic ingredients. We prioritize purity and transparency, ensuring our products are free from harsh chemicals, parabens, and synthetic fragrances.",
        },
        {
          id: "faq-2",
          title: "Are your products cruelty-free and vegan?",
          content: "Absolutely! We are proud to be a cruelty-free brand, and none of our products or ingredients are tested on animals. Many of our formulations are also vegan; please check individual product descriptions for specific details.",
        },
        {
          id: "faq-3",
          title: "What is the shelf life of BeautyBloom products?",
          content: "Our products typically have a shelf life of 12-24 months unopened. Once opened, we recommend using them within 6-12 months for optimal freshness and efficacy. Refer to the PAO (Period After Opening) symbol on the packaging.",
        },
        {
          id: "faq-4",
          title: "Do you offer samples or travel sizes?",
          content: "We occasionally offer sample kits or travel-sized versions of our popular products. Please subscribe to our newsletter or check our website regularly for updates on availability and special promotions.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our products and brand."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Connect With Us"
      title="Get Your Glow On"
      description="Have questions or need personalized skincare advice? Reach out to our beauty experts."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-view-bottles-brushes-blue-background_23-2148241814.jpg"
      imageAlt="Minimalist beauty products"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By subscribing, you agree to receive emails from BeautyBloom about products and promotions."
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/nature-foliage-wallpaper_53876-89853.jpg"
      logoAlt="BeautyBloom Logo"
      logoText="BeautyBloom"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
