"use client";

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

export default function GalleryPage() {
  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="gallery" data-section="gallery">
          <ProductCardFour
            animationType="blur-reveal"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            title="Notre Galerie d'Événements"
            description="Découvrez des moments inoubliables capturés dans notre salle."
            textboxLayout="default"
            products={[
              { id: "1", name: "Mariage Élégant", price: "À partir de 1500€", variant: "Cérémonie", imageSrc: "http://img.b2bpic.net/free-photo/wedding-ceremony-area-in-a-forest-decorated-with-white-flowers-and-rustic-style-details_181624-53900.jpg" },
              { id: "2", name: "Anniversaire Joyeux", price: "À partir de 500€", variant: "Fête", imageSrc: "http://img.b2bpic.net/free-photo/view-of-table-with-happy-birthday-cake-and-drinks_23-2148405096.jpg" },
              { id: "3", name: "Conférence Professionnelle", price: "Sur devis", variant: "Séminaire", imageSrc: "http://img.b2bpic.net/free-photo/large-empty-meeting-room_23-2148782068.jpg" },
              { id: "4", name: "Soirée Gala", price: "Sur devis", variant: "Réception", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wedding-reception-hall-illustration_1150-13725.jpg" },
              { id: "5", name: "Cocktail Party", price: "À partir de 800€", variant: "Social", imageSrc: "http://img.b2bpic.net/free-photo/cocktails_1339-1233.jpg" },
              { id: "6", name: "Dîner Romantique", price: "À partir de 300€", variant: "Privé", imageSrc: "http://img.b2bpic.net/free-photo/romantic-dinner-restaurant-luxury_23-2148777977.jpg" }
            ]}
          />
        </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>
  );
}
