"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function ContactPage() {
  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="contact-info" data-section="contact-info">
            <ContactSplit
            useInvertedBackground={true}
            background={{
              variant: "radial-gradient"}}
            tag="Contactez-nous"
            title="Informations de Contact"
            description="Téléphone: +216 99 301 482\nLocalisation: Manouba, Tunisia"
            imageSrc="http://img.b2bpic.net/free-photo/world-map-global-business-background_53876-135508.jpg"
            imageAlt="Localisation de la Salle Évasion sur la carte"
            mediaAnimation="slide-up"
            inputPlaceholder="Entrez votre email"
            buttonText="Envoyer votre message"
            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>
  );
}