"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",
          id: "#hero",
        },
        {
          name: "À Propos",
          id: "#about",
        },
        {
          name: "Activités",
          id: "#activities",
        },
        {
          name: "Fêtes",
          id: "#parties",
        },
        {
          name: "Témoignages",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/inflatable-castle-bouncer-kids-icon_23-2152015144.jpg"
      logoAlt="PlayLand Logo"
      brandName="PlayLand"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="PlayLand"
      description="L'aventure commence ici ! Une salle de jeux magique pour des souvenirs inoubliables où l'imagination de vos enfants prend son envol."
      buttons={[
        {
          text: "Découvrir nos activités",
          href: "#activities",
        },
        {
          text: "Réserver une fête",
          href: "#parties",
        },
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/white-portrait-smile-boy-little_1304-836.jpg"
      imageAlt="Happy children playing at PlayLand"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="À Propos de PlayLand"
      title="Le Paradis des Enfants où l'Imagination Prend Vie"
    />
  </div>

  <div id="activities" data-section="activities">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Jeux Gonflables",
          title: "Aventures Bondissantes",
          subtitle: "Des structures géantes pour sauter et rire à volonté.",
          description: "Nos châteaux gonflables et parcours d'obstacles garantissent des heures de divertissement énergique pour tous les âges, sous surveillance constante.",
          imageSrc: "http://img.b2bpic.net/free-photo/kid-having-fun-bounce-house-medium-shot_23-2149551549.jpg",
          imageAlt: "Kids playing in inflatable castle",
        },
        {
          tag: "Espace Doux",
          title: "Zone Petite Enfance",
          subtitle: "Un espace sécurisé pour les plus petits, plein de découvertes sensorielles.",
          description: "Les tout-petits peuvent explorer un monde de couleurs et de textures douces, parfait pour développer leurs sens en toute sécurité et sous la vigilance des parents.",
          imageSrc: "http://img.b2bpic.net/free-photo/infant-lying-developing-rug-looking-hanging-toys_23-2147923118.jpg",
          imageAlt: "Toddler soft play area",
        },
        {
          tag: "Créativité",
          title: "Ateliers Créatifs",
          subtitle: "Peinture, bricolage et histoires pour développer l'imagination.",
          description: "Nos ateliers stimulent l'imagination des enfants et leur permettent de créer leurs propres chefs-d'œuvre, encadrés par des animateurs passionnés.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-artist-painting-indoors_23-2147989706.jpg",
          imageAlt: "Kids doing crafts",
        },
        {
          tag: "Sport & Fun",
          title: "Terrains Multi-sports",
          subtitle: "Pour les jeunes athlètes en herbe, matchs amicaux et défis stimulants.",
          description: "Des terrains adaptés aux jeunes pour pratiquer différents sports, développer leur esprit d'équipe et leur coordination dans la joie et la bonne humeur.",
          imageSrc: "http://img.b2bpic.net/free-photo/women-working-out-together-outdoors_23-2149011925.jpg",
          imageAlt: "Kids playing sports",
        },
      ]}
      title="Nos Activités Incontournables"
      description="Des jeux variés et des expériences uniques pour stimuler la créativité et l'énergie de chaque enfant, dans un environnement toujours sécurisé et amusant."
    />
  </div>

  <div id="parties" data-section="parties">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "basic",
          name: "Forfait Classique",
          price: "150€",
          imageSrc: "http://img.b2bpic.net/free-photo/birthday-table-with-colored-caps_23-2147807885.jpg",
          imageAlt: "Basic birthday party setup",
        },
        {
          id: "premium",
          name: "Forfait Premium",
          price: "250€",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-wearing-party-hat_23-2149477957.jpg",
          imageAlt: "Premium birthday party setup",
        },
        {
          id: "royal",
          name: "Forfait Royal",
          price: "350€",
          imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-with-toys-party_23-2147897695.jpg",
          imageAlt: "Royal themed birthday party",
        },
        {
          id: "theme",
          name: "Fête à Thème",
          price: "Sur mesure",
          imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661286.jpg",
          imageAlt: "Themed birthday party",
        },
        {
          id: "group",
          name: "Forfait Groupe",
          price: "120€",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-glasses-pink-shirt-sitting-floor-looking-with-interest-her-international-classmates-portrait-students-chilling-campus_197531-3805.jpg",
          imageAlt: "Group of kids playing",
        },
        {
          id: "school",
          name: "Excursion Scolaire",
          price: "Demandez un devis",
          imageSrc: "http://img.b2bpic.net/free-photo/people-making-banners-full-shot_23-2149343464.jpg",
          imageAlt: "School children on a trip",
        },
      ]}
      title="Fêtes d'Anniversaire Inoubliables"
      description="Célébrez les moments spéciaux de votre enfant avec nos forfaits personnalisés, conçus pour faire de chaque anniversaire une journée mémorable et sans tracas."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="PlayLand en Chiffres"
      tag="Notre Impact"
      metrics={[
        {
          id: "1",
          value: "5000+",
          description: "Enfants Heureux Chaque Mois",
        },
        {
          id: "2",
          value: "10+",
          description: "Ans d'Expérience dans le Divertissement",
        },
        {
          id: "3",
          value: "30+",
          description: "Activités Différentes et Stimulantes",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          date: "22 Mars 2024",
          title: "Mon fils adore PlayLand !",
          quote: "« PlayLand est devenu l'endroit préféré de mon fils. L'équipe est fantastique et les activités sont très variées. Il y passe des heures à s'amuser en toute sécurité. »",
          tag: "Client Heureux",
          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg",
          avatarAlt: "Sarah J. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-son-playing-summer-park_1157-23975.jpg",
          imageAlt: "Mother and child having fun",
        },
        {
          id: "2",
          name: "Marc L.",
          date: "15 Février 2024",
          title: "Une organisation parfaite pour l'anniversaire",
          quote: "« Nous avons fêté l'anniversaire de notre fille ici et tout était parfait ! L'organisation était impeccable, les enfants se sont éclatés. Un grand merci à toute l'équipe. »",
          tag: "Fête Réussie",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-street_839833-27819.jpg",
          avatarAlt: "Marc L. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-father-having-fun-with-his-son-christmas-day-home_637285-9999.jpg",
          imageAlt: "Father and son playing",
        },
        {
          id: "3",
          name: "Sophie M.",
          date: "10 Janvier 2024",
          title: "Équipe formidable et attentionnée",
          quote: "« L'équipe de PlayLand est incroyablement attentionnée et professionnelle. Ils veillent toujours à ce que les enfants soient en sécurité et s'amusent. Nous recommandons vivement ! »",
          tag: "Service Top",
          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-charismatic-happy-goodlooking-redhead-woman-red-lipstick-cross-hands-chest-smiling-motivate_1258-129302.jpg",
          avatarAlt: "Sophie M. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-family-spend-time-bedroom_1157-27598.jpg",
          imageAlt: "Parents watching kids play",
        },
        {
          id: "4",
          name: "David R.",
          date: "5 Décembre 2023",
          title: "Des activités pour tous les âges",
          quote: "« Ce que j'apprécie le plus à PlayLand, c'est la diversité des activités. Il y en a pour mon petit de 3 ans et ma fille de 8 ans. C'est un vrai bonheur pour toute la famille. »",
          tag: "Divertissement Familial",
          avatarSrc: "http://img.b2bpic.net/free-photo/father-taking-selfie-with-his-son_23-2148222859.jpg",
          avatarAlt: "David R. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-kid-with-opening-arms_23-2148361463.jpg",
          imageAlt: "Children playing together",
        },
        {
          id: "5",
          name: "Laura P.",
          date: "18 Novembre 2023",
          title: "Un lieu magique pour l'épanouissement",
          quote: "« PlayLand n'est pas juste une salle de jeux, c'est un lieu où mes enfants développent leur créativité et leur confiance. L'environnement est tellement stimulant, ils adorent y retourner ! »",
          tag: "Épanouissement",
          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-shy-woman-smiling-while-looking-away_273609-12420.jpg",
          avatarAlt: "Laura P. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/little-girl-running_1139-468.jpg",
          imageAlt: "Happy child running",
        },
      ]}
      title="Ce que nos Parents Disent"
      description="Des sourires garantis et des avis qui parlent d'eux-mêmes, reflétant l'expérience exceptionnelle que nous offrons à chaque famille."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "KidsZone Toys",
        "Happy Meal Foods",
        "EduFun Publishers",
        "City Council Parks",
        "Family Magazine",
        "School District",
        "Local Sports Club",
      ]}
      title="Nos Partenaires Privilégiés"
      description="Travailler ensemble pour offrir le meilleur aux enfants et aux familles de notre communauté, en garantissant des expériences enrichissantes et sûres."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "Quels sont les horaires d'ouverture ?",
          content: "Nous sommes ouverts du mardi au dimanche, de 10h00 à 19h00. Veuillez consulter notre page 'Contact' pour les éventuelles modifications pendant les jours fériés.",
        },
        {
          id: "q2",
          title: "Y a-t-il un âge minimum/maximum ?",
          content: "Nos activités sont conçues pour les enfants de 1 à 12 ans, avec des zones dédiées à chaque tranche d'âge pour assurer la sécurité et le plaisir de tous.",
        },
        {
          id: "q3",
          title: "Peut-on organiser un anniversaire chez PlayLand ?",
          content: "Absolument ! Nous proposons plusieurs forfaits d'anniversaire thématiques et personnalisables. Contactez-nous pour discuter des options et réserver la fête de rêve de votre enfant.",
        },
        {
          id: "q4",
          title: "Est-ce que les parents peuvent rester avec leurs enfants ?",
          content: "Oui, les parents sont invités à rester et à profiter de notre espace détente, du Wi-Fi gratuit, ou même à participer aux jeux avec leurs enfants. Votre présence est la bienvenue.",
        },
        {
          id: "q5",
          title: "La réservation est-elle obligatoire ?",
          content: "La réservation n'est pas toujours obligatoire pour les visites libres, mais elle est fortement recommandée, surtout les week-ends et pendant les vacances scolaires, pour garantir votre place.",
        },
      ]}
      sideTitle="Questions Fréquentes"
      sideDescription="Trouvez rapidement les réponses à vos interrogations sur PlayLand. Nous avons compilé les questions les plus posées pour faciliter votre visite."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Contactez-nous"
      title="Prêts à jouer ? Réservez votre visite !"
      description="Pour toute question, réservation de fête, ou information supplémentaire sur nos activités, notre équipe dédiée est là pour vous aider. N'hésitez pas à nous joindre, l'aventure vous attend !"
      buttons={[
        {
          text: "Appelez-nous",
          href: "tel:+33123456789",
        },
        {
          text: "Envoyez un e-mail",
          href: "mailto:contact@playland.com",
        },
      ]}
      buttonAnimation="opacity"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Découvrir",
          items: [
            {
              label: "Accueil",
              href: "#hero",
            },
            {
              label: "À Propos",
              href: "#about",
            },
            {
              label: "Activités",
              href: "#activities",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Anniversaires",
              href: "#parties",
            },
            {
              label: "Événements Spéciaux",
              href: "#parties",
            },
            {
              label: "Tarifs",
              href: "#contact",
            },
          ],
        },
        {
          title: "Aide",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Mentions Légales",
              href: "#",
            },
          ],
        },
      ]}
      logoText="PlayLand"
      copyrightText="© 2024 PlayLand. Tous droits réservés."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
