"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Droplet, Globe, Leaf, Palette, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      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-photo/still-life-stacked-aesthetic-objects_23-2150185383.jpg"
      logoAlt="MARRYME Logo"
      brandName="MARRYME"
      button={{
        text: "Shop Now",        href: "#products"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Unveil Your Essence with MARRYME"
      description="Discover a world of exquisite fragrances and luxurious cosmetics, crafted to elevate your senses and express your unique beauty."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/excited-young-businesswoman-with-head-hands_1262-5019.jpg",          alt: "Elegant woman"},
        {
          src: "http://img.b2bpic.net/free-photo/man-blue-suit-posing-white-artistic-wall-from-bricks_613910-10624.jpg",          alt: "Stylish man"},
        {
          src: "http://img.b2bpic.net/free-photo/unhappy-woman-black-jacket-eyeglasses-talks-phone-outside-modern-woman-with-red-lips-curly-hair-sits-outdoors_197531-19317.jpg",          alt: "Glamorous woman"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22426.jpg",          alt: "Sophisticated man"},
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",          alt: "Business woman with glasses smiling"},
      ]}
      avatarText="Loved by thousands worldwide"
      buttons={[
        {
          text: "Explore Collections",          href: "#products"},
        {
          text: "Our Story",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Exquisite Scents"},
        {
          type: "text-icon",          text: "Premium Quality",          icon: Sparkles,
        },
        {
          type: "text",          text: "Timeless Beauty"},
        {
          type: "text-icon",          text: "Ethically Sourced",          icon: Leaf,
        },
        {
          type: "text",          text: "Artisan Crafted"},
        {
          type: "text-icon",          text: "Global Reach",          icon: Globe,
        },
        {
          type: "text",          text: "Unforgettable Impressions"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Crafting Elegance, Inspiring Confidence."},
      ]}
      buttons={[
        {
          text: "Learn More"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/pouring-essential-oils-into-diffuser-aromatherapy_482257-7938.jpg"
      imageAlt="Artisan crafting perfume"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Droplet,
          title: "Signature Fragrances",          description: "Discover captivating scents designed to leave a lasting impression. From floral to oriental, our perfumes are crafted with rare essences."},
        {
          icon: Sparkles,
          title: "Luxury Skincare",          description: "Indulge in our advanced skincare range, formulated to nourish, protect, and rejuvenate your skin for a radiant, youthful glow."},
        {
          icon: Palette,
          title: "Exquisite Cosmetics",          description: "Enhance your natural beauty with our premium makeup collection, featuring vibrant colors and flawless finishes for every occasion."},
      ]}
      title="Our World of Beauty"
      description="Explore the diverse categories that make up the MARRYME experience, each meticulously developed for unparalleled quality and elegance."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "product-1",          name: "Midnight Bloom Eau de Parfum",          price: "UZS 850,000",          variant: "50ml",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-expensive-perfume-elegant-package-as-present-dark-table_140725-141902.jpg",          imageAlt: "Midnight Bloom Perfume"},
        {
          id: "product-2",          name: "Radiant Glow Serum",          price: "UZS 620,000",          variant: "30ml",          imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-plant-top-view_23-2148899371.jpg",          imageAlt: "Radiant Glow Serum"},
        {
          id: "product-3",          name: "Velvet Touch Lipstick Set",          price: "UZS 480,000",          variant: "Set of 3",          imageSrc: "http://img.b2bpic.net/free-photo/lipstick-shades-arrangement_23-2149096694.jpg",          imageAlt: "Velvet Touch Lipstick Set"},
        {
          id: "product-4",          name: "Silken Body Lotion",          price: "UZS 350,000",          variant: "200ml",          imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199491.jpg",          imageAlt: "Silken Body Lotion"},
        {
          id: "product-5",          name: "Enchanted Eyeshadow Palette",          price: "UZS 710,000",          variant: "12 Shades",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eye-shadow-lip-gloss-cosmetic_74190-5170.jpg",          imageAlt: "Enchanted Eyeshadow Palette"},
        {
          id: "product-6",          name: "Rose Bloom Hand Cream",          price: "UZS 290,000",          variant: "75ml",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-woman-holding-plants_23-2149628185.jpg",          imageAlt: "Rose Bloom Hand Cream"},
      ]}
      title="Our Exquisite Products"
      description="Browse our hand-picked selection of best-selling perfumes, skincare, and cosmetics, designed to bring out your inner radiance."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Elara Vance",          handle: "@ElaraV",          testimonial: "MARRYME's Midnight Bloom is simply divine. It's my signature scent now, always receiving compliments!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-sitting-bed-looks-away_231208-13885.jpg",          imageAlt: "Elara Vance"},
        {
          id: "t2",          name: "Marcus Thorne",          handle: "@ThorneM",          testimonial: "The skincare line is revolutionary. My skin has never felt so hydrated and looked so clear. Highly recommend MARRYME!",          imageSrc: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg",          imageAlt: "Marcus Thorne"},
        {
          id: "t3",          name: "Sophia Chen",          handle: "@SophiaC",          testimonial: "Their Velvet Touch lipsticks are a dream! Luxurious feel and vibrant colors that last all day. A must-have in my makeup bag.",          imageSrc: "http://img.b2bpic.net/free-photo/cute-excied-daring-woman-s-sticking-out-tongue-as-fooling-around-having-fun-concert-winkin_1258-141582.jpg",          imageAlt: "Sophia Chen"},
        {
          id: "t4",          name: "David Kim",          handle: "@DavidK",          testimonial: "I gifted my wife the Silken Body Lotion, and she absolutely adores it. The scent is captivating and her skin feels incredibly soft.",          imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-joyful-white-lady-expressing-surprised-emotions_197531-7028.jpg",          imageAlt: "David Kim"},
        {
          id: "t5",          name: "Isabella Rossi",          handle: "@IsabellaR",          testimonial: "The Radiant Glow Serum brought life back to my tired skin. I look forward to my evening routine with MARRYME products.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-model-laughing_23-2148398597.jpg",          imageAlt: "Isabella Rossi"},
        {
          id: "t6",          name: "Daniel Lee",          handle: "@DanielL",          testimonial: "MARRYME products exceed all expectations. The quality, packaging, and overall experience are truly premium.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-4334.jpg",          imageAlt: "Daniel Lee"},
      ]}
      title="What Our Customers Say"
      description="Hear from our cherished community about their MARRYME experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "http://img.b2bpic.net/free-photo/woman-looking-tired-after-shopping_23-2148302827.jpg",        "http://img.b2bpic.net/free-photo/front-view-man-holding-hearing-aids_23-2149705965.jpg",        "http://img.b2bpic.net/free-photo/woman-choosing-dress_23-2147688707.jpg",        "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395757.jpg",        "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-81887.jpg",        "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247255.jpg",        "http://img.b2bpic.net/free-vector/being-against-animal-cruelty-badge-set_23-2148830704.jpg"]}
      title="Trusted by Beauty Connoisseurs"
      description="Featured in leading beauty publications and trusted by industry experts worldwide."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "Are MARRYME products cruelty-free?",          content: "Yes, all MARRYME products are proudly cruelty-free and never tested on animals."},
        {
          id: "faq2",          title: "What is your return policy?",          content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your purchase, you can return it within 30 days for a full refund."},
        {
          id: "faq3",          title: "Do you offer international shipping?",          content: "Yes, we ship our products worldwide. Shipping costs and delivery times vary by destination."},
        {
          id: "faq4",          title: "Where can I find ingredient lists?",          content: "Each product page on our website includes a comprehensive list of ingredients and their benefits."},
        {
          id: "faq5",          title: "How do I choose the right fragrance for me?",          content: "We offer a fragrance finder quiz on our website, or you can visit our boutique for a personalized consultation."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about MARRYME products and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      text="Have a question or need assistance? Reach out to our dedicated customer care team for personalized support."
      buttons={[
        {
          text: "Email Us",          href: "mailto:info@marryme.com"},
        {
          text: "Call Us",          href: "tel:+998909923226"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/flowers-cosmetic-products-assortment_23-2149270058.jpg"
      imageAlt="MARRYME Perfume and Cosmetics"
      logoSrc="http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185383.jpg"
      logoAlt="MARRYME Logo"
      logoText="MARRYME"
      columns={[
        {
          title: "Products",          items: [
            {
              label: "Fragrances",              href: "#products"},
            {
              label: "Skincare",              href: "#products"},
            {
              label: "Cosmetics",              href: "#products"},
            {
              label: "Bestsellers",              href: "#products"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Press",              href: "#"},
            {
              label: "Affiliates",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Shipping & Returns",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 MARRYME Parfume & Cosmetics. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
