"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Crown, Heart, Mountain, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Accueil",
          id: "#hero",
        },
        {
          name: "À Propos",
          id: "#about",
        },
        {
          name: "Programmes",
          id: "#programs",
        },
        {
          name: "Tarifs",
          id: "#pricing",
        },
        {
          name: "Témoignages",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/duotone-dinity-spa-logo_742173-2426.jpg"
      brandName="Oasis Intérieure"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient",
      }}
      title="Trouvez Votre Oasis Intérieure"
      description="Des programmes de retraite et de relaxation conçus pour apaiser l'esprit, revitaliser le corps et nourrir l'âme. Embarquez pour un voyage de bien-être profond."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-showing-meditation-tool-meadow_1157-49963.jpg",
          imageAlt: "Femme méditant au coucher du soleil",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/landscape-lake-surrounded-by-mountains_23-2148215195.jpg",
          imageAlt: "Paysage de montagne brumeux",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-sitting-with-open-book_1150-322.jpg",
          imageAlt: "Femme lisant dans un jardin zen",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pyramid-stones-beach-sunny-day_158595-5796.jpg",
          imageAlt: "Pierres équilibrées sur une plage",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-flowers-knitted-element-bed_169016-24322.jpg",
          imageAlt: "Tasse de thé aux herbes en nature",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-forest_23-2148045809.jpg",
          imageAlt: "Forêt tropicale luxuriante",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/girl-performing-acrobatic-movements-beach-sunset_114579-9320.jpg",
          imageAlt: "Femme pratiquant le yoga sur la plage",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sunset-terraced-rice-fields_23-2152006044.jpg",
          imageAlt: "Rizières en terrasses",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-43251.jpg",
          imageAlt: "Massage aux pierres chaudes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-candle-high-angle_23-2150170811.jpg",
          imageAlt: "Bougies et pétales de rose",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-traveling-mountains_23-2149063231.jpg",
          imageAlt: "Randonnée méditative en forêt",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-shot-waterfall-surrounded-by-trees_181624-18611.jpg",
          imageAlt: "Cascade en forêt",
        },
      ]}
      tag="Détente"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Découvrir les retraites",
          href: "#programs",
        },
      ]}
      buttonAnimation="slide-up"
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/please-cute-asian-girl-asking-favour-begging-standing-against-studio-background-copy-space_1258-97552.jpg",
          alt: "Please Cute asian girl asking favour begging standing against studio background Copy space",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-lifestyle-happy-asian-woman-takes-selfie-park-photo-smartphone-smiling-looking_1258-198732.jpg",
          alt: "People and lifestyle happy asian woman takes selfie in park photo on smartphone smiling and looking",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beauty-fashion-concept-beautiful-stylish-asian-woman-yellow-pullover-holding-hands-raised_1258-166164.jpg",
          alt: "Beauty and fashion concept beautiful and stylish asian woman in yellow pullover holding hands raised",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-lifestyle-happy-asian-woman-takes-selfie-park-photo-smartphone-smiling-looking_1258-127510.jpg",
          alt: "People and lifestyle happy asian woman takes selfie in park photo on smartphone smiling and looking",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3562.jpg",
          alt: "Handsome man outdoors portrait",
        },
      ]}
      avatarText="Rejoignez notre communauté de 10 000+ adeptes"
      marqueeItems={[
        {
          type: "text",
          text: "Sérénité Garantie",
        },
        {
          type: "text",
          text: "Bien-être Profond",
        },
        {
          type: "text",
          text: "Équilibre Intérieur",
        },
        {
          type: "text",
          text: "Revitalisation Corporelle",
        },
        {
          type: "text",
          text: "Paix de l'Esprit",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Notre Engagement pour Votre Bien-être"
      description="Nous créons des expériences immersives pour vous aider à vous déconnecter du stress quotidien et à vous reconnecter à votre essence. Nos programmes sont conçus avec soin pour favoriser la paix intérieure, la clarté mentale et la vitalité physique."
      bulletPoints={[
        {
          title: "Approche Holistique",
          description: "Intégrant corps, esprit et âme pour un équilibre parfait.",
          icon: Heart,
        },
        {
          title: "Guidance Experte",
          description: "Des facilitateurs passionnés et expérimentés vous accompagnent.",
          icon: Users,
        },
        {
          title: "Environnements Sereins",
          description: "Des lieux magnifiques propices à la détente et à la méditation.",
          icon: Mountain,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/yoga-class-concept_53876-93.jpg"
      imageAlt="Groupe méditant dans la nature"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="programs" data-section="programs">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Retraite de Yoga et Méditation",
          description: "Plongez dans des séances de yoga quotidiennes et des ateliers de méditation profonde, entouré par la nature.",
          imageSrc: "http://img.b2bpic.net/free-photo/mindfulness-meditation-young-spiritual-woman-does-yoga-sits-meditation-pose-headphones_1258-184084.jpg",
          imageAlt: "Femme en posture de yoga",
        },
        {
          title: "Ateliers de Phytothérapie",
          description: "Apprenez à utiliser le pouvoir des plantes pour améliorer votre bien-être et créer vos propres remèdes naturels.",
          imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-environmentally-friendly-product-aromatic-cream-oil_169016-2070.jpg",
          imageAlt: "Plantes médicinales pour infusion",
        },
        {
          title: "Randonnées Pleine Conscience",
          description: "Explorez des sentiers pittoresques avec des marches guidées axées sur la pleine conscience et la connexion avec la nature.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-walking-forest_23-2147833127.jpg",
          imageAlt: "Personnes marchant en forêt",
        },
        {
          title: "Soins et Massages Thérapeutiques",
          description: "Détendez votre corps et votre esprit avec une sélection de massages et de soins holistiques personnalisés.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-therapist-spa-clinic-giving-massage-beautiful-young-woman_662251-1822.jpg",
          imageAlt: "Femme recevant un massage",
        },
      ]}
      title="Nos Programmes de Retraite & Relaxation"
      description="Découvrez une gamme variée de programmes adaptés à vos besoins. Chaque retraite est une invitation à la découverte de soi et à la régénération."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          badge: "Essentiel",
          price: "599€",
          subtitle: "Par personne pour une retraite de 3 jours",
          buttons: [
            {
              text: "Réserver",
            },
          ],
          features: [
            "Hébergement en chambre partagée",
            "Repas végétariens bio",
            "Séances de yoga quotidiennes",
            "Ateliers de méditation guidée",
            "Accès aux espaces de détente",
          ],
          badgeIcon: Sparkles,
        },
        {
          id: "premium",
          badge: "Premium",
          price: "999€",
          subtitle: "Par personne pour une retraite de 5 jours",
          buttons: [
            {
              text: "Réserver",
            },
          ],
          features: [
            "Hébergement en chambre individuelle",
            "Repas végétariens bio & jus détox",
            "Séances de yoga et méditation avancées",
            "Massage thérapeutique inclus",
            "Consultation bien-être personnalisée",
            "Accès illimité aux installations",
          ],
          badgeIcon: Star,
        },
        {
          id: "exclusive",
          badge: "Exclusif",
          price: "1499€",
          subtitle: "Par personne pour une retraite de 7 jours",
          buttons: [
            {
              text: "Réserver",
            },
          ],
          features: [
            "Hébergement en suite privée",
            "Cuisine gastronomique végétarienne",
            "Cours privés de yoga & méditation",
            "Soins spa illimités",
            "Programme de coaching personnalisé",
            "Transfert aéroport VIP",
          ],
          badgeIcon: Crown,
        },
      ]}
      title="Choisissez Votre Voyage de Bien-être"
      description="Nos forfaits flexibles s'adaptent à vos aspirations et à votre budget pour une expérience inoubliable."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Cette retraite a transformé ma vie. J'ai retrouvé une paix intérieure que je n'avais pas ressentie depuis des années. Le cadre était idyllique et les activités parfaitement équilibrées. Je reviendrai sans hésiter !"
      rating={5}
      author="Sophie D."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/joyous-dark-haired-woman-with-pleasant-smile-raises-clenched-fists-awaits-something-awesome-dressed-oversized-sweater-beret_273609-33149.jpg",
          alt: "Avatar de Sophie D.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-adult-handsome-man-looking-camera-doing-love-sign-isolated-green-wall_141793-113683.jpg",
          alt: "Avatar de Marc L.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-woman-with-her-head-covered_1140-468.jpg",
          alt: "Avatar de Chloé M.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-man-celebrating-victory-while-standing-outdoors-street-urban-success-concept_58466-14628.jpg",
          alt: "Avatar de Jean P.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-very-charming-woman_329181-9832.jpg",
          alt: "Avatar de Fatima Z.",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Quels sont les niveaux d'expérience requis pour participer?",
          content: "Nos programmes sont conçus pour tous les niveaux, des débutants aux pratiquants expérimentés. Nos facilitateurs adaptent les activités pour s'assurer que chacun se sente à l'aise et tirera le meilleur parti de son expérience.",
        },
        {
          id: "faq-2",
          title: "Puis-je personnaliser mon programme de retraite?",
          content: "Oui, nous offrons des options de personnalisation pour certains de nos programmes, notamment les soins thérapeutiques et les consultations bien-être. Contactez-nous pour discuter de vos besoins spécifiques.",
        },
        {
          id: "faq-3",
          title: "Les repas sont-ils inclus et quelles sont les options diététiques?",
          content: "Oui, tous les repas sont inclus et sont végétariens, biologiques et préparés avec des produits locaux. Nous pouvons également nous adapter à la plupart des régimes alimentaires (sans gluten, sans lactose, etc.) sur demande préalable.",
        },
        {
          id: "faq-4",
          title: "Quelle est la taille des groupes pour les retraites?",
          content: "Nous privilégions les petits groupes (généralement entre 8 et 15 participants) pour garantir une attention personnalisée et une atmosphère intime et conviviale.",
        },
        {
          id: "faq-5",
          title: "Comment puis-je réserver ma place?",
          content: "Vous pouvez réserver votre place directement via notre site web en sélectionnant le programme et la date de votre choix. Un acompte sera demandé pour confirmer votre inscription.",
        },
      ]}
      sideTitle="Questions Fréquentes"
      sideDescription="Trouvez des réponses aux questions les plus courantes concernant nos retraites et programmes de relaxation."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      text="Prêt à Commencer Votre Voyage vers le Bien-être?"
      buttons={[
        {
          text: "Contactez-nous",
          href: "mailto:contact@oasisinterieure.com",
        },
        {
          text: "Appelez-nous",
          href: "tel:+33123456789",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/duotone-dinity-spa-logo_742173-2426.jpg"
      logoText="Oasis Intérieure"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Accueil",
              href: "#hero",
            },
            {
              label: "À Propos",
              href: "#about",
            },
            {
              label: "Programmes",
              href: "#programs",
            },
            {
              label: "Tarifs",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Conditions Générales",
              href: "#",
            },
          ],
        },
        {
          title: "Réseaux Sociaux",
          items: [
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "YouTube",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Oasis Intérieure | Tous droits réservés"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
