"use client";

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

export default function RoomsPage() {
  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="rooms-gallery" data-section="rooms-gallery">
        <ProductCardFour
          title="Nos Chambres Rénovées"
          description="Découvrez notre sélection complète de chambres confortables et élégantes, rénovées avec soin pour votre bien-être et votre détente."
          tag="Séjour Confortable"
          tagIcon={Bed}
          tagAnimation="slide-up"
          products={[
            {
              id: "standard",
              name: "Chambre Standard",
              price: "CHF 120-150",
              variant: "Vue lac • Wifi gratuit",
              imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg?_wi=2",
              imageAlt: "Chambre standard confortable",
            },
            {
              id: "comfort",
              name: "Chambre Confort",
              price: "CHF 150-200",
              variant: "Balcon • Parking inclus",
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg?_wi=2",
              imageAlt: "Chambre confort avec balcon",
            },
            {
              id: "suite",
              name: "Suite Prestige",
              price: "CHF 220-280",
              variant: "Vue panoramique • Spa",
              imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-luxury-resort_53876-138105.jpg?_wi=2",
              imageAlt: "Suite prestige luxueuse",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Voir disponibilités", href: "/contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="room-amenities" data-section="room-amenities">
        <FeatureBorderGlow
          title="Équipements de Chambre"
          description="Chaque chambre est équipée des services essentiels pour un séjour confortable et agréable."
          tag="Confort Premium"
          tagIcon={Wifi}
          tagAnimation="slide-up"
          features={[
            {
              icon: "Wifi",
              title: "WiFi Haute Vitesse",
              description: "Connexion internet gratuite et fiable dans toutes les chambres",
            },
            {
              icon: "Wind",
              title: "Climatisation",
              description: "Régulation de température pour votre confort optimal",
            },
            {
              icon: "Coffee",
              title: "Minibar & Bouilloire",
              description: "Boissons et thé disponibles à tout moment",
            },
            {
              icon: "Tv",
              title: "Télévision Écran Plat",
              description: "Chaînes TV suisse et internationales incluses",
            },
            {
              icon: "Waves",
              title: "Salle de Bain Moderne",
              description: "Douche italienne et produits de toilette haut de gamme",
            },
            {
              icon: "Lock",
              title: "Coffre-Fort",
              description: "Rangement sécurisé pour vos objets de valeur",
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="rooms-contact" data-section="rooms-contact">
        <ContactCenter
          tag="Réservation"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Réservez Votre Chambre Dès Maintenant"
          description="Profitez de nos tarifs préférentiels et disponibilités en continu. Notre équipe est à votre disposition pour répondre à toutes vos questions."
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Votre adresse email"
          buttonText="Demander une disponibilité"
          termsText="En envoyant votre demande, vous acceptez nos conditions de réservation. Nous vous contacterons dans les 24 heures."
        />
      </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>
  );
}