d784a67d-b03d-455c-b9a1-18fa7c490758/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Clock, Heart, Leaf, Star, Utensils, Phone, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLarge"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Accueil", id: "hero" },
        { name: "Menu", id: "menu" },
        { name: "À propos", id: "about" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Ti Milo"
      button={{ text: "Appeler", href: "tel:0981598314" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{ variant: "gradient-bars" }}
      title="Ti Milo - L'Authentique Saveur des Antilles"
      description="Découvrez le vrai goût de la cuisine antillaise au cœur de Guyancourt. Bokits croustillants, agoulous généreux et poulet boucané vous attendent."
      buttons={[
        { text: "Commander", href: "#menu" },
        { text: "Itinéraire", href: "https://maps.app.goo.gl/your-map-link" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/tasty-sandwich-along-with-green-bell-peppers-oil-lemon-blue_140725-30103.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Une Passion pour la Tradition"
      metrics={[
        { label: "Avis Clients", value: "129+", icon: Star },
        { label: "Note", value: "4.8", icon: Award },
        { label: "Spécialités", value: "15+", icon: Utensils },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Bokit Jambon Fromage", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-wooden-table_23-2148708281.jpg" },
        { id: "2", name: "Agoulou Old School", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fish-roll-pita-bread-with-vegetable-salad-barberry_141793-4895.jpg" },
        { id: "3", name: "Poulet Boucané", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-chicken-with-sauce-pan-bread-table_181624-15711.jpg" },
        { id: "4", name: "Frites Patates Douces", price: "4€", imageSrc: "http://img.b2bpic.net/free-photo/sweet-potato-fries-bowl-trivet-marble-background_114579-74544.jpg" },
        { id: "5", name: "Sauce Chien", price: "1€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tomato-soup-cooked-from-fresh-tomatoes-with-seasonings-dark-background-sauce-meal-tomato-dish-soup_140725-96787.jpg" },
        { id: "6", name: "Boisson Tropicale", price: "3€", imageSrc: "http://img.b2bpic.net/free-photo/glass-cooling-blue-drink-cracked-coconut-wooden-table_23-2148145389.jpg" },
      ]}
      title="Nos Incontournables"
      description="Des recettes fidèles à la tradition antillaise pour un voyage gustatif garanti."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", title: "Fraîcheur garantie", value: "100%", icon: Leaf },
        { id: "m2", title: "Service rapide", value: "10-20m", icon: Clock },
        { id: "m3", title: "Clientèle fidèle", value: "500+", icon: Heart },
      ]}
      title="Engagement Qualité"
      description="Nous mettons un point d'honneur à la qualité de nos ingrédients et à la rapidité de notre service."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Une tuerie ! Espace sympathique, service propre et accueil souriant. Le bokit est fidèle à la tradition. Je recommande vivement !"
      rating={5}
      author="Cyndie Zodros"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/boys-friendship-cartoon_23-2151495166.jpg", alt: "Client 1" },
        { src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg", alt: "Client 2" },
        { src: "http://img.b2bpic.net/free-photo/food-blogger-young-fitness-cook-recording-video-social-media-happy-laughing_140725-166770.jpg", alt: "Client 3" },
        { src: "http://img.b2bpic.net/free-photo/celebration-party-holidays-concept-portrait-boyfriend-cant-resist-temptation-eat-last-piec_1258-112156.jpg", alt: "Client 4" },
        { src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187241.jpg", alt: "Client 5" },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Livraison Rapide",        "Qualité Fraîche",        "Tradition Créole",        "Drive Disponible",        "Service Propre",        "Accueil Souriant",        "Prix Abordables"]}
      title="Nos Engagements"
      description="Ce qui fait la force de Ti Milo au quotidien."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Quels sont vos horaires ?", content: "Nous sommes ouverts du mardi au dimanche, avec une pause entre 14h30 et 18h." },
        { id: "f2", title: "Proposez-vous du drive ?", content: "Oui, le drive est disponible pour toutes vos commandes." },
        { id: "f3", title: "Où êtes-vous situés ?", content: "Nous sommes au 25 Rue Ambroise Croizat, 78280 Guyancourt." },
      ]}
      sideTitle="Besoin d'aide ?"
      sideDescription="Consultez nos réponses aux questions les plus posées sur Ti Milo."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{ variant: "sparkles-gradient" }}
      text="Prêt à commander ? Contactez-nous ou retrouvez notre localisation via Google Maps !"
      buttons={[
        { text: "Appeler", href: "tel:0981598314" },
        { text: "Itinéraire", href: "https://maps.app.goo.gl/your-map-link" }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "Accueil", href: "#hero" }, { label: "Menu", href: "#menu" }] },
        { items: [{ label: "Mentions Légales", href: "#" }, { label: "Politique de confidentialité", href: "#" }] },
      ]}
      logoText="Ti Milo"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}