"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Accueil", id: "home" },
        { name: "L'espace", id: "about" },
        { name: "Boissons", id: "features" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Le Madison"
      button={{ text: "Réserver", href: "#contact" }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{ variant: "radial-gradient" }}
      title="Le Madison"
      description="Charleroi · Rue Maréchal Foch. Expérience unique dans un cadre intime et raffiné."
      leftCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg", imageAlt: "Cafe atmosphere 1" },
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-cocktail_23-2150124853.jpg", imageAlt: "Cafe atmosphere 2" },
        { imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037676.jpg", imageAlt: "Cafe atmosphere 3" },
        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-restaurant-grill-bar-interior-with-chandeliers-furniture_114579-2341.jpg", imageAlt: "Cafe atmosphere 4" },
        { imageSrc: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194161.jpg", imageAlt: "Cafe atmosphere 5" },
        { imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg", imageAlt: "Cafe atmosphere 6" },
      ]}
      rightCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg", imageAlt: "Cafe atmosphere 1" },
        { imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913271.jpg", imageAlt: "Cafe atmosphere 2" },
        { imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8992.jpg", imageAlt: "Cafe atmosphere 3" },
        { imageSrc: "http://img.b2bpic.net/free-photo/room-interior-details-with-comfortable-armchair-gray-tapestry-wall-vertical-frame_166373-2415.jpg", imageAlt: "Cafe atmosphere 4" },
        { imageSrc: "http://img.b2bpic.net/free-photo/wine-bar-interior-with-bottle-counter_23-2152024848.jpg", imageAlt: "Cafe atmosphere 5" },
        { imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg", imageAlt: "Cafe atmosphere 6" },
      ]}
      buttons={[
        { text: "Nous trouver", href: "#contact" },
        { text: "Voir les avis", href: "#reviews" },
      ]}
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111203.jpg", alt: "Client 1" },
        { src: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548502.jpg", alt: "Client 2" },
        { src: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", alt: "Client 3" },
        { src: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191854.jpg", alt: "Client 4" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-drink_23-2150124828.jpg", alt: "Client 5" },
      ]}
      avatarText="Rejoignez nos habitués"
      marqueeItems={[
        { type: "text", text: "Ambiance chic" },
        { type: "text", text: "Billard à bouchons" },
        { type: "text", text: "Café torréfié" },
        { type: "text", text: "Sport live" },
        { type: "text", text: "Belgian craft" },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "Café d'exception", subtitle: "Torréfaction artisanale", category: "Boissons", value: "Qualité" },
        { id: "f2", title: "Large choix", subtitle: "Bières et spiritueux", category: "Bar", value: "Variété" },
        { id: "f3", title: "Billard à bouchons", subtitle: "Ambiance détente", category: "Loisirs", value: "Jeu" },
        { id: "f4", title: "Sport en live", subtitle: "Écran géant", category: "Événements", value: "Passion" },
      ]}
      title="L'univers du Madison"
      description="Une sélection pensée pour votre confort."
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Un endroit qui marque les esprits"
      description="Découvrez le nouveau Madison. Une rénovation totale alliant le charme de l'ancien à une élégance moderne. Un accueil chaleureux vous attend au cœur de Charleroi."
      metrics={[
        { value: "4.5", title: "Note Google" },
        { value: "53", title: "Avis" },
        { value: "100%", title: "Rénové" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-hanging-dusty-lamp-cafe_53876-16229.jpg"
      imageAlt="L.M. monogram interior"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", title: "Superbe accueil", quote: "Une adresse incontournable à Charleroi.", name: "Giuseppe S.", role: "Habitué", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg" },
        { id: "t2", title: "Ambiance top", quote: "Le billard à bouchons est un pur bonheur.", name: "Cedric G.", role: "Passionné", imageSrc: "http://img.b2bpic.net/free-photo/transgender-model-posing-medium-shot_23-2149154637.jpg" },
        { id: "t3", title: "Cadre chic", quote: "Décoration élégante et service impeccable.", name: "Marc D.", role: "Client régulier", imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg" },
        { id: "t4", title: "Qualité", quote: "Excellente sélection de cafés et bières.", name: "Sophie M.", role: "Visiteuse", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5122.jpg" },
        { id: "t5", title: "Convivial", quote: "Parfait pour une soirée entre amis.", name: "Lucas P.", role: "Nouveau", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg" },
      ]}
      title="Ce qu'en disent nos clients"
      description="Retours de nos habitués."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contact"
      title="On vous attend avec plaisir"
      description="Une question ou une réservation ?"
      mediaAnimation="slide-up"
      buttonText="Nous appeler"
      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg"
      imageAlt="L'espace bar convivial"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Info",          items: [
            { label: "Adresse", href: "#" },
            { label: "071 45 14 50", href: "tel:071451450" },
          ],
        },
        {
          title: "Statut",          items: [
            { label: "Ouvert actuellement", href: "#" },
          ],
        },
      ]}
      logoText="Le Madison"
      copyrightText="© 2025 Le Madison | Rue Maréchal Foch 37, Charleroi"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}