"use client";

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

export default function ServicesPage() {
  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",                href: "/"},
              {
                name: "À Propos",                id: "#about"},
              {
                name: "Services",                href: "/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>

        <FeatureCardTwentyThree
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "wedding-feature-1",              title: "Cérémonies Élégantes",              tags: ["Luxe", "Personnalisé", "Chic"],
              imageSrc: "http://img.b2bpic.net/free-photo/wedding-setup_23-2149575129.jpg",              imageAlt: "Décoration de mariage élégante avec des fleurs"},
          ]}
          title="Mariages Inoubliables"
          description="Créez votre journée de rêve avec nos forfaits mariage élégants. Des lieux somptueux aux décors personnalisés, chaque détail est pensé pour une célébration sans pareil."
          className="my-12"
        />

        <FeatureCardTwentyThree
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: "engagement-feature-1",              title: "Décors Personnalisés",              tags: ["Romantique", "Intime", "Sur Mesure"],
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-composition-on-white-table_23-2149574246.jpg",              imageAlt: "Décoration romantique pour fiançailles"},
          ]}
          title="Fiançailles Magiques"
          description="Célébrez votre amour avec une ambiance romantique et des décorations sur mesure. Nous transformons votre vision en une réalité enchantée pour ce moment unique."
          className="my-12"
        />

        <FeatureCardTwentyThree
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "birthday-feature-1",              title: "Ambiance Festive",              tags: ["Famille", "Amusement", "Thème"],
              imageSrc: "http://img.b2bpic.net/free-photo/navratri-highly-detailed-interior-decoration_23-2151193720.jpg",              imageAlt: "Salle décorée pour une fête d'anniversaire"},
          ]}
          title="Anniversaires Mémorables"
          description="Des fêtes joyeuses pour tous les âges. Nos espaces sont parfaits pour des célébrations familiales, avec des options de divertissement pour les enfants et les adultes."
          className="my-12"
        />

        <FeatureCardTwentyThree
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: "corporate-feature-1",              title: "Réunions Productives",              tags: ["Affaires", "Technologie", "Réseautage"],
              imageSrc: "http://img.b2bpic.net/free-photo/conference-room-with-chairs-round-table-ready-seminar_146671-16167.jpg",              imageAlt: "Salle de conférence prête pour une réunion"},
          ]}
          title="Événements Corporate Professionnels"
          description="Organisez vos réunions, conférences ou galas d'entreprise dans un cadre professionnel et équipé. Solutions techniques et services adaptés à vos exigences."
          className="my-12"
        />

        <FeatureCardTwentyThree
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "private-feature-1",              title: "Expériences Sur Mesure",              tags: ["Intimité", "Exclusif", "Personnalisé"],
              imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-decorated-with-flowers_23-2149091871.jpg",              imageAlt: "Table de restaurant élégamment dressée pour un événement privé"},
          ]}
          title="Événements Privés Exclusifs"
          description="Qu'il s'agisse d'un dîner privé, d'une soirée spéciale ou d'une célébration intime, nous créons une expérience entièrement personnalisée, à votre image."
          className="my-12"
        />

        <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>
  );
}
