"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Clock, Coffee, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Accueil", id: "hero" },
        { name: "Menu", id: "menu" },
        { name: "À propos", id: "about" },
        { name: "Avis", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="The 716"
      button={{ text: "Réserver", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      title="Une expérience unique à The 716"
      description="Détendez-vous dans une ambiance chaleureuse et dégustez nos spécialités culinaires au cœur de Menzah 6."
      testimonials={[
        { name: "Evrard Clo", handle: "@evrard", testimonial: "Petit déjeuner excellent et service au top. L'équipe est attentive et professionnelle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
        { name: "Chema Kedous", handle: "@chema", testimonial: "Une ambiance du tonnerre et des mets préparés avec soin par le chef.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
        { name: "Lilia Ben", handle: "@lilia", testimonial: "Cadre magnifique et café délicieux. Je recommande vivement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
        { name: "Sami Trabelsi", handle: "@sami", testimonial: "Le meilleur endroit pour travailler ou se détendre à Menzah 6.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
        { name: "Nour H.", handle: "@nour", testimonial: "Une découverte agréable, les crêpes sont incroyables.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg" }
      ]}
      buttons={[{ text: "Voir le menu", href: "#menu" }, { text: "Réserver une table", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg", alt: "Customer portrait" },
        { src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Customer portrait" },
        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg", alt: "Customer portrait" },
        { src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Customer portrait" },
        { src: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-flower-table_23-2148001715.jpg", alt: "Customer portrait" }
      ]}
      marqueeItems={[
        { type: "text", text: "Ambiance Cozy" },
        { type: "text", text: "Ouvert 24/7" },
        { type: "text", text: "Menu Gourmand" },
        { type: "text", text: "Wifi Haut Débit" },
        { type: "text", text: "Livraison Rapide" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Bien plus qu'un simple café"
      metrics={[
        { icon: Coffee, label: "Cafés servis", value: "150+" },
        { icon: Clock, label: "Ouvert jusqu'à", value: "04:00" },
        { icon: Users, label: "Clients satisfaits", value: "850+" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Café Crème", price: "5 DT", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg" },
        { id: "2", name: "Crêpe Chocolat", price: "12 DT", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-white-plate_114579-17175.jpg" },
        { id: "3", name: "Pizza Marguerita", price: "18 DT", imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg" },
        { id: "4", name: "Expresso Italien", price: "3 DT", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-making-coffee-pouring-steamed-milk-into-cappuccino-doing-latte-art-cup_1258-203385.jpg" },
        { id: "5", name: "Omelette Matinale", price: "8 DT", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg" },
        { id: "6", name: "Salade Composée", price: "15 DT", imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-filling-wooden-board_114579-77531.jpg" }
      ]}
      title="Notre Menu Gourmand"
      description="Découvrez nos plats populaires, des pizzas artisanales aux crêpes délicieuses."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", title: "Service exceptionnel", quote: "L'équipe est vraiment agréable et accueillante.", name: "Sarah Johnson", role: "Habituée", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
        { id: "2", title: "Cadre confortable", quote: "On se sent bien dès qu'on s'installe. Très relaxant.", name: "Michael Chen", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520113.jpg" },
        { id: "3", title: "Saveurs authentiques", quote: "Les plats sont faits maison avec des ingrédients frais.", name: "Emily Rodriguez", role: "Gourmande", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-lovely-dark-skinned-female-model-with-curly-afro-hairdo-enjoys-recreation-time-weekend-poses-agianst-cozy-cafe-interior_273609-3723.jpg" },
        { id: "4", title: "Expérience top", quote: "Un incontournable pour prendre son café à Menzah 6.", name: "David Kim", role: "Fidèle", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-leisure-indoor-portrait-handsome-young-hipster-stylish-black-hat-sitting-wooden-cafe-table-with-mug-cappuccino_273609-1623.jpg" },
        { id: "5", title: "Ambiance au top", quote: "La bonne humeur est toujours au rendez-vous ici.", name: "Laura Smith", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg" }
      ]}
      title="Ce que disent nos clients"
      description="Une communauté de gourmets satisfaits par notre accueil et notre cuisine."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Quels sont vos horaires ?", content: "Nous sommes ouverts jusqu'à 04h00 du matin tous les jours." },
        { id: "q2", title: "Proposez-vous la livraison ?", content: "Oui, nous sommes disponibles sur Glovo pour vos livraisons." },
        { id: "q3", title: "Y a-t-il un espace non-fumeur ?", content: "Nous disposons d'espaces dédiés pour le confort de tous nos clients." }
      ]}
      sideTitle="Questions fréquentes"
      sideDescription="Tout ce que vous devez savoir avant de passer nous voir."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={true}
      names={[
        "TripAdvisor",        "Google Maps",        "Glovo",        "Zomato",        "Yelp",        "Facebook Business",        "Instagram Local"
      ]}
      title="Ils parlent de nous"
      description="Reconnu par la communauté locale et les plateformes gastronomiques."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contactez-nous"
      title="Réservez votre table maintenant"
      description="Appelez-nous pour toute réservation ou demande spécifique. Nous sommes à votre service."
      buttons={[
        { text: "Appeler : 71 766 730", href: "tel:71766730" }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="The 716"
      leftLink={{ text: "Politique de confidentialité", href: "#" }}
      rightLink={{ text: "© 2024 The 716 Restaurant", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}