"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 TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Heart, Clover, UtensilsCrossed, Trophy, Users, MapPin } from "lucide-react";

export default function AboutPage() {
  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="about" data-section="about">
        <SplitAbout
          title="Notre Voyage"
          description="Depuis 2010, LE QUEEN'S BERRY a été le cœur pulsant de la vie sociale et culturelle de Châteauroux. Fondé sur les principes d'authenticité, de qualité et de convivialité, nous avons grandi pour devenir bien plus qu'un simple pub."
          tag="Notre Histoire"
          tagIcon={Heart}
          tagAnimation="fade"
          bulletPoints={[
            {
              title: "2010 - Notre Naissance",
              description:
                "Ouverture du premier LE QUEEN'S BERRY avec la vision de ramener l'esprit authentique des pubs irlandais à Châteauroux.",
              icon: Clover,
            },
            {
              title: "2015 - L'Expansion",
              description:
                "Ajout de notre brasserie artisanale avec sélection croissante de bières locales et internationales. Extension du lieu.",
              icon: UtensilsCrossed,
            },
            {
              title: "2023 - L'Excellence",
              description:
                "Reconnaissance comme meilleur pub de la région avec 4.6/5 étoiles. Plus de 50 événements annuels et 25 bières en rotation.",
              icon: Trophy,
            },
            {
              title: "Notre Promesse",
              description:
                "Continuer à offrir la meilleure expérience possible: accueil chaleureux, cuisine authentique et moments mémorables.",
              icon: Users,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/mid-section-bar-tender-filling-beer-from-bar-pump_107420-65345.jpg?_wi=6"
          imageAlt="Intérieur du LE QUEEN'S BERRY"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          imagePosition="right"
          ariaLabel="Notre histoire et évolution"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="J'ai découvert ce pub il y a 5 ans et c'est devenu mon deuxième foyer! L'ambiance est incomparable, les gens sont formidables et la nourriture est delicieuse. L'équipe connaît tous ses clients et nous traite comme famille."
          rating={5}
          author="Sophie Laurent, Conseillère Régionale"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
              alt: "Marc Dupont",
            },
            {
              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
              alt: "Sophie Laurent",
            },
            {
              src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",
              alt: "Jean Moreau",
            },
            {
              src: "http://img.b2bpic.net/free-photo/closeup-happy-joyful-bearded-guy-posing-indoors_74855-2696.jpg",
              alt: "Claire Noel",
            },
            {
              src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
              alt: "Pierre Blanc",
            },
            {
              src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
              alt: "Isabelle Rossi",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Témoignage client 5/5"
        />
      </div>

      <div id="about-cta" data-section="about-cta">
        <ContactCTA
          tag="Faites Partie de la Famille"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Nous Sommes Impatients de Vous Rencontrer"
          description="Venez découvrir par vous-même pourquoi des milliers de personnes choisissent LE QUEEN'S BERRY comme leur destination préférée à Châteauroux. Accueil chaleureux garanti!"
          buttons={[
            { text: "Réserver Votre Visite", href: "/contact" },
            { text: "Nous Appeler", href: "tel:+33200000000" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Appel à l'action pour découvrir le pub"
        />
      </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>
  );
}