"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Facebook, Heart, Instagram, Sparkles, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",          id: "#hero"},
        {
          name: "À Propos",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Avis",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=93bt3h"
      logoAlt="Le Comptoir de Marius Logo"
      brandName="Le Comptoir de Marius"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Bienvenue au Comptoir de Marius"
      description="Découvrez une cuisine authentique et généreuse dans un cadre chaleureux et convivial. Chaque plat est préparé avec passion pour vous offrir une expérience inoubliable."
      kpis={[
        {
          value: "4.2",          label: "Note Moyenne"},
        {
          value: "1087",          label: "Avis Clients"},
        {
          value: "20-30€",          label: "Par Personne"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Voir le Menu",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg"
      imageAlt="Intérieur du restaurant Le Comptoir de Marius"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/pleasant-looking-stylish-bearded-man-speaks-smart-phone_273609-8930.jpg",          alt: "Client satisfait 1"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-cafe-having-coffee-talking-phone_1303-10750.jpg",          alt: "Client satisfait 2"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-proposing-his-girlfriend-marriage-festive-dinner-kitchen-sitting-table-drinking-glass-red-wine-happy-surprised-woman-smiling-hugging-him_482257-3750.jpg",          alt: "Client satisfait 3"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16391.jpg",          alt: "Client satisfait 4"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-with-friends-while-drinking-beer-communicating-tavern_637285-2421.jpg",          alt: "Client satisfait 5"},
      ]}
      avatarText="+1000 Clients Heureux"
      marqueeItems={[
        {
          type: "text-icon",          text: "Cuisine Française Authentique",          icon: Utensils,
        },
        {
          type: "text",          text: "Produits Frais de Saison"},
        {
          type: "text-icon",          text: "Ambiance Chaleureuse",          icon: Heart,
        },
        {
          type: "text",          text: "Service Impeccable"},
        {
          type: "text-icon",          text: "Expérience Gastronomique",          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Notre Histoire"
      title="L'Âme du Comptoir de Marius : Passion et Tradition Culinaire"
      buttons={[
        {
          text: "Découvrir Notre Équipe",          href: "#team"},
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "cafe-gourmand",          title: "Café Gourmand",          author: "Le Dessert Préféré",          description: "Une sélection exquise de mini-desserts accompagnée d'un café, parfait pour finir votre repas sur une note douce et variée.",          tags: [
            "Dessert",            "Populaire"],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-cake-sweet-pie-sugar-cookies_140725-118176.jpg",          imageAlt: "Café Gourmand"},
        {
          id: "chips",          title: "Chips Maison",          author: "L'Accompagnement Incontournable",          description: "Nos célèbres chips croustillantes faites maison, idéales pour partager ou accompagner votre plat principal.",          tags: [
            "Apéritif",            "Populaire"],
          imageSrc: "http://img.b2bpic.net/free-photo/composition-potato-chips-black-table_23-2148501621.jpg",          imageAlt: "Chips Maison"},
        {
          id: "plat-du-jour",          title: "Plat du Jour",          author: "La Découverte Quotidienne",          description: "Demandez à nos serveurs notre suggestion du jour, préparée avec des produits frais et de saison.",          tags: [
            "Saison",            "Nouveau"],
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg",          imageAlt: "Plat du Jour"},
      ]}
      title="Nos Spécialités et Plats Populaires"
      description="Du classique Café Gourmand aux entrées incontournables comme nos Chips, chaque plat est une invitation à la découverte des saveurs de notre cuisine française."
    />
  </div>

  <div id="popular-dishes" data-section="popular-dishes">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "duck-confit",          brand: "Classique Français",          name: "Confit de Canard",          price: "24€",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8927.jpg",          imageAlt: "Confit de canard"},
        {
          id: "bouillabaisse",          brand: "Saveurs de la Mer",          name: "Bouillabaisse Royale",          price: "28€",          rating: 4,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/prawn-spoon-seafood-soup-prawns-tomato-bread-side-view_141793-2587.jpg",          imageAlt: "Bouillabaisse"},
        {
          id: "creme-brulee",          brand: "Douceur Exquise",          name: "Crème Brûlée Vanille",          price: "9€",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/vanilla-ice-cream-with-crape_1339-6903.jpg",          imageAlt: "Crème Brûlée"},
        {
          id: "cheese-platter",          brand: "Sélection Affinée",          name: "Assiette de Fromages",          price: "14€",          rating: 4,
          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-photo/cheese-mix-plate-with-fruits_23-2148326142.jpg",          imageAlt: "Assiette de Fromages"},
        {
          id: "wine-selection",          brand: "Accords Parfaits",          name: "Sélection de Vins",          price: "Prix variés",          rating: 5,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/set-glasses-with-alcohol-table_23-2148245019.jpg",          imageAlt: "Verre de vin rouge"},
        {
          id: "bread-basket",          brand: "Boulangerie Traditionnelle",          name: "Panier de Pain Frais",          price: "Inclus",          rating: 5,
          reviewCount: "130",          imageSrc: "http://img.b2bpic.net/free-photo/basket-filled-baking-bread_329181-13308.jpg",          imageAlt: "Panier de pain"},
      ]}
      title="Nos Plats Signature"
      description="Découvrez une sélection de nos créations culinaires les plus appréciées, alliant tradition et innovation pour une expérience gustative unique."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Chiffres Clés de Notre Satisfaction"
      tag="Notre Engagement"
      metrics={[
        {
          id: "rating",          value: "4.2/5",          description: "Note moyenne des clients sur 1087 avis"},
        {
          id: "reviews",          value: "+1000",          description: "Avis positifs sur notre service et cuisine"},
        {
          id: "experience",          value: "Depuis 2018",          description: "Des années d'expérience à votre service"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Joel Suchet",          handle: "Guide Local",          testimonial: "Cuisine pleine de goût, variée et presque trop généreuse ! On sent la passion dans l’assiette. Service très souriant et rapide. J’y retourne dès que possible.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-ready-eat_23-2148899024.jpg",          imageAlt: "Photo de Joel Suchet",          icon: Star,
        },
        {
          id: "2",          name: "Vincent Leroy",          handle: "Client Fidèle",          testimonial: "Très bon accueil, service impeccable et cuisine délicieuse. Une adresse que je recommande vivement pour toutes les occasions.",          imageSrc: "http://img.b2bpic.net/free-photo/women-outdoors-conversing-through-sign-language_23-2148681014.jpg",          imageAlt: "Photo de Vincent Leroy",          icon: Star,
        },
        {
          id: "3",          name: "Alice Garcia",          handle: "Exploratrice Culinaire",          testimonial: "Très sympa! Ambiance conviviale, service rapide, bonne cuisine. En groupe ou famille idéale, ouverture le dimanche! Adresse sympa pour nous, idéal en voyages!",          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-interracial-group-three-young-stylish-people-having-easy-lively-conversation_273609-8987.jpg",          imageAlt: "Photo d'Alice Garcia",          icon: Star,
        },
        {
          id: "4",          name: "Sophie Dubois",          handle: "Gourmande",          testimonial: "Un restaurant exceptionnel! Les plats sont créatifs et les saveurs parfaitement équilibrées. L'attention du personnel est remarquable.",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-angry-expression_1194-1326.jpg",          imageAlt: "Photo de Sophie Dubois",          icon: Star,
        },
        {
          id: "5",          name: "Marc Lefebvre",          handle: "Amateur de Bistronomie",          testimonial: "Le Comptoir de Marius est devenu mon lieu de prédilection. La qualité des produits est irréprochable et le cadre est tout simplement charmant. Un vrai régal!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-beautiful-colorful-dessert_1262-20027.jpg",          imageAlt: "Photo de Marc Lefebvre",          icon: Star,
        },
        {
          id: "6",          name: "Chloé Martin",          handle: "Visiteuse Régulière",          testimonial: "Jamais déçue par ce restaurant. L'ambiance est toujours au rendez-vous, et le menu propose des options pour tous les goûts. Un incontournable de la région.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg",          imageAlt: "Photo de Chloé Martin",          icon: Star,
        },
      ]}
      title="Ce que Nos Clients Disent de Nous"
      description="Découvrez les témoignages de ceux qui ont savouré l'expérience Le Comptoir de Marius."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Quels sont vos horaires d'ouverture ?",          content: "Nous sommes ouverts pour le déjeuner et le dîner. Actuellement, nous fermons à 14:30 et rouvrons à 19:00. Veuillez consulter notre page de contact pour les horaires détaillés."},
        {
          id: "q2",          title: "Proposez-vous des options de livraison ?",          content: "Actuellement, nous ne proposons pas de service de livraison. Tous nos repas sont disponibles pour être consommés sur place."},
        {
          id: "q3",          title: "Est-il possible de réserver une table ?",          content: "Oui, nous vous recommandons fortement de réserver votre table, surtout les weekends. Vous pouvez nous contacter par téléphone au 03 22 73 02 82."},
        {
          id: "q4",          title: "Quel est le prix moyen par personne ?",          content: "Le prix moyen par personne se situe entre 20€ et 30€, en fonction des plats et boissons choisis."},
        {
          id: "q5",          title: "Avez-vous des options pour les régimes spéciaux ?",          content: "Nous nous efforçons de répondre aux besoins de nos clients. Veuillez nous informer de vos allergies ou régimes spécifiques lors de votre réservation ou en arrivant, et nous ferons de notre mieux pour vous accommoder."},
        {
          id: "q6",          title: "Où êtes-vous situés ?",          content: "Nous sommes situés à Rte de Rosières, 80700 Roye. Des itinéraires sont disponibles via le lien ci-dessous."},
      ]}
      title="Questions Fréquemment Posées"
      description="Retrouvez ici les réponses aux questions les plus courantes concernant Le Comptoir de Marius."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contactez-Nous"
      title="Réservez Votre Table ou Posez une Question"
      description="Nous sommes impatients de vous accueillir au Comptoir de Marius. N'hésitez à nous contacter pour toute demande ou réservation."
      inputPlaceholder="Votre adresse email"
      buttonText="Envoyer"
      termsText="En cliquant sur Envoyer, vous acceptez nos conditions générales."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=93bt3h"
      logoAlt="Le Comptoir de Marius Logo"
      logoText="Le Comptoir de Marius"
      copyrightText="© 2024 Le Comptoir de Marius. Tous droits réservés."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Award,
          href: "#",          ariaLabel: "Tripadvisor"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}