"use client";

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

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>
  );
}