"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 FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",          id: "/"},
        {
          name: "À Propos",          id: "/#about"},
        {
          name: "Services",          id: "/#services"},
        {
          name: "Galerie",          id: "/#gallery"},
        {
          name: "Témoignages",          id: "/#testimonials"},
        {
          name: "FAQ",          id: "/#faq"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Salle Évasion"
      button={{
        text: "Demander un devis",        href: "/contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient"}}
      title="Salle des fêtes Évasion: Vos Événements, Notre Scène."
      description="Créez des souvenirs inoubliables dans un cadre élégant et modulable. Idéal pour mariages, anniversaires, séminaires et célébrations de toutes sortes."
      buttons={[
        {
          text: "Découvrir nos salles",          href: "/#gallery"},
        {
          text: "Demander un devis",          href: "/contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bachelorette-flower-arrnagement_23-2149340496.jpg",          imageAlt: "Mariage élégant dans une salle de réception"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/navratri-highly-detailed-interior-decoration_23-2151193720.jpg",          imageAlt: "Fête d'anniversaire animée"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/business-classroom-daytime-with-many-black-chairs-ready-students_146671-16246.jpg",          imageAlt: "Séminaire professionnel"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-something-from-food-truck_23-2148914602.jpg",          imageAlt: "Réception cocktail chic"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899436.jpg",          imageAlt: "Salle vide prête pour un événement"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Découvrez la Salle Évasion"
      description={[
        "Située au cœur d'un environnement paisible, la Salle Évasion offre un espace moderne et raffiné pour tous vos événements. Conçue pour s'adapter à vos besoins, notre salle est l'endroit idéal pour transformer vos rêves en réalité.",        "Avec une capacité flexible et des équipements de pointe, nous nous engageons à offrir une expérience sans faille, de la planification à la réalisation. Laissez-nous prendre en charge les détails pour que vous puissiez profiter pleinement de votre moment."]}
      buttons={[
        {
          text: "En savoir plus",          href: "/#services"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Service Traiteur Gastronomique",          tags: [
            "Cuisine Raffinée",            "Menus Personnalisés"],
          imageSrc: "http://img.b2bpic.net/free-photo/catering-restaurant-service_624325-930.jpg",          imageAlt: "Service traiteur gastronomique"},
        {
          id: "f2",          title: "Décoration et Ambiance Sur Mesure",          tags: [
            "Design Créatif",            "Stylisme Floral"],
          imageSrc: "http://img.b2bpic.net/free-photo/white-daisies-purple-hydrangeas-glass-transparent-tall-green-bottles-decorative-bouquets-vases_1304-3993.jpg",          imageAlt: "Décoration événementielle florale"},
        {
          id: "f3",          title: "Équipement Son et Lumière de Pointe",          tags: [
            "Technologie",            "Ambiance Sonore"],
          imageSrc: "http://img.b2bpic.net/free-photo/spectrum-flashes-coloured-light_23-2151792505.jpg",          imageAlt: "Équipement son et lumière"},
      ]}
      title="Nos Services Exclusifs"
      description="Nous vous accompagnons à chaque étape pour garantir le succès de votre événement."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Forfait Mariage Classique",          price: "À partir de 2000€",          variant: "Cérémonie, Dîner, Soirée",          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-date-with-her-boyfriend-valentine-s-day_23-2149162010.jpg",          imageAlt: "Mariage romantique"},
        {
          id: "p2",          name: "Forfait Anniversaire Premium",          price: "À partir de 1200€",          variant: "Décoration, DJ, Traiteur Léger",          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44311.jpg",          imageAlt: "Fête d'anniversaire joyeuse"},
        {
          id: "p3",          name: "Forfait Séminaire Complet",          price: "Sur devis",          variant: "Salle, Matériel, Pause Café",          imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-777.jpg",          imageAlt: "Séminaire professionnel"},
        {
          id: "p4",          name: "Salle Principale",          price: "Jusqu'à 200 personnes",          variant: "Espace modulable, Scène",          imageSrc: "http://img.b2bpic.net/free-photo/inside-museum_1084-54.jpg",          imageAlt: "Grande salle de réception"},
        {
          id: "p5",          name: "Salon VIP",          price: "Jusqu'à 30 personnes",          variant: "Intimité, Confort, Prestige",          imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928932.jpg",          imageAlt: "Salon VIP exclusif"},
        {
          id: "p6",          name: "Terrasse Panoramique",          price: "Sur devis",          variant: "Vue imprenable, Plein air",          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575121.jpg",          imageAlt: "Terrasse panoramique"},
      ]}
      title="Choisissez Votre Espace ou Forfait"
      description="Des forfaits personnalisés pour répondre à toutes vos attentes et tous les budgets."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sophie Martin",          handle: "@sophie.m",          testimonial: "La Salle Évasion a rendu notre mariage absolument parfait. Le service était impeccable et le lieu magnifique. Un grand merci à toute l'équipe !",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-with-her-arms-crossed_329181-13505.jpg",          imageAlt: "Photo de Sophie Martin"},
        {
          id: "t2",          name: "David Dubois",          handle: "@david.d",          testimonial: "Pour notre séminaire annuel, la Salle Évasion a été un choix judicieux. Tout était parfaitement organisé, du matériel technique au service traiteur.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/virtual-experience_1098-14112.jpg",          imageAlt: "Photo de David Dubois"},
        {
          id: "t3",          name: "Julie et Marc",          handle: "@julie.marc",          testimonial: "Nous avons célébré l'anniversaire de nos 50 ans de mariage ici, et ce fut une soirée magique. L'ambiance était incroyable et le personnel aux petits soins.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/newlyweds-smile-keep-glasses-with-champagne_8353-9329.jpg",          imageAlt: "Photo de Julie et Marc"},
        {
          id: "t4",          name: "Équipe Innovatech",          handle: "@innovatech",          testimonial: "Nos événements d'entreprise sont toujours un succès à la Salle Évasion. Leur flexibilité et leur professionnalisme sont inégalés.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/image-lovely-happy-african-american-lady-clenches-fists-from-joy-smiles-broadly-enjoys-success-feels-content-energized_273609-32512.jpg",          imageAlt: "Photo de l'équipe Innovatech"},
        {
          id: "t5",          name: "Caroline Leclerc",          handle: "@caro.leclerc",          testimonial: "J'ai organisé la baby shower de ma sœur et tout était si beau ! La décoration était parfaite et le personnel adorable. Je recommande vivement !",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cool-young-man-angry_1149-1842.jpg",          imageAlt: "Photo de Caroline Leclerc"},
      ]}
      showRating={true}
      title="Ce que disent nos clients"
      description="Leurs sourires sont notre plus belle récompense."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Saveurs d'Élite",        "Harmonie Sonore",        "Fleurs & Créations",        "Lux Limousines",        "Capture Photo & Vidéo",        "Concept Événement",        "Traiteur Gourmand"]}
      title="Nos Partenaires de Confiance"
      description="Nous collaborons avec les meilleurs pour des événements exceptionnels."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Quelle est la capacité maximale de la salle ?",          content: "Notre salle principale peut accueillir jusqu'à 200 personnes assises pour un repas et 300 personnes pour un cocktail debout. Nous avons également des salons plus petits pour des événements intimes."},
        {
          id: "q2",          title: "Proposez-vous un service traiteur ?",          content: "Oui, nous proposons un service traiteur interne avec des menus variés et personnalisables pour s'adapter à vos préférences et à votre budget. Nous pouvons également travailler avec votre traiteur si vous le souhaitez."},
        {
          id: "q3",          title: "Est-il possible de visiter la salle avant de réserver ?",          content: "Absolument ! Nous vous invitons à prendre rendez-vous pour une visite guidée de nos installations. Notre équipe sera ravie de vous présenter les différents espaces et de répondre à toutes vos questions."},
      ]}
      title="Questions Fréquentes"
      description="Trouvez rapidement les réponses à vos interrogations."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Contactez-nous"
      title="Réservez Votre Date"
      description="Contactez-nous dès aujourd'hui pour discuter de votre prochain événement et obtenir un devis personnalisé."
      imageSrc="http://img.b2bpic.net/free-photo/nobody-photography-studio-with-retouching-equipment-technology-media-production-empty-workplace-image-edit-using-retouch-software-computer-office-photographer_482257-28778.jpg"
      imageAlt="Bureau accueillant de la Salle des fêtes Évasion"
      mediaAnimation="slide-up"
      inputPlaceholder="Entrez votre email"
      buttonText="Envoyer"
      termsText="En cliquant sur Envoyer, vous confirmez que vous acceptez nos Conditions Générales."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Découvrir",          items: [
            {
              label: "Accueil",              href: "/"},
            {
              label: "À Propos",              href: "/#about"},
            {
              label: "Services",              href: "/#services"},
            {
              label: "Galerie",              href: "/#gallery"},
          ],
        },
        {
          title: "Assistance",          items: [
            {
              label: "FAQ",              href: "/#faq"},
            {
              label: "Contact",              href: "/contact"},
            {
              label: "Politique de Confidentialité",              href: "#"},
            {
              label: "Conditions Générales",              href: "#"},
          ],
        },
        {
          title: "Nous Suivre",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
            {
              label: "LinkedIn",              href: "#"},
          ],
        },
      ]}
      logoText="Salle Évasion"
      copyrightText="© 2024 Salle Évasion. Tous droits réservés."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}