"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function AboutPage() {
  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="story" data-section="story">
          <TextSplitAbout
            useInvertedBackground={true}
            title="Notre Histoire et Vision"
            description={[
              "Depuis notre création, la Salle Évasion s'est engagée à fournir un espace exceptionnel pour célébrer les moments les plus précieux de la vie. Nous croyons que chaque événement est unique et mérite une attention particulière.",              "Notre mission est de créer des expériences mémorables en offrant un cadre élégant, des équipements modernes et un service personnalisé. Nous nous efforçons de dépasser les attentes de nos clients à chaque fois, en transformant leurs visions en réalité scintillante.",              "Que ce soit pour un mariage grandiose, un anniversaire intime, un séminaire professionnel ou toute autre célébration, notre équipe dévouée est là pour vous accompagner. Nous nous occupons de tous les détails pour que vous puissiez vous concentrer sur ce qui compte vraiment : profiter de l'instant présent avec vos proches."
            ]}
          />
        </div>

        <div id="why-choose-us" data-section="why-choose-us">
          <FeatureCardNineteen
            textboxLayout="default"
            useInvertedBackground={false}
            title="Pourquoi Choisir la Salle Évasion ?"
            description="Découvrez les avantages qui font de notre salle le lieu idéal pour votre prochain événement."
            features={[
              {
                tag: "Espaces",                title: "Espaces Flexibles",                subtitle: "Capacité Adaptable",                description: "Nos salles sont conçues pour être entièrement modulables, s'adaptant parfaitement à la taille et au style de votre événement, des petites réunions aux grandes réceptions.",                imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899436.jpg",                imageAlt: "Salle modulable"},
              {
                tag: "Localisation",                title: "Emplacement Idéal",                subtitle: "Accès Facile",                description: "Située au cœur de la ville avec un accès facile aux transports et un grand parking, la Salle Évasion est facilement accessible pour tous vos invités.",                imageSrc: "http://img.b2bpic.net/free-photo/city-from-viewpoint_1127-1605.jpg",                imageAlt: "Ville et commodité"},
              {
                tag: "Service",                title: "Service Client Dévoué",                subtitle: "Accompagnement Personnalisé",                description: "Notre équipe expérimentée et amicale est à votre disposition pour vous accompagner à chaque étape, garantissant une organisation sans stress et un événement réussi.",                imageSrc: "http://img.b2bpic.net/free-photo/service-hands-handshake-connection-business-concept_53876-26792.jpg",                imageAlt: "Client service"},
              {
                tag: "Ambiance",                title: "Ambiance Chaleureuse",                subtitle: "Cadre Familial",                description: "Profitez d'une atmosphère accueillante et conviviale, parfaite pour créer des souvenirs heureux avec votre famille et vos amis.",                imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-something-from-food-truck_23-2148914602.jpg",                imageAlt: "Ambiance conviviale"},
              {
                tag: "Qualité/Prix",                title: "Tarifs Compétitifs",                subtitle: "Excellent Rapport Qualité-Prix",                description: "Nous offrons des forfaits clairs et des prix compétitifs sans compromettre la qualité, pour que votre événement soit magnifique et respecte votre budget.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-euro-currency-banknotes_23-2149021486.jpg",                imageAlt: "Tarifs compétitifs"},
            ]}
          />
        </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>
  );
}
