"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { UtensilsCrossed, ChefHat, Phone } from 'lucide-react';
import Link from 'next/link';

export default function RestaurantPage() {
  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="restaurant-menu" data-section="restaurant-menu">
        <ProductCardFour
          title="Notre Restaurant d'Exception"
          description="Cuisine du terroir revisitée • Spécialités de chasse • Ambiance chaleureuse et authentique"
          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=2",
              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=2",
              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=2",
              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>

      <div id="restaurant-story" data-section="restaurant-story">
        <MetricSplitMediaAbout
          tag="Notre Philosophie"
          tagIcon={ChefHat}
          tagAnimation="slide-up"
          title="Un Restaurant Ancré dans le Terroir"
          description="Notre cuisine célèbre les saveurs authentiques du Jura et du lac de Neuchâtel. Nous travaillons en étroite collaboration avec les producteurs locaux pour proposer une carte saisonnière mettant en avant les meilleurs produits du terroir. De septembre à février, nos spécialités de chasse ravissent les amateurs de cuisine traditionnelle suisse."
          metrics={[
            { value: "50", title: "Années de savoir-faire" },
            { value: "100%", title: "Produits locaux" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg?_wi=2"
          imageAlt="Ambiance chaleureuse de la salle à manger"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="restaurant-booking" data-section="restaurant-booking">
        <ContactCenter
          tag="Réservation"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Réservez Votre Table"
          description="Venez déguster nos spécialités dans une ambiance chaleureuse et authentique. Notre équipe vous accueille du mardi au dimanche pour vous offrir une expérience culinaire inoubliable."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Votre adresse email"
          buttonText="Demander une réservation"
          termsText="Appelez-nous directement au 032 757 14 60 pour réserver votre table ou recevoir notre carte complète des vins."
        />
      </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>
  );
}