Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-04-28 22:05:09 +00:00

View File

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