"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Mail, Phone, MapPin, Clock, Users, Zap } from "lucide-react";

export default function ContactPage() {
  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="contact-info" data-section="contact-info">
        <SplitAbout
          title="Nous Contacter"
          description="Vous avez des questions? Envie de réserver une table ou d'organiser un événement? Nous sommes toujours là pour vous aider et accueillir."
          tag="Informations de Contact"
          tagIcon={Mail}
          tagAnimation="fade"
          bulletPoints={[
            {
              title: "Téléphone",
              description:
                "Appelez-nous au 02 XX XX XX XX. Notre équipe est disponible du lundi au dimanche pour répondre à vos questions.",
              icon: Phone,
            },
            {
              title: "Horaires d'Ouverture",
              description:
                "Lun-Jeu: 17h-23h | Ven-Sam: 17h-02h | Dimanche: 17h-23h. Cuisine jusqu'à 22h30 en semaine, minuit le weekend.",
              icon: Clock,
            },
            {
              title: "Localisation",
              description:
                "Place Centrale, 36000 Châteauroux. Accès facile, parking à proximité et ligne de bus directe. Venez nous visiter!",
              icon: MapPin,
            },
            {
              title: "Réservations Groupe",
              description:
                "Groupes à partir de 10 personnes bienvenues. Menus spéciaux disponibles. Contactez-nous pour discuter de vos besoins.",
              icon: Users,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/cheerful-friends-having-fun-while-talking-waiter-cafe_637285-12509.jpg"
          imageAlt="Intérieur chaleureux du LE QUEEN'S BERRY"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          imagePosition="right"
          ariaLabel="Informations de contact"
        />
      </div>

      <div id="contact-form" data-section="contact-form">
        <ContactCTA
          tag="Envoyez-Nous un Message"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Formulaire de Contact Rapide"
          description="Remplissez ce formulaire et nous vous répondrons dans les 24 heures. Vous pouvez également nous appeler directement au 02 XX XX XX XX pour une réponse immédiate."
          buttons={[
            { text: "Nous Contacter", href: "#contact-form" },
            { text: "Appeler Directement", href: "tel:+33200000000" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Formulaire de contact"
        />
      </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>
  );
}