Merge version_3 into main #3
352
src/app/page.tsx
352
src/app/page.tsx
@@ -1,7 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
@@ -15,6 +14,13 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
import { Coffee } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const scrollToSection = (id: string) => {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: "smooth" });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -28,218 +34,154 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Le Concept", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Emplacements", id: "location"},
|
||||
{
|
||||
name: "Réservations", id: "contact"},
|
||||
]}
|
||||
brandName="Chalon de Thé"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Le Concept", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Emplacements", id: "location" },
|
||||
{ name: "Réservations", id: "contact" },
|
||||
]}
|
||||
brandName="Chalon de Thé"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Chalon de Thé"
|
||||
description="Un moment de douceur… entouré de chats 🐱. Détendez-vous dans un salon de thé unique à Metz et Luxembourg."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table", href: "#contact"},
|
||||
{
|
||||
text: "Voir le menu", href: "#menu"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-cat-doing-human-activity_23-2151876397.jpg", imageAlt: "Salon de thé cozy avec des chats"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cat-enjoying-breakfast-with-coffee-cake_23-2151982933.jpg", imageAlt: "Un chat dans notre salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-with-hairless-cat_23-2149078381.jpg", imageAlt: "Ambiance chaleureuse"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sleeping-cat-sunlight_23-2151936748.jpg", imageAlt: "Thé et chat"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-cat_23-2149214365.jpg", imageAlt: "Détails premium"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Chalon de Thé"
|
||||
description="Un moment de douceur… entouré de chats 🐱. Détendez-vous dans un salon de thé unique à Metz et Luxembourg."
|
||||
buttons={[
|
||||
{ text: "Réserver une table", onClick: () => scrollToSection("contact") },
|
||||
{ text: "Voir le menu", onClick: () => scrollToSection("menu") },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-cat-doing-human-activity_23-2151876397.jpg", imageAlt: "Salon de thé cozy avec des chats" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cat-enjoying-breakfast-with-coffee-cake_23-2151982933.jpg", imageAlt: "Un chat dans notre salon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-with-hairless-cat_23-2149078381.jpg", imageAlt: "Ambiance chaleureuse" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sleeping-cat-sunlight_23-2151936748.jpg", imageAlt: "Thé et chat" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-cat_23-2149214365.jpg", imageAlt: "Détails premium" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Histoire"
|
||||
title="Une parenthèse enchantée à Metz et Luxembourg"
|
||||
description="Bien plus qu'un salon de thé, Chalon de Thé est un lieu de vie où la douceur des chats rencontre l'art du thé. Offrez-vous une pause bien méritée dans un cadre apaisant et feutré."
|
||||
subdescription="Idéal pour une sortie entre amis, un moment de calme en couple ou une après-midi lecture, venez partager notre passion pour les félins et les saveurs raffinées."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-adorable-chihuahua-dog-getting-some-treats-home_23-2149880108.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Histoire"
|
||||
title="Une parenthèse enchantée à Metz et Luxembourg"
|
||||
description="Bien plus qu'un salon de thé, Chalon de Thé est un lieu de vie où la douceur des chats rencontre l'art du thé. Offrez-vous une pause bien méritée dans un cadre apaisant et feutré."
|
||||
subdescription="Idéal pour une sortie entre amis, un moment de calme en couple ou une après-midi lecture, venez partager notre passion pour les félins et les saveurs raffinées."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-adorable-chihuahua-dog-getting-some-treats-home_23-2149880108.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Interaction féline", subtitle: "Rencontrez nos chats résidents dans un espace adapté.", category: "Expérience", value: "Unique"},
|
||||
{
|
||||
id: "2", title: "Atmosphère zen", subtitle: "Un cadre conçu pour la relaxation et la sérénité.", category: "Vibe", value: "Apaisant"},
|
||||
{
|
||||
id: "3", title: "Saveurs originales", subtitle: "Une sélection de thés, pâtisseries et cocktails maison.", category: "Dégustation", value: "Premium"},
|
||||
{
|
||||
id: "4", title: "Emplacement central", subtitle: "Situés en plein cœur de Metz et Luxembourg.", category: "Accès", value: "Pratique"},
|
||||
{
|
||||
id: "5", title: "Événements privés", subtitle: "Organisez vos moments spéciaux avec nos félins.", category: "Service", value: "Sur-mesure"},
|
||||
]}
|
||||
title="Pourquoi nous choisir ?"
|
||||
description="L'expérience Chalon de Thé en quelques mots."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Interaction féline", subtitle: "Rencontrez nos chats résidents dans un espace adapté.", category: "Expérience", value: "Unique" },
|
||||
{ id: "2", title: "Atmosphère zen", subtitle: "Un cadre conçu pour la relaxation et la sérénité.", category: "Vibe", value: "Apaisant" },
|
||||
{ id: "3", title: "Saveurs originales", subtitle: "Une sélection de thés, pâtisseries et cocktails maison.", category: "Dégustation", value: "Premium" },
|
||||
{ id: "4", title: "Emplacement central", subtitle: "Situés en plein cœur de Metz et Luxembourg.", category: "Accès", value: "Pratique" },
|
||||
{ id: "5", title: "Événements privés", subtitle: "Organisez vos moments spéciaux avec nos félins.", category: "Service", value: "Sur-mesure" },
|
||||
]}
|
||||
title="Pourquoi nous choisir ?"
|
||||
description="L'expérience Chalon de Thé en quelques mots."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Boisson", name: "Thé Earl Grey Premium", price: "6.50€", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-green-tea-drink_53876-20647.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Pâtisserie", name: "Cheesecake Framboise", price: "7.50€", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-plate-cake-cup-tea-lemon-star-anise-cinnamon-sweets_140725-123207.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Cocktail", name: "Mocktail Fleur d'Oranger", price: "9.00€", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-herbal-tea-white-cup_23-2148123907.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Boisson", name: "Matcha Latte", price: "6.00€", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/piece-delicious-cake-with-honey-milk_114579-22341.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Pâtisserie", name: "Cookie Chocolat Noir", price: "4.50€", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-cinnamon-dark-desk-drink-tea-sweet-color_140725-115589.jpg"},
|
||||
]}
|
||||
title="Notre Menu"
|
||||
description="Découvrez nos spécialités artisanales."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Boisson", name: "Thé Earl Grey Premium", price: "6.50€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-green-tea-drink_53876-20647.jpg" },
|
||||
{ id: "p2", brand: "Pâtisserie", name: "Cheesecake Framboise", price: "7.50€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-plate-cake-cup-tea-lemon-star-anise-cinnamon-sweets_140725-123207.jpg" },
|
||||
{ id: "p3", brand: "Cocktail", name: "Mocktail Fleur d'Oranger", price: "9.00€", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-herbal-tea-white-cup_23-2148123907.jpg" },
|
||||
{ id: "p4", brand: "Boisson", name: "Matcha Latte", price: "6.00€", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/piece-delicious-cake-with-honey-milk_114579-22341.jpg" },
|
||||
{ id: "p5", brand: "Pâtisserie", name: "Cookie Chocolat Noir", price: "4.50€", rating: 4, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-cinnamon-dark-desk-drink-tea-sweet-color_140725-115589.jpg" },
|
||||
]}
|
||||
title="Notre Menu"
|
||||
description="Découvrez nos spécialités artisanales."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "g1", name: "Luna", role: "Chat résident", description: "Toujours prête pour une sieste.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-flash-tattoo_23-2151901357.jpg"},
|
||||
{
|
||||
id: "g2", name: "Milo", role: "Chat résident", description: "Expert en ronronnements.", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-candle-teapot-home-coziness-comfort_169016-58911.jpg"},
|
||||
{
|
||||
id: "g3", name: "Ambiance", role: "Café", description: "Notre salon à Metz.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-present-kettle_23-2148720033.jpg"},
|
||||
{
|
||||
id: "g4", name: "Délices", role: "Menu", description: "Une douceur pour chaque moment.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-black-cat-with-candle-book-tea_23-2152019590.jpg"},
|
||||
]}
|
||||
title="Galerie Photos"
|
||||
description="Moments mignons et ambiance feutrée."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{ id: "g1", name: "Luna", role: "Chat résident", description: "Toujours prête pour une sieste.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-flash-tattoo_23-2151901357.jpg" },
|
||||
{ id: "g2", name: "Milo", role: "Chat résident", description: "Expert en ronronnements.", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-candle-teapot-home-coziness-comfort_169016-58911.jpg" },
|
||||
{ id: "g3", name: "Ambiance", role: "Café", description: "Notre salon à Metz.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-present-kettle_23-2148720033.jpg" },
|
||||
{ id: "g4", name: "Délices", role: "Menu", description: "Une douceur pour chaque moment.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-black-cat-with-candle-book-tea_23-2152019590.jpg" },
|
||||
]}
|
||||
title="Galerie Photos"
|
||||
description="Moments mignons et ambiance feutrée."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sophie M.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210493.jpg"},
|
||||
{
|
||||
id: "t2", name: "Thomas L.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15932.jpg"},
|
||||
{
|
||||
id: "t3", name: "Julie D.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-petting-cat_23-2148784575.jpg"},
|
||||
{
|
||||
id: "t4", name: "Marc B.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg"},
|
||||
{
|
||||
id: "t5", name: "Claire R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12122.jpg"},
|
||||
]}
|
||||
cardTitle="Ce que nos clients disent"
|
||||
cardTag="Avis Clients"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sophie M.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210493.jpg" },
|
||||
{ id: "t2", name: "Thomas L.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15932.jpg" },
|
||||
{ id: "t3", name: "Julie D.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-petting-cat_23-2148784575.jpg" },
|
||||
{ id: "t4", name: "Marc B.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg" },
|
||||
{ id: "t5", name: "Claire R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12122.jpg" },
|
||||
]}
|
||||
cardTitle="Ce que nos clients disent"
|
||||
cardTag="Avis Clients"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Metz", content: "📍 12 Rue des Clercs, 57000 Metz. <iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2613.250553654483!2d6.173872276711467!3d49.11902267140888!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4794dc0d85918731%3A0x6b42b450259b12d3!2sRue%20des%20Clercs%2C%2057000%20Metz!5e0!3m2!1sen!2sfr!4v1714567890123!5m2!1sen!2sfr' width='100%' height='200' style='border:0;' allowfullscreen='' loading='lazy'></iframe>"},
|
||||
{
|
||||
id: "f2", title: "Luxembourg", content: "📍 45 Grand Rue, L-1661 Luxembourg. <iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2583.565406734106!2d6.128795576751241!3d49.61111957147775!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479548c773a9e1cb%3A0x5a18a8039c63955d!2sGrand-Rue%2C%20Luxembourg!5e0!3m2!1sen!2sfr!4v1714567890124!5m2!1sen!2sfr' width='100%' height='200' style='border:0;' allowfullscreen='' loading='lazy'></iframe>"},
|
||||
]}
|
||||
title="Nos Adresses"
|
||||
description="Retrouvez-nous à Metz et Luxembourg."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Metz", content: "📍 12 Rue des Clercs, 57000 Metz." },
|
||||
{ id: "f2", title: "Luxembourg", content: "📍 45 Grand Rue, L-1661 Luxembourg." },
|
||||
]}
|
||||
title="Nos Adresses"
|
||||
description="Retrouvez-nous à Metz et Luxembourg."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Réservations"
|
||||
title="Système de Réservation"
|
||||
description="Sélectionnez votre créneau et le nombre de convives ci-dessous pour confirmer votre venue."
|
||||
buttons={[
|
||||
{ text: "Confirmer ma réservation", onClick: () => alert("Réservation confirmée ! Vous recevrez une confirmation par e-mail.") }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Réservations"
|
||||
title="Système de Réservation"
|
||||
description="Sélectionnez votre créneau et le nombre de convives ci-dessous pour confirmer votre venue."
|
||||
buttons={[{ text: "Confirmer ma réservation", onClick: () => alert("Réservation confirmée !") }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-golden-one-eyed-cat-lying-tired-window-sill_181624-22175.jpg"
|
||||
logoText="Chalon de Thé"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informations", items: [
|
||||
{
|
||||
label: "Nos Adresses", href: "#location"},
|
||||
{
|
||||
label: "Réservations", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suivez-nous", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-golden-one-eyed-cat-lying-tired-window-sill_181624-22175.jpg"
|
||||
logoText="Chalon de Thé"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Accueil", onClick: () => scrollToSection("hero") }, { label: "Menu", onClick: () => scrollToSection("menu") }] },
|
||||
{ title: "Informations", items: [{ label: "Nos Adresses", onClick: () => scrollToSection("location") }, { label: "Réservations", onClick: () => scrollToSection("contact") }] },
|
||||
{ title: "Suivez-nous", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user