4c00a104-4f20-45ca-adfc-5e6d53529519/src/app/page.tsx

"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { MapPin, Home, Bed, UtensilsCrossed, CheckCircle, Star, Phone } from "lucide-react";

const navItems = [
  { name: "Accueil", id: "/" },
  { name: "Chambres", id: "/chambres" },
  { name: "Restaurant", id: "/restaurant" },
  { name: "Accès", id: "access" },
  { name: "Réserver", id: "/contact" },
];

export default function HomePage() {
  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"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav" className="sticky top-0 z-50 bg-[#f6f0e9]/95 backdrop-blur-sm">
        <NavbarStyleApple brandName="Hôtel du Soleil" navItems={navItems} />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Bienvenue à l'Hôtel du Soleil"
          description="Découvrez l'authenticité suisse au cœur de Cornaux. Un havre de paix avec vue panoramique, restaurant d'exception et accueil chaleureux."
          tag="Depuis 1975"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/mountainous-landscape-three-peaks-nature-park-italy_181624-29454.jpg",
              imageAlt: "Vue extérieure de l'hôtel du Soleil",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/eco-spa-lounge-ethno-interior-stone-wall_169016-68911.jpg?_wi=1",
              imageAlt: "Intérieur chaleureux et accueillant",
            },
          ]}
          rating={5}
          ratingText="4,1/5 - Noté par nos clients"
          buttons={[
            { text: "Réserver une chambre", href: "/contact" },
            { text: "Appeler: 032 757 14 60", href: "tel:+41327571460" },
          ]}
          buttonAnimation="slide-up"
          mediaAnimation="slide-up"
        />
      </div>

      {/* About Section */}
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Notre Histoire"
          tagIcon={Home}
          tagAnimation="slide-up"
          title="L'Hôtel du Soleil, votre destination authentique au bord du lac"
          description="Depuis près de 50 ans, l'Hôtel du Soleil incarne l'hospitalité suisse traditionnelle. Situé à Cornaux à la Rte du Moulin 2, notre établissement 3-4 étoiles allie charme rustique et confort moderne. Notre restaurant réputé célèbre les produits du terroir neuchâtelois avec une carte saisonnière mettant en avant la chasse et les spécialités locales."
          metrics={[
            { value: "50+", title: "Ans de tradition" },
            { value: "4,1/5", title: "Évaluation clients" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg?_wi=1"
          imageAlt="Ambiance du restaurant traditionnel"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      {/* Rooms Section */}
      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Nos Chambres Rénovées"
          description="Découvrez notre sélection de chambres confortables et élégantes, rénovées avec soin pour votre bien-être"
          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=1",
              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=1",
              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=1",
              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>

      {/* Restaurant Section */}
      <div id="restaurant" data-section="restaurant">
        <ProductCardFour
          title="Notre Restaurant d'Exception"
          description="Cuisine du terroir revisitée • Spécialités de chasse • Ambiance chaleureuse"
          tag="Gastronomie Locale"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          products={[
            {
              id: "game",
              name: "Spécialité Chasse",
              price: "CHF 38-48",
              variant: "Gibier du jour • Sauce maison",
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg?_wi=1",
              imageAlt: "Plat de gibier savoureux",
            },
            {
              id: "entrecote",
              name: "Entrecôte Beurre Soleil",
              price: "CHF 42-52",
              variant: "Viande suisse • Légumes de saison",
              imageSrc: "http://img.b2bpic.net/free-photo/restaurant-healthy-food-delivery-salad-second-dish-first-dish-white-surface_231208-7866.jpg?_wi=1",
              imageAlt: "Entrecôte sauce beurre parfumée",
            },
            {
              id: "menu",
              name: "Menu Découverte",
              price: "CHF 65-85",
              variant: "Accords mets-vins • 4 services",
              imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1",
              imageAlt: "Ambiance élégante du restaurant",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Réserver une table", href: "tel:+41327571460" }]}
          buttonAnimation="slide-up"
        />
      </div>

      {/* Amenities Section */}
      <div id="amenities" data-section="amenities">
        <FeatureBorderGlow
          title="Services et Équipements"
          description="Tous les services pour un séjour réussi"
          tag="Confort Garanti"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              icon: require("lucide-react").Wifi,
              title: "WiFi Gratuit",
              description: "Connexion haut débit dans tous les espaces",
            },
            {
              icon: require("lucide-react").ParkingCircle,
              title: "Parking Gratuit",
              description: "Stationnement sécurisé pour tous nos clients",
            },
            {
              icon: require("lucide-react").Utensils,
              title: "Restaurant Interne",
              description: "Cuisine terroir et spécialités du lac",
            },
            {
              icon: require("lucide-react").Mountain,
              title: "Vue sur le Lac",
              description: "Terrasse panoramique avec vue spectaculaire",
            },
            {
              icon: require("lucide-react").Users,
              title: "Accueil Chaleureux",
              description: "Équipe dévouée à votre bien-être",
            },
            {
              icon: require("lucide-react").MapPin,
              title: "Localisation Idéale",
              description: "Route du Moulin 2 • Accès facile à Neuchâtel",
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Michel Dupont",
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-airport_1157-22058.jpg",
              imageAlt: "Michel Dupont, voyageur d'affaires",
            },
            {
              id: "2",
              name: "Claire Rousseau",
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",
              imageAlt: "Claire Rousseau, touriste",
            },
            {
              id: "3",
              name: "Thomas Martin",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
              imageAlt: "Thomas Martin, client régulier",
            },
            {
              id: "4",
              name: "Isabelle Leroux",
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
              imageAlt: "Isabelle Leroux, voyageuse",
            },
          ]}
          cardTitle="Plus de 5000 clients satisfaits nous font confiance pour leurs séjours"
          cardTag="Avis Clients"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Réservation"
          tagIcon={Phone}
          title="Prêt à découvrir l'Hôtel du Soleil ?"
          description="Contactez-nous directement pour une réservation personnalisée ou envoyez-nous vos questions. Nous vous répondrons dans les plus brefs délais."
          background={{ variant: "rotated-rays-static" }}
          useInvertedBackground={false}
          inputPlaceholder="Votre adresse email"
          buttonText="S'inscrire à notre newsletter"
          termsText="En vous inscrivant, vous acceptez nos conditions générales. Vous pouvez vous désabonner à tout moment."
        />
      </div>

      {/* Footer */}
      <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>
  );
}