"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Leaf, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",
          id: "#home",
        },
        {
          name: "À Propos",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Plats Signature",
          id: "#dishes",
        },
        {
          name: "Témoignages",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg"
      brandName="Le Délice Culinaire"
      button={{
        text: "Réserver une Table",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Bienvenue au Délice Culinaire"
      description="Découvrez une expérience gastronomique inégalée où chaque plat est une œuvre d'art. Savourez des saveurs exquises dans une ambiance élégante et chaleureuse."
      buttons={[
        {
          text: "Voir notre Menu",
          href: "#menu",
        },
        {
          text: "Réserver une Table",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-smiling-man-preparing-avocado-bruschetta-kitchen_637285-5840.jpg"
      imageAlt="Élégant intérieur de restaurant"
      mediaAnimation="opacity"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg",
          alt: "Client satisfait 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-eating-bowl-salad_1303-23881.jpg",
          alt: "Client satisfait 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-couple-paying-bill-after-lunch-bar-man-is-using-smart-phone-contactless-payment_637285-631.jpg",
          alt: "Client satisfait 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg",
          alt: "Client satisfait 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",
          alt: "Client satisfait 5",
        },
      ]}
      avatarText="Rejoignez nos 10 000+ convives satisfaits"
      marqueeItems={[
        {
          type: "text",
          text: "Cuisine Française Authentique",
        },
        {
          type: "text-icon",
          text: "Ingrédients Frais & Locaux",
          icon: Leaf,
        },
        {
          type: "text",
          text: "Ambiance Chaleureuse",
        },
        {
          type: "text-icon",
          text: "Service Impeccable",
          icon: Star,
        },
        {
          type: "text",
          text: "Expérience Gastronomique Inoubliable",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Notre Histoire, Notre Passion pour la Cuisine"
      description="Fondé par le Chef Antoine Dubois, Le Délice Culinaire est né d'une passion inébranlable pour la gastronomie française. Nous mettons un point d'honneur à n'utiliser que des produits frais et de saison, sourcés localement, pour vous offrir une cuisine authentique et innovante. Chaque bouchée est un voyage gustatif, une célébration du terroir et de l'art culinaire."
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Filet de Loup de Mer aux Agrumes",
          description: "Un filet de loup de mer cuit à la perfection, accompagné d'une sauce légère aux agrumes et d'une brunoise de légumes croquants.",
          imageSrc: "http://img.b2bpic.net/free-photo/baked-salmon-garnished-with-asparagus-tomatoes-with-herbs_2829-14519.jpg",
          imageAlt: "Filet de loup de mer",
        },
        {
          title: "Magret de Canard Rôti au Miel et Thym",
          description: "Magret de canard juteux, laqué au miel et au thym, servi avec un gratin dauphinois crémeux et des asperges vertes.",
          imageSrc: "http://img.b2bpic.net/free-photo/gurza-damplings-with-meat-top-view_141793-4458.jpg",
          imageAlt: "Magret de canard",
        },
        {
          title: "Risotto aux Cèpes et Truffe Noire",
          description: "Un risotto onctueux aux cèpes frais, sublimé par des copeaux de truffe noire d'été, un délice pour les amateurs de saveurs forestières.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-with-rice-tomatoes-dark-surface-pasta-dough-raw_140725-82562.jpg",
          imageAlt: "Risotto aux cèpes",
        },
      ]}
      title="Nos Spécialités du Moment"
      description="Découvrez les créations saisonnières de notre Chef, des plats élaborés avec les meilleurs ingrédients du marché pour éveiller vos sens."
    />
  </div>

  <div id="dishes" data-section="dishes">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Le Poulet Fermier Façon Grand-Mère",
          price: "28 €",
          variant: "Plat Principal",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-sweet-sauce-with-slice-lemon_140725-9527.jpg",
          imageAlt: "Poulet rôti",
        },
        {
          id: "2",
          name: "Tarte au Chocolat Grand Cru et Caramel",
          price: "12 €",
          variant: "Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-classic-chocolate-fondant-plate_140725-10242.jpg",
          imageAlt: "Tarte au chocolat",
        },
        {
          id: "3",
          name: "Salade Composée du Jardin et Chèvre Chaud",
          price: "18 €",
          variant: "Entrée / Végétarien",
          imageSrc: "http://img.b2bpic.net/free-photo/chef-adding-oil-salad_23-2148491290.jpg",
          imageAlt: "Salade de chèvre chaud",
        },
        {
          id: "4",
          name: "Saint-Jacques Poêlées, Crème de Chou-fleur",
          price: "32 €",
          variant: "Plat Principal",
          imageSrc: "http://img.b2bpic.net/free-photo/scallops-shell-with-bacon-asparagus_1203-9855.jpg",
          imageAlt: "Saint-Jacques poêlées",
        },
        {
          id: "5",
          name: "Bœuf Bourguignon Traditionnel",
          price: "26 €",
          variant: "Plat Principal",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2240.jpg",
          imageAlt: "Bœuf Bourguignon",
        },
        {
          id: "6",
          name: "Millefeuille aux Fruits Rouges",
          price: "14 €",
          variant: "Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/male-hand-gloves-cutting-juicy-grapefruit-marble-table_2831-7925.jpg",
          imageAlt: "Millefeuille aux fruits rouges",
        },
      ]}
      title="Plats Signature à Ne Pas Manquer"
      description="Laissez-vous tenter par nos créations emblématiques, des classiques revisités et des saveurs audacieuses qui font la renommée de notre établissement."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sophie Martin",
          role: "Cliente fidèle",
          company: "Paris",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg",
        },
        {
          id: "2",
          name: "Jean Dupont",
          role: "Critique Gastronomique",
          company: "Lyon",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-with-drinks_23-2149066095.jpg",
        },
        {
          id: "3",
          name: "Fatima Zahra",
          role: "Blogueuse Culinaire",
          company: "Marseille",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-kitchen_637285-3750.jpg",
        },
        {
          id: "4",
          name: "Thomas Petit",
          role: "Voyageur Épicurien",
          company: "Bordeaux",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081868.jpg",
        },
        {
          id: "5",
          name: "Amélie Bernard",
          role: "Connaisseuse des Vins",
          company: "Nice",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-clanging-glasses-wine-with-woman-table_23-2148024469.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "4.9/5",
          label: "Note Moyenne",
        },
        {
          value: "1200+",
          label: "Clients Satisfaits",
        },
        {
          value: "10 ans",
          label: "D'Excellence",
        },
      ]}
      title="Ce Que Disent Nos Clients"
      description="Nous sommes fiers des retours de nos clients, preuve de notre engagement pour l'excellence culinaire et un service irréprochable."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Dois-je réserver une table à l'avance ?",
          content: "Nous recommandons fortement de réserver, surtout le week-end, pour vous assurer une table et une expérience optimale.",
        },
        {
          id: "2",
          title: "Proposez-vous des options végétariennes ou sans gluten ?",
          content: "Oui, notre menu inclut plusieurs plats végétariens et nous pouvons adapter la plupart de nos plats pour les régimes sans gluten sur demande.",
        },
        {
          id: "3",
          title: "Organisez-vous des événements privés ?",
          content: "Absolument ! Nous disposons d'un espace privé et pouvons personnaliser les menus pour vos événements spéciaux. Contactez-nous pour plus d'informations.",
        },
        {
          id: "4",
          title: "Avez-vous un parking ?",
          content: "Oui, un parking est disponible pour nos clients juste en face du restaurant.",
        },
        {
          id: "5",
          title: "Vos plats sont-ils préparés avec des produits locaux ?",
          content: "Oui, nous privilégions les produits frais et de saison, issus de producteurs locaux, afin de garantir une qualité et une saveur exceptionnelles.",
        },
      ]}
      sideTitle="Questions Fréquentes"
      sideDescription="Retrouvez les réponses aux questions les plus posées concernant votre visite et nos services."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Prêt à découvrir une symphonie de saveurs ? Réservez votre table dès maintenant ou contactez-nous pour toute question. Nous nous réjouissons de vous accueillir."
      buttons={[
        {
          text: "Réserver en ligne",
          href: "#",
        },
        {
          text: "Appeler",
          href: "tel:+33123456789",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg"
      logoAlt="Le Délice Culinaire Logo"
      columns={[
        {
          items: [
            {
              label: "Accueil",
              href: "#home",
            },
            {
              label: "À Propos",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Témoignages",
              href: "#testimonials",
            },
          ],
        },
        {
          items: [
            {
              label: "Réservations",
              href: "#contact",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "Confidentialité",
              href: "#",
            },
            {
              label: "Conditions d'utilisation",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Le Délice Culinaire"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
