"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Phone, MapPin, Mail } from 'lucide-react';
import Link from 'next/link';

export default function ContactPage() {
  const navItems = [
    { name: "Accueil", id: "/" },
    { name: "Chambres", id: "/chambres" },
    { name: "Restaurant", id: "/restaurant" },
    { name: "Accès", id: "/contact" },
    { name: "Réserver", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Hôtel du Soleil"
          navItems={navItems}
        />
      </div>

      <div id="contact-form" data-section="contact-form">
        <ContactCenter
          tag="Contact Général"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Contactez-Nous Directement"
          description="Que ce soit pour une réservation, une question sur nos services ou pour toute autre demande, notre équipe est à votre disposition pour vous répondre dans les plus brefs délais."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Votre adresse email"
          buttonText="Envoyer une demande"
          termsText="Nous vous répondrons dans les 24 heures. Vous pouvez également nous appeler directement au numéro ci-dessous."
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <MetricSplitMediaAbout
          tag="Nos Coordonnées"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Hôtel du Soleil - Cornaux"
          description="Route du Moulin 2, 2016 Cornaux • Suisse. Découvrez notre établissement niché au cœur de la région de Neuchâtel, offrant une vue panoramique sur le lac et un accueil chaleureux à tous nos visiteurs."
          metrics={[
            { value: "50 ans", title: "D'accueil d'excellence" },
            { value: "5000+", title: "Clients satisfaits" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/mountainous-landscape-three-peaks-nature-park-italy_181624-29454.jpg?_wi=2"
          imageAlt="Vue panoramique de la région du Jura"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="contact-methods" data-section="contact-methods">
        <FeatureBorderGlow
          title="Nos Moyens de Contact"
          description="Plusieurs options vous permettent de nous joindre rapidement et facilement"
          tag="Accès Facile"
          tagIcon={Mail}
          tagAnimation="slide-up"
          features={[
            {
              icon: "Phone",
              title: "Téléphone",
              description: "+41 32 757 14 60 • Disponible du lundi au dimanche",
            },
            {
              icon: "Mail",
              title: "Email",
              description: "contact@hoteldusoleil.ch • Réponse dans les 24 heures",
            },
            {
              icon: "MapPin",
              title: "Visite en Personne",
              description: "Route du Moulin 2 • Cornaux • Accueil chaleureux garantit",
            },
            {
              icon: "Clock",
              title: "Horaires d'Ouverture",
              description: "Accueil: 7h-23h • Restaurant: 11h30-14h / 18h30-22h",
            },
            {
              icon: "Wifi",
              title: "Réservation en Ligne",
              description: "Disponibilités en temps réel sur notre plateforme sécurisée",
            },
            {
              icon: "MessageCircle",
              title: "Formulaire Contact",
              description: "Envoyez-nous vos demandes via notre formulaire dédié",
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Hôtel du Soleil"
          leftLink={{ text: "Conditions générales", href: "#" }}
          rightLink={{ text: "Politique de confidentialité", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}