"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 FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Diamond, Droplet, Leaf, Shield, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Beauty Faces"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Beauty Faces"
      description="Luxury beauty essentials crafted for those who refuse ordinary. Discover our curated collection of premium face products designed to transform skin and confidence."
      buttons={[
        {
          text: "Explore the Collection",
          href: "#products",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-massaging-face_23-2148945241.jpg",
          imageAlt: "Woman applying luxurious face cream",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-serum-pipette-hand-stone-gray-background_185193-162254.jpg",
          imageAlt: "Luxury serum bottle on a marble surface",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-her-head-covered_1140-468.jpg",
          imageAlt: "Woman's hand gently touching smooth face",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263168.jpg",
          imageAlt: "Assortment of beauty products on silk fabric",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-woman-flying-summer-dress-luxury-hotel-villa-restaurant-vacation_343596-3606.jpg",
          imageAlt: "Confident woman looking in a mirror",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cosmetics-concept_23-2148565396.jpg",
          imageAlt: "Natural ingredients for skincare products",
        },
      ]}
      autoplayDelay={4000}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Crafting Your Radiance Story"
      description={[
        "At Beauty Faces, we believe that true beauty is an expression of self-worth and confidence. Our mission is to elevate your daily ritual into an act of profound self-care, offering products that are as effective as they are indulgent.",
        "Each formulation is a testament to purity, potency, and sensorial delight, meticulously crafted from the finest ingredients. We transcend ordinary skincare, delivering an experience that not only transforms your complexion but also nurtures your spirit.",
        "Join a community where luxury meets efficacy, and where every application is a step towards owning your unique glow. Discover the art of premium beauty, redefined for the discerning individual.",
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Sparkles,
          title: "Potent Formulations",
          description: "Unlock radiant skin with our concentrated blends of active ingredients, designed for maximum efficacy and transformative results.",
        },
        {
          icon: Leaf,
          title: "Pure & Ethical",
          description: "Embrace beauty with a conscience. Our products are crafted with natural, sustainably sourced ingredients, cruelty-free, and ethically produced.",
        },
        {
          icon: Droplet,
          title: "Sensorial Indulgence",
          description: "Transform your routine into a luxurious ritual with delicate textures, exquisite aromas, and a feeling of unparalleled pampering.",
        },
        {
          icon: Shield,
          title: "Dermatologist Approved",
          description: "Trust in formulations rigorously tested and validated by leading dermatologists for safety, efficacy, and suitability for all skin types.",
        },
        {
          icon: Diamond,
          title: "Botanical Brilliance",
          description: "Harness the power of rare botanical extracts, expertly blended to nourish, rejuvenate, and protect your skin with nature's wisdom.",
        },
        {
          icon: Award,
          title: "Award-Winning Quality",
          description: "Experience excellence recognized by industry experts. Our products consistently receive accolades for their innovative science and superior performance.",
        },
      ]}
      title="Experience Unrivaled Skincare"
      description="Our carefully curated products offer a symphony of benefits, combining advanced science with nature's finest to deliver visible results and luxurious indulgence."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Radiant Elixir Serum",
          price: "$120.00",
          variant: "30ml",
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307261.jpg",
          imageAlt: "Radiant Elixir Serum bottle",
        },
        {
          id: "p2",
          name: "Youthful Glow Cream",
          price: "$95.00",
          variant: "50ml",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-cosmetic-jar-with-golden-lid_187299-47134.jpg",
          imageAlt: "Youthful Glow Cream jar",
        },
        {
          id: "p3",
          name: "Pure Harmony Cleanser",
          price: "$60.00",
          variant: "150ml",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-floating-water_23-2151013919.jpg",
          imageAlt: "Pure Harmony Cleanser bottle",
        },
        {
          id: "p4",
          name: "Revitalizing Face Mask",
          price: "$75.00",
          variant: "100g",
          imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817639.jpg",
          imageAlt: "Revitalizing Face Mask jar",
        },
        {
          id: "p5",
          name: "Hydra-Mist Toner",
          price: "$50.00",
          variant: "100ml",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-holding-serum_23-2150167653.jpg",
          imageAlt: "Hydra-Mist Toner spray bottle",
        },
        {
          id: "p6",
          name: "Ageless Eye Concentrate",
          price: "$85.00",
          variant: "15ml",
          imageSrc: "http://img.b2bpic.net/free-photo/30-s-woman-with-eye-patches-closeup_633478-1118.jpg",
          imageAlt: "Ageless Eye Concentrate tube",
        },
      ]}
      title="Our Curated Collection"
      description="Explore our exclusive range of face products, each designed to deliver exceptional results and elevate your daily beauty regimen."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Eleanor Vance",
          role: "Fashion Editor",
          company: "Vogue Trends",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg",
          imageAlt: "Eleanor Vance, Fashion Editor",
        },
        {
          id: "t2",
          name: "Sophia Lee",
          role: "Beauty Influencer",
          company: "GlowUp Diaries",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-blonde-woman-elegant-black-silk-cocktail-dress-white-shoes-is-posing-camera-sitting-chair-seductive-posture_639032-805.jpg",
          imageAlt: "Sophia Lee, Beauty Influencer",
        },
        {
          id: "t3",
          name: "Isabelle Dubois",
          role: "Dermatologist",
          company: "Pure Skin Clinic",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-clear-skin_23-2148313322.jpg",
          imageAlt: "Isabelle Dubois, Dermatologist",
        },
        {
          id: "t4",
          name: "Chloe Adams",
          role: "Creative Director",
          company: "Aesthetic Studio",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021782.jpg",
          imageAlt: "Chloe Adams, Creative Director",
        },
        {
          id: "t5",
          name: "Olivia Rose",
          role: "Luxury Lifestyle Blogger",
          company: "Chic Living",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406011.jpg",
          imageAlt: "Olivia Rose, Luxury Lifestyle Blogger",
        },
      ]}
      kpiItems={[
        {
          value: "98%",
          label: "Satisfaction Rate",
        },
        {
          value: "5M+",
          label: "Happy Faces",
        },
        {
          value: "100%",
          label: "Ethically Sourced",
        },
      ]}
      title="Voices of Radiance"
      description="Hear from our cherished community members and esteemed beauty professionals who have experienced the transformative power of Beauty Faces."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Vogue",
        "Harper's Bazaar",
        "Allure",
        "Glamour",
        "Elle",
        "Beauty Insider",
        "Spa Monthly",
      ]}
      title="As Seen In & Trusted By"
      description="Our commitment to luxury and efficacy has garnered recognition from leading voices in fashion, beauty, and wellness."
      speed={60}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What makes Beauty Faces products 'premium'?",
          content: "Our products are crafted with rare, high-performance ingredients, advanced scientific formulations, and luxurious textures, ensuring exceptional efficacy and an indulgent user experience that transcends standard skincare.",
        },
        {
          id: "faq2",
          title: "Are Beauty Faces products suitable for all skin types?",
          content: "Yes, our formulations are developed to be gentle yet effective for a wide range of skin types, including sensitive skin. We recommend reviewing individual product descriptions or consulting with a dermatologist for personalized advice.",
        },
        {
          id: "faq3",
          title: "Do you use sustainable and ethically sourced ingredients?",
          content: "Absolutely. Sustainability and ethical sourcing are core to our brand values. We partner with suppliers who uphold the highest standards for environmental responsibility and fair labor practices.",
        },
        {
          id: "faq4",
          title: "What is your return and exchange policy?",
          content: "We want you to be completely satisfied with your purchase. Please refer to our detailed Return & Exchange Policy page for information on how to process returns or exchanges within a specified timeframe.",
        },
        {
          id: "faq5",
          title: "How can I get personalized skincare recommendations?",
          content: "Our beauty advisors are available to provide personalized consultations. Please reach out to us via our Contact Us page or schedule a virtual consultation for expert guidance tailored to your skin's needs.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to the most common inquiries about our products, ingredients, and your Beauty Faces experience."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Stay Connected"
      title="Unlock Exclusive Beauty Insights"
      description="Join our inner circle for bespoke beauty tips, early access to new collections, and special offers curated just for you."
      inputPlaceholder="Enter your email address"
      buttonText="Subscribe"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Beauty Faces"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Face Serums",
              href: "#products",
            },
            {
              label: "Moisturizers",
              href: "#products",
            },
            {
              label: "Cleansers",
              href: "#products",
            },
            {
              label: "Masks",
              href: "#products",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Shipping",
              href: "#",
            },
            {
              label: "Returns",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Beauty Faces. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
