Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
294
src/app/page.tsx
294
src/app/page.tsx
@@ -2,167 +2,167 @@
|
||||
|
||||
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 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"
|
||||
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="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="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="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="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="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="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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user