"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 { Utensils, Wine, MapPin } from "lucide-react";

export default function MenuPage() {
  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="menu-dishes" data-section="menu-dishes">
        <FeatureCardOne
          title="Notre Menu Complet"
          description="Découvrez nos plats traditionnels irlandais préparés avec passion et des ingrédients frais"
          tag="Cuisine Généreuse"
          tagIcon={Utensils}
          tagAnimation="slide-up"
          buttons={[{ text: "Commander Maintenant", href: "/contact" }]}
          buttonAnimation="fade"
          textboxLayout="default"
          features={[
            {
              title: "Irish Stew",
              description:
                "Ragoût traditionnel avec agneau, pommes de terre, oignons et herbes. Un classique réconfortant qui capture l'essence de la cuisine irlandaise.",
              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mashed-potatoes-ketchup_140725-2745.jpg",
              imageAlt: "Irish Stew traditionnel",
              button: { text: "Détails du Plat" },
            },
            {
              title: "Fish & Chips",
              description:
                "Poisson blanc pané croustillant avec frites dorées. Accompagné d'une sauce maison et de pois mushy comme en Irlande.",
              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mashed-potatoes-ketchup_140725-2745.jpg",
              imageAlt: "Fish & Chips croustillants",
              button: { text: "Commander" },
            },
            {
              title: "Shepherd's Pie",
              description:
                "Hachis de viande avec légumes et purée de pommes de terre gratinée. Chaleureux, savoureux et absolument délicieux.",
              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mashed-potatoes-ketchup_140725-2745.jpg",
              imageAlt: "Shepherd's Pie doré",
              button: { text: "Goûter" },
            },
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
          ariaLabel="Menu de plats irlandais"
        />
      </div>

      <div id="beverages" data-section="beverages">
        <FeatureCardOne
          title="Nos Boissons"
          description="Une sélection premium de bières locales, internationales et boissons typiquement irlandaises"
          tag="Brasserie Artisanale"
          tagIcon={Wine}
          tagAnimation="slide-up"
          buttons={[{ text: "Voir Toutes les Boissons", href: "#" }]}
          buttonAnimation="fade"
          textboxLayout="default"
          features={[
            {
              title: "Guinness Draught",
              description:
                "La bière noire emblématique d'Irlande. Mousse riche et saveur profonde et légèrement amère. Incontournable.",
              imageSrc: "http://img.b2bpic.net/free-photo/mid-section-bar-tender-filling-beer-from-bar-pump_107420-65345.jpg",
              imageAlt: "Guinness Draught",
              button: { text: "Commander" },
            },
            {
              title: "Bières Locales",
              description:
                "Sélection de microbrasseries françaises et régionales. Des saveurs innovantes et surprenantes à découvrir.",
              imageSrc: "http://img.b2bpic.net/free-photo/mid-section-bar-tender-filling-beer-from-bar-pump_107420-65345.jpg",
              imageAlt: "Sélection de bières locales",
              button: { text: "Découvrir" },
            },
            {
              title: "Irish Coffee",
              description:
                "Café chaud, sucre, whiskey irlandais et crème fouettée. Le breuvage réconfortant par excellence pour les soirées fraîches.",
              imageSrc: "http://img.b2bpic.net/free-photo/mid-section-bar-tender-filling-beer-from-bar-pump_107420-65345.jpg",
              imageAlt: "Irish Coffee",
              button: { text: "Essayer" },
            },
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={true}
          ariaLabel="Sélection de boissons"
        />
      </div>

      <div id="menu-cta" data-section="menu-cta">
        <ContactCTA
          tag="Envie de Goûter?"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Réservez Votre Table Pour Déguster Notre Menu"
          description="Rejoignez-nous pour une expérience culinaire authentique. Notre équipe prépare chaque plat avec soin et passion. Réservation recommandée, surtout les weekends."
          buttons={[
            { text: "Réserver Maintenant", href: "/contact" },
            { text: "Voir les Horaires", href: "#" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Appel à l'action pour réservation menu"
        />
      </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>
  );
}