bender/b620e166-b6ce-4330-b78b-1739d4e5bfaa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/menu/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-09 14:22:11 +00:00
parent def1d8aa94
commit cb0305fdd8
1 changed files with 180 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/app/menu/page.tsx
View File

@@ -2,48 +2,61 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { ChefHat } from "lucide-react";
import { Sparkles, ChefHat, Wine, Cake } from "lucide-react";
export default function MenuPage() {
const navItems = [
{ name: "Accueil", id: "/" },
{ name: "Le Restaurant", id: "/about" },
{ name: "Accueil", id: "home" },
{ name: "Le Restaurant", id: "le-restaurant" },
{ name: "Menu", id: "/menu" },
{ name: "Galerie", id: "/galerie" },
{ name: "Contact", id: "/contact" },
{ name: "Galerie", id: "gallery" },
{ name: "Contact", id: "contact" }
];
const handleNavClick = (id: string) => {
if (id === "home") {
window.location.href = "/";
} else if (id === "le-restaurant") {
window.location.href = "/le-restaurant";
} else if (id === "/menu") {
window.location.href = "/menu";
} else {
const element = document.getElementById(id);
if (element) {
element.scrollIntoView({ behavior: "smooth" });
}
}
};
const footerColumns = [
{
title: "Navigation",
items: [
title: "Navigation", items: [
{ label: "Accueil", href: "/" },
{ label: "À Propos", href: "/about" },
{ label: "À Propos", href: "/le-restaurant" },
{ label: "Menu", href: "/menu" },
{ label: "Galerie", href: "/galerie" },
],
{ label: "Galerie", href: "/#gallery" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "23 Rue de l'Eminee, 63000 Clermont-Ferrand", href: "#" },
{ label: "04 73 44 22 22", href: "tel:+33473442222" },
{ label: "Réserver une Table", href: "/contact" },
],
{ label: "Réserver une Table", href: "#contact" }
]
},
{
title: "Horaires",
items: [
title: "Horaires", items: [
{ label: "Mardi-Dimanche : 12h00-14h30", href: "#" },
{ label: "19h00-22h30", href: "#" },
{ label: "Fermé le lundi", href: "#" },
],
},
{ label: "Fermé le lundi", href: "#" }
]
}
];
return (
@@ -53,7 +66,7 @@ export default function MenuPage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
@@ -63,59 +76,45 @@ export default function MenuPage() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Réserver une table",
href: "/contact",
text: "Réserver une table", onClick: () => handleNavClick("contact")
}}
brandName="Caffè Mazzo"
/>
</div>
<div id="featured-dishes" data-section="featured-dishes">
<div id="hero" data-section="hero">
<HeroSplit
title="Notre Menu Complet"
description="Découvrez toutes nos créations culinaires, des antipasti aux desserts italiens. Une expérience gastronomique authentique dans chaque assiette."
background={{ variant: "plain" }}
tag="Menu Complet"
tagIcon={Sparkles}
buttons={[
{ text: "Réserver une table", href: "#contact" },
{ text: "Retour à l'accueil", href: "/" }
]}
imageSrc="http://img.b2bpic.net/free-photo/papaya-crevettes-salads-with-tomatoes-sea-food-with-fresh-prawns-cockles-with-spicy-sauce_114579-106.jpg"
imageAlt="Menu Caffè Mazzo"
mediaAnimation="slide-up"
imagePosition="right"
/>
</div>
<div id="antipasti" data-section="antipasti">
<FeatureCardMedia
title="Nos Plats Emblématiques"
description="Une sélection de nos créations culinaires les plus populaires et raffinées"
tag="Spécialités"
title="Antipasti"
description="Les entrées traditionnelles qui annoncent une belle soirée culinaire"
tag="Entrées"
features={[
{
id: "1",
title: "Risotto de Foie Gras aux Morilles",
description:
"Risotto crémeux infusé de foie gras poêlé et morilles fraîches. Une symphonie de saveurs automnales.",
tag: "Spécialité Maison",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg?_wi=3",
imageAlt: "Risotto de foie gras aux morilles",
id: "1", title: "Bresaola avec Roquette", description: "Fines tranches de viande séchée, roquette fraîche et parmesan râpé. Un classique élégant.", tag: "Charcuterie", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg", imageAlt: "Bresaola avec roquette"
},
{
id: "2",
title: "Ravioli Maison",
description:
"Ravioli frais préparés quotidiennement, garnis de ricotta et épinards, nappés d'une sauce beurre et sauge.",
tag: "Classique Italien",
imageSrc:
"http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23665.jpg?_wi=3",
imageAlt: "Ravioli maison à la ricotta",
id: "2", title: "Calamari Fritti", description: "Calamar frais frit à la perfection, servi avec sauce marinara maison.", tag: "Fruits de Mer", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg", imageAlt: "Calamari fritti"
},
{
id: "3",
title: "Gnocchi à la Truffe",
description:
"Gnocchi fondants relevés d'huile de truffe noire et parmesan affiné. Délicatesse garantie.",
tag: "Premium",
imageSrc:
"http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg?_wi=3",
imageAlt: "Gnocchi à la truffe",
},
{
id: "4",
title: "Lasagnes Traditionnelles",
description:
"Lasagnes généreuses préparées selon la recette familiale italienne de trois générations.",
tag: "Héritage Familial",
imageSrc:
"http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg?_wi=2",
imageAlt: "Lasagnes traditionnelles",
},
id: "3", title: "Burrata et Tomates", description: "Fromage frais et crémeux avec tomates cerises et basilic frais. Saveurs méditerranéennes.", tag: "Fromage", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg", imageAlt: "Burrata et tomates"
}
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -123,71 +122,148 @@ export default function MenuPage() {
/>
</div>
<div id="location-hours" data-section="location-hours">
<MetricCardFourteen
title="Caffè Mazzo : Au cœur de Clermont-Ferrand, votre adresse gastronomique incontournable"
tag="Infos Pratiques"
tagAnimation="slide-up"
metrics={[
<div id="fresh-pastas" data-section="fresh-pastas">
<FeatureCardMedia
title="Pâtes Fraîches"
description="Nos spécialités de pâtes maison, préparées chaque jour avec passion"
tag="Plats Principaux"
features={[
{
id: "1",
value: "23 Rue de l'Eminee",
description:
"Clermont-Ferrand, 63000 - Localisation idéale entre tradition et modernité",
id: "1", title: "Homemade Ravioli", description: "Ravioli frais préparés quotidiennement, garnis de ricotta et épinards, nappés d'une sauce beurre et sauge.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23665.jpg", imageAlt: "Ravioli maison"
},
{
id: "2",
value: "04 73 44 22 22",
description:
"Joignez-nous pour réserver votre table ou poser vos questions",
id: "2", title: "Fettuccine Carbonara", description: "La vraie recette romaine avec œuf, guanciale et pecorino. Authentique et irrésistible.", tag: "Classique", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg", imageAlt: "Fettuccine Carbonara"
},
{
id: "3",
value: "30-40 €",
description:
"Prix moyen par personne pour une expérience gastronomique authentique",
},
{
id: "4",
value: "Fermé le lundi",
description: "Mardi-dimanche : 12h00-14h30 et 19h00-22h30",
},
id: "3", title: "Pappardelle au Cinghiale", description: "Larges rubans de pâtes avec ragù de sanglier mijoté lentement. Saveur intense et délicate.", tag: "Gibier", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg", imageAlt: "Pappardelle au cinghiale"
}
]}
metricsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="reservation-cta" data-section="reservation-cta">
<div id="risottos" data-section="risottos">
<FeatureCardMedia
title="Risottos"
description="Créations gourmandes mêlant tradition et innovation"
tag="Créations Spéciales"
features={[
{
id: "1", title: "Risotto de Foie Gras aux Morilles", description: "Risotto crémeux infusé de foie gras poêlé et morilles fraîches. Une symphonie de saveurs automnales.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg", imageAlt: "Risotto de foie gras"
},
{
id: "2", title: "Risotto al Nero di Seppia", description: "Risotto noir à l'encre de seiche, avec noix de Saint-Jacques et notes iodées. Spectaculaire et savoureux.", tag: "Fruits de Mer", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg", imageAlt: "Risotto al nero di seppia"
},
{
id: "3", title: "Risotto aux Truffes", description: "Arborio généreusement garni de truffe noire, parmesan et beurre frais. Luxe et simplicité.", tag: "Truffe", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030741.jpg", imageAlt: "Risotto aux truffes"
}
]}
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
/>
</div>
<div id="traditional-italian" data-section="traditional-italian">
<FeatureCardMedia
title="Plats Traditionnels Italiens"
description="Nos interprétations des grands classiques de la cuisine italienne"
tag="Classiques"
features={[
{
id: "1", title: "Gnocchi à la Truffe", description: "Gnocchi fondants relevés d'huile de truffe noire et parmesan affiné. Délicatesse garantie.", tag: "Spécialité", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg", imageAlt: "Gnocchi à la truffe"
},
{
id: "2", title: "Lasagnes Traditionnelles", description: "Lasagnes généreuses préparées selon la recette familiale italienne de trois générations.", tag: "Héritage Familial", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg", imageAlt: "Lasagnes traditionnelles"
},
{
id: "3", title: "Breaded Escalope", description: "Escalope de veau panée et frite, servie avec citron frais et légumes de saison. Croustillante et tendre.", tag: "Viande", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg", imageAlt: "Breaded Escalope"
}
]}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="desserts" data-section="desserts">
<FeatureCardMedia
title="Desserts Italiens"
description="Les douceurs qui couronnent votre repas avec délice"
tag="Finales Gourmandes"
features={[
{
id: "1", title: "Mille-feuilles", description: "Feuilletage croustillant, crème pâtissière généreuse et glaçage au sucre. L'élégance en trois couches.", tag: "Classique", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030741.jpg", imageAlt: "Mille-feuilles"
},
{
id: "2", title: "Panna Cotta", description: "Crème italienne suave et délicate, garnie d'une coulis de fruits rouges. Douceur absolue.", tag: "Saveur Légère", imageSrc: "http://img.b2bpic.net/free-photo/tasty-buns-lie-white-plates-with-golden-design_8353-798.jpg", imageAlt: "Panna cotta"
},
{
id: "3", title: "Tiramisu Maison", description: "Le grand classique italien : mascarpone, café et cacao. Réconfort et élégance en une bouchée.", tag: "Intemporel", imageSrc: "http://img.b2bpic.net/free-photo/glass-candlestick-with-silver-candle-other-decor-stuff-are-desk_8353-9850.jpg", imageAlt: "Tiramisu maison"
}
]}
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
/>
</div>
<div id="beverages" data-section="beverages">
<ProductCardOne
title="Boissons & Vins d'Italie"
description="Une sélection de breuvages pour accompagner votre repas"
tag="Sélection Premium"
textboxLayout="default"
useInvertedBackground={false}
animationType="scale-rotate"
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", name: "Vino Rosso Toscano", price: "Verre 12€ | Bouteille 45€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg", imageAlt: "Vin rouge toscan"
},
{
id: "2", name: "Prosecco di Valdobbiadene", price: "Verre 10€ | Bouteille 38€", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg", imageAlt: "Prosecco"
},
{
id: "3", name: "Chianti Classico Riserva", price: "Verre 14€ | Bouteille 55€", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg", imageAlt: "Chianti Classico"
},
{
id: "4", name: "Barolo Piemontese", price: "Verre 15€ | Bouteille 60€", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg", imageAlt: "Barolo Piemontese"
},
{
id: "5", name: "Pinot Grigio Friuli", price: "Verre 11€ | Bouteille 42€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030741.jpg", imageAlt: "Pinot Grigio"
},
{
id: "6", name: "Amaretto & Digestifs", price: "Verre 8€", imageSrc: "http://img.b2bpic.net/free-photo/tasty-buns-lie-white-plates-with-golden-design_8353-798.jpg", imageAlt: "Digestifs italiens"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Prêt à Déguster ?"
tag="Prêt à Réserver ?"
tagIcon={ChefHat}
title="Réservez Votre Table Dès Maintenant"
description="Vivez une expérience gastronomique inoubliable au cœur de Clermont-Ferrand. Notre équipe vous accueille chaleureusement du mardi au dimanche."
description="Vivez une expérience gastronomique inoubliable avec notre menu complet. Notre équipe vous accueille chaleureusement du mardi au dimanche."
buttons={[
{
text: "Réserver une Table",
href: "/contact",
},
{
text: "Voir le Menu Complet",
href: "/menu",
},
{ text: "Réserver une Table", href: "#" },
{ text: "Retour à l'accueil", href: "/" }
]}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={footerColumns}
logoText="Caffè Mazzo"
copyrightText="© 2025 Caffè Mazzo | Restaurant Gastronomique - Clermont-Ferrand"
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}
}