"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Accueil",
          id: "hero",
        },
        {
          name: "À Propos",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Réserver",
          id: "reservation",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Croix Blanche"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="Restaurant de la Croix Blanche"
      description="Cuisine traditionnelle française au cœur de Giat"
      buttons={[
        {
          text: "Voir le menu",
          href: "#menu",
        },
        {
          text: "Réserver une table",
          href: "#reservation",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/name-card-plate-christmas-set-up-table_8353-6628.jpg",
          imageAlt: "Restaurant ambiance",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-dish-copy-space_23-2148516962.jpg",
          imageAlt: "Duck confit",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370827.jpg",
          imageAlt: "Boeuf bourguignon",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/french-onion-soup-wooden-table_123827-19712.jpg",
          imageAlt: "French onion soup",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893411.jpg",
          imageAlt: "Table setting",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Notre Histoire"
      title="Tradition et Authenticité"
      description="Nichée au cœur du village de Giat, notre restaurant perpétue l'art de vivre à la française. Nous transformons les produits du terroir en plats inoubliables, dans un cadre chaleureux qui invite à la convivialité."
      subdescription="Chaque recette est élaborée avec amour, privilégiant les producteurs locaux pour vous offrir le meilleur de la cuisine maison."
      icon={Utensils}
      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-hot-soup-with-flames-restaurant-table_181624-46674.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Confit de Canard",
          descriptions: [
            "Cuisiné selon la tradition, fondant et savoureux.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-pasta-meal-served-with-vegetables-blue-plate-mix-colors-surface_140725-154544.jpg",
        },
        {
          id: "f2",
          title: "Bœuf Bourguignon",
          descriptions: [
            "Une recette familiale mijotée pendant plusieurs heures.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-food-bowl-mushrooms-potatoes-different-spices-cutting-board-bottle-oil-bowl-white-mushrooms-spruce-branches-with-cones_140725-118275.jpg",
        },
        {
          id: "f3",
          title: "Soupe à l'Oignon",
          descriptions: [
            "Un classique indémodable gratiné à la perfection.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-soup-soup-with-herbs-blue-bowl-table_140725-71670.jpg",
        },
      ]}
      title="Nos Spécialités"
      description="Découvrez notre sélection de plats emblématiques."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "m1",
          name: "Terrine Maison",
          price: "12€",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7082.jpg",
        },
        {
          id: "m2",
          name: "Salade Auvergnate",
          price: "14€",
          imageSrc: "http://img.b2bpic.net/free-photo/side-close-view-dish-cutting-board-brown-bowl-mushrooms-potatoes-fork-cutting-board-spruce-branches-with-cones_140725-110575.jpg",
        },
        {
          id: "m3",
          name: "Truite de la Sioule",
          price: "22€",
          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-carrot-cream-soup_23-2150316469.jpg",
        },
        {
          id: "m4",
          name: "Entrecôte Grillée",
          price: "26€",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-potatoes_23-2148847440.jpg",
        },
        {
          id: "m5",
          name: "Crème Brûlée",
          price: "8€",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-hummus_23-2149447783.jpg",
        },
        {
          id: "m6",
          name: "Tarte Tatin",
          price: "9€",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-soup-with-cauliflower-potatoes-white-bowl_140725-10203.jpg",
        },
      ]}
      title="Notre Menu"
      description="Un voyage gastronomique à travers nos plats."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Jean Dupont",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16389.jpg",
        },
        {
          id: "t2",
          name: "Marie Martin",
          imageSrc: "http://img.b2bpic.net/free-photo/married-couple-facing-camera_23-2148060459.jpg",
        },
        {
          id: "t3",
          name: "Lucie Durant",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-sitting-table_23-2150168081.jpg",
        },
        {
          id: "t4",
          name: "Pierre Lefebvre",
          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519983.jpg",
        },
        {
          id: "t5",
          name: "Sophie Moreau",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
        },
      ]}
      cardTitle="Avis Clients"
      cardTag="Témoignages"
      cardAnimation="slide-up"
    />
  </div>

  <div id="reservation" data-section="reservation">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Réserver une table"
      description="Réservez votre moment gastronomique à la Croix Blanche."
      inputs={[
        {
          name: "nom",
          type: "text",
          placeholder: "Nom complet",
          required: true,
        },
        {
          name: "date",
          type: "date",
          placeholder: "Date",
          required: true,
        },
        {
          name: "heure",
          type: "time",
          placeholder: "Heure",
          required: true,
        },
        {
          name: "convives",
          type: "number",
          placeholder: "Nombre de convives",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Contactez-nous"
      description="15 Grand Rue, 63620 Giat, France. Réservez ou posez vos questions."
      inputs={[
        {
          name: "email",
          type: "email",
          placeholder: "Votre email",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Sujet",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Votre message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/lule-kebab-with-french-fries-rice_140725-9860.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Croix Blanche"
      leftLink={{
        text: "Mentions Légales",
        href: "#",
      }}
      rightLink={{
        text: "Instagram",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
