"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Droplet, Leaf, ShoppingBag, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",          id: "#accueil"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Avis",          id: "#avis"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=051f7m"
      logoAlt="Chez APPO logo"
      brandName="Chez APPO"
      button={{
        text: "Réserver",        href: "#contact"}}
    />
  </div>

  <div id="accueil" data-section="accueil">
      <HeroOverlay
      title="Saveurs Authentiques, Ambiance Chaleureuse"
      description="Découvrez Chez APPO, votre restaurant Franco-Africain à Évry-Courcouronnes. Une cuisine savoureuse pour des moments inoubliables, 4.5 étoiles sur 148 avis."
      tag="Chez APPO"
      buttons={[
        {
          text: "Voir Notre Menu",          href: "#menu"},
        {
          text: "Réserver une Table",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-male-chef-holding-carrot-green-broccoli-hands_23-2147863618.jpg",          alt: "Chef Jean-Marc"},
        {
          src: "http://img.b2bpic.net/free-photo/young-smiling-man-blue-shirt-with-wireless-earphones-backpack-standing-with-bicycle-while-happily-waving-outdoor_574295-630.jpg",          alt: "Serveuse Amina"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-confident-asian-woman-sitting-cafe-smartphone-coffee-table-businesswoman_1258-199405.jpg",          alt: "Gérant David"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-texting-message-shopping-mall_1262-3644.jpg",          alt: "Client fidèle"},
        {
          src: "http://img.b2bpic.net/free-photo/hey-i-know-you-portrait-friendly-looking-optimistic-kind-african-american-teenage-girl-trendy-yellow-overalls-pointing-with-fingergun-gesture-smiling-broadly_176420-27060.jpg",          alt: "Client satisfait régulier"},
      ]}
      avatarText="Plus de 10 ans d'expérience culinaire"
      imageSrc="http://img.b2bpic.net/free-photo/modern-interior-empty-wooden-chairs_1203-4495.jpg"
      imageAlt="Ambiance chaleureuse du restaurant Chez APPO"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="apropos" data-section="apropos">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Chez APPO: L'Alliance Parfaite des Cuisines Franco-Africaines"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/female-chef-uniform-leans-stovetop-tasting-delicious-dish_482257-121112.jpg",          alt: "Chef preparing Franco-African dish"},
      ]}
      buttons={[
        {
          text: "Découvrez Notre Histoire",          href: "#apropos"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Utensils,
          title: "Repas sur Place",          description: "Profitez de notre ambiance conviviale pour déguster nos plats."},
        {
          icon: ShoppingBag,
          title: "Vente à Emporter",          description: "Emportez vos plats favoris pour savourer Chez APPO à la maison."},
        {
          icon: Droplet,
          title: "Cocktails Maison",          description: "Découvrez nos cocktails uniques, avec ou sans alcool, préparés avec passion."},
        {
          icon: Leaf,
          title: "Produits Frais & Locaux",          description: "Nous privilégions les ingrédients frais et de saison pour des saveurs authentiques."},
      ]}
      title="Nos Services & Engagements"
      description="Chez APPO, nous nous engageons à offrir une expérience culinaire exceptionnelle et des services adaptés à tous vos besoins."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "mafe-boeuf",          name: "Mafé Boeuf",          price: "15€",          variant: "Plat Traditionnel",          imageSrc: "http://img.b2bpic.net/free-photo/baked-fish-with-sauce-asian-seafood-concept_1150-23601.jpg",          imageAlt: "Mafé Boeuf"},
        {
          id: "tieb-poulet",          name: "Tieb Poulet Salade",          price: "14€",          variant: "Spécialité Sénégalaise",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-frog-legs-batter-with-sauce-lemon-tray_141793-4922.jpg",          imageAlt: "Tieb Poulet Salade"},
        {
          id: "alloko",          name: "Alloco",          price: "5€",          variant: "Accompagnement",          imageSrc: "http://img.b2bpic.net/free-photo/sliced-eggplants-fried-tasty-round-plate-rustic-wooden-desk_179666-720.jpg",          imageAlt: "Alloco"},
        {
          id: "pave-saumon",          name: "Pavé de Saumon Riz Blanc",          price: "18€",          variant: "Option Pescétarienne",          imageSrc: "http://img.b2bpic.net/free-photo/norwegian-salmon-mashed-potato-served-with-boiled-vegetables_140725-1585.jpg",          imageAlt: "Pavé de Saumon Riz Blanc"},
        {
          id: "pintade-braise",          name: "Pintade Braisé",          price: "16€",          variant: "Volaille Grillée",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-baked-chicken-orange-slices-plate-with-cutlery_23-2148682758.jpg",          imageAlt: "Pintade Braisé"},
        {
          id: "atieke-capitaine-braise",          name: "Atieké Capitaine Braisé",          price: "17€",          variant: "Poisson Grillé",          imageSrc: "http://img.b2bpic.net/free-photo/buckwheat-with-meat-vegetables-tomato-sauce_140725-6521.jpg",          imageAlt: "Atieké Capitaine Braisé"},
      ]}
      title="Notre Menu Signature"
      description="Une sélection de nos plats Franco-Africains les plus appréciés, préparés avec expertise et passion."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "rating",          value: "4.5",          title: "Étoiles",          items: [
            "Noté par 148 avis",            "Qualité de service supérieure",            "Recommandé par nos clients"],
        },
        {
          id: "price",          value: "10-20€",          title: "Par Personne",          items: [
            "Cuisine gourmande abordable",            "Excellent rapport qualité-prix",            "Adapté à tous les budgets"],
        },
        {
          id: "years",          value: "2015",          title: "Fondé en",          items: [
            "Plusieurs années d'excellence",            "Expertise culinaire reconnue",            "Tradition et innovation"],
        },
      ]}
      title="L'Expérience APPO en Chiffres"
      description="La satisfaction de nos clients est notre plus grande fierté, et nos chiffres en témoignent."
    />
  </div>

  <div id="avis" data-section="avis">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Solal Dufételle",          handle: "@solal_d",          testimonial: "Nous sommes très bien accueillis chez Appo, nous avons découvert le Foutou avec la sauce aux graines, c'était très bon, je recommande ! Super bon cocktail sans alcool avec la recette mystère.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",          imageAlt: "Solal Dufételle"},
        {
          id: "2",          name: "Amenan Dominique Patricia Kouakou",          handle: "@amenan_k",          testimonial: "J’ai adoré. Du personnel au propriétaire rien à dire. La bouffe est top.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2787.jpg",          imageAlt: "Amenan Dominique Patricia Kouakou"},
        {
          id: "3",          name: "Farida Amrani",          handle: "@farida_a",          testimonial: "Véritable institution à Évry. Le thieb poisson est délicieux. Je recommande les alloco en supplément.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",          imageAlt: "Farida Amrani"},
        {
          id: "4",          name: "Marc Dubois",          handle: "@marc_d",          testimonial: "Une explosion de saveurs ! Le Mafé est un délice. L'accueil est toujours chaleureux. Je reviendrai !",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",          imageAlt: "Marc Dubois"},
        {
          id: "5",          name: "Sophie Martin",          handle: "@sophie_m",          testimonial: "J'ai découvert Chez APPO grâce à des amis et je ne suis pas déçue. Le service est impeccable et les plats sont généreux et savoureux.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-african-rastafarian-woman-with-dreads_23-2151516466.jpg",          imageAlt: "Sophie Martin"},
        {
          id: "6",          name: "Julien Petit",          handle: "@julien_p",          testimonial: "Ambiance conviviale et cuisine authentique. Le poulet braisé est parfait. Une excellente adresse pour un voyage gustatif.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg",          imageAlt: "Julien Petit"},
      ]}
      showRating={true}
      title="Ce que Nos Clients Disent de Nous"
      description="Les témoignages de nos convives qui ont découvert la richesse de la cuisine Chez APPO."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Comment puis-je réserver une table ?",          content: "Vous pouvez réserver directement par téléphone au 01 60 77 65 65, ou via notre formulaire de contact sur cette page."},
        {
          id: "faq-2",          title: "Quels sont vos horaires d'ouverture ?",          content: "Nous sommes ouverts du mardi au samedi de 12h00 à 14h30 et de 19h00 à 21h00. Fermé le dimanche et lundi."},
        {
          id: "faq-3",          title: "Proposez-vous des options végétariennes ?",          content: "Oui, nous proposons plusieurs options végétariennes savoureuses. N'hésitez pas à demander conseil à notre équipe."},
        {
          id: "faq-4",          title: "Peut-on commander pour emporter ?",          content: "Absolument ! Tous nos plats sont disponibles à la vente à emporter. Vous pouvez passer commande par téléphone ou sur place."},
        {
          id: "faq-5",          title: "Organisez-vous des événements spéciaux ?",          content: "Oui, nous pouvons accueillir des groupes pour des événements privés. Contactez-nous pour discuter de vos besoins et de nos menus personnalisés."},
      ]}
      title="Vos Questions, Nos Réponses"
      description="Retrouvez ici les informations pratiques et les réponses aux questions fréquemment posées sur Chez APPO."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Contactez Chez APPO pour Réserver ou Commander ! Appelez-nous au 01 60 77 65 65 ou visitez-nous au 3 Pl. du Rouillon, 91000 Évry-Courcouronnes."
      buttons={[
        {
          text: "Appelez-nous Maintenant",          href: "tel:+33160776565"},
        {
          text: "Envoyez-nous un Message",          href: "mailto:contact@chezappo.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=051f7m"
      logoAlt="Chez APPO logo"
      logoText="Chez APPO"
      leftLink={{
        text: "Mentions Légales",        href: "#"}}
      rightLink={{
        text: "Politique de Confidentialité",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
