"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Trophy, Music, MapPin } from "lucide-react";

export default function EventsPage() {
  const footerColumns = [
    {
      title: "Navigation",
      items: [
        { label: "Accueil", href: "/" },
        { label: "Menu", href: "/menu" },
        { label: "Événements", href: "/events" },
        { label: "À Propos", href: "/about" },
      ],
    },
    {
      title: "Contact",
      items: [
        { label: "Réserver", href: "/contact" },
        { label: "Nous Appeler", href: "tel:+33200000000" },
        { label: "Nous Localiser", href: "#" },
        { label: "Horaires", href: "#" },
      ],
    },
    {
      title: "Informations",
      items: [
        { label: "Conditions Générales", href: "#" },
        { label: "Politique de Confidentialité", href: "#" },
        { label: "Mentions Légales", href: "#" },
        { label: "Plan du Site", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LE QUEEN'S BERRY"
          navItems={[
            { name: "Accueil", id: "/" },
            { name: "Menu", id: "/menu" },
            { name: "Événements", id: "/events" },
            { name: "À propos", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "Réservez", href: "/contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="sports-events" data-section="sports-events">
        <FeatureCardOne
          title="Événements Sportifs"
          description="Suivez tous les grands matchs en direct sur nos écrans géants. Ambiance électrique garantie!"
          tag="Événements"
          tagIcon={Trophy}
          tagAnimation="slide-up"
          buttons={[{ text: "Réserver pour Regarder", href: "/contact" }]}
          buttonAnimation="fade"
          textboxLayout="default"
          features={[
            {
              title: "Matchs de Rugby",
              description:
                "Le Six Nations, la Coupe du Monde et tous les grands matchs de rugby. Vivez chaque essai en direct avec nos passionnés!",
              imageSrc: "http://img.b2bpic.net/free-photo/men-watching-television-cheering-team_329181-18368.jpg",
              imageAlt: "Matchs de rugby en direct",
              button: { text: "Prochains Matchs" },
            },
            {
              title: "Football",
              description:
                "Premier League, Ligue 1, Champions League. Les meilleurs matchs de football sur nos écrans HD haute définition.",
              imageSrc: "http://img.b2bpic.net/free-photo/men-watching-television-cheering-team_329181-18368.jpg",
              imageAlt: "Matchs de football",
              button: { text: "Calendrier" },
            },
            {
              title: "Événements Spéciaux",
              description:
                "Soirées à thème, tournois, quiz sports et animations. Venez vivre des moments inoubliables avec vos amis.",
              imageSrc: "http://img.b2bpic.net/free-photo/men-watching-television-cheering-team_329181-18368.jpg",
              imageAlt: "Événements spéciaux et animations",
              button: { text: "Détails" },
            },
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
          ariaLabel="Événements sportifs"
        />
      </div>

      <div id="entertainment" data-section="entertainment">
        <FeatureCardOne
          title="Divertissement & Musique"
          description="Performances musicales en direct, DJ et ambiance festive tous les weekends"
          tag="Live Entertainment"
          tagIcon={Music}
          tagAnimation="slide-up"
          buttons={[{ text: "Consulter Agenda", href: "#" }]}
          buttonAnimation="fade"
          textboxLayout="default"
          features={[
            {
              title: "Soirées Live",
              description:
                "Musiciens irlandais traditionnels et groupes modernes. Ambiance chaleureuse et conviviale tous les vendredi et samedi.",
              imageSrc: "http://img.b2bpic.net/free-photo/men-watching-television-cheering-team_329181-18368.jpg",
              imageAlt: "Performance musicale live",
              button: { text: "Voir Agenda" },
            },
            {
              title: "DJ & Danseur",
              description:
                "Samedi soir: DJ animant la piste de danse jusqu'à tard. Musique toute la soirée pour une ambiance festive.",
              imageSrc: "http://img.b2bpic.net/free-photo/men-watching-television-cheering-team_329181-18368.jpg",
              imageAlt: "DJ en action",
              button: { text: "Détails" },
            },
            {
              title: "Célébrations Privées",
              description:
                "Anniversaires, enterrements de vie de garçon/fille, réunions. Personnalisez votre événement avec notre équipe.",
              imageSrc: "http://img.b2bpic.net/free-photo/men-watching-television-cheering-team_329181-18368.jpg",
              imageAlt: "Célébration privée",
              button: { text: "Contacter" },
            },
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={true}
          ariaLabel="Divertissement et musique"
        />
      </div>

      <div id="events-cta" data-section="events-cta">
        <ContactCTA
          tag="Envie de Participer?"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Réservez Votre Place pour Nos Événements"
          description="Les places pour les grands événements s'épuisent rapidement. Réservez maintenant pour assurer votre place et profiter de l'ambiance électrique du LE QUEEN'S BERRY."
          buttons={[
            { text: "Réserver Maintenant", href: "/contact" },
            { text: "Voir le Calendrier", href: "#" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Appel à l'action pour réservation événements"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2025 LE QUEEN'S BERRY. Tous droits réservés."
          bottomRightText="Pub Irlandais & Brasserie - Châteauroux"
          ariaLabel="Pied de page du site"
        />
      </div>
    </ThemeProvider>
  );
}