170 lines
8.8 KiB
TypeScript
170 lines
8.8 KiB
TypeScript
"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>
|
|
);
|
|
}
|