Add src/app/gallery/page.tsx
This commit is contained in:
195
src/app/gallery/page.tsx
Normal file
195
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,195 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Sparkles, ChefHat } from "lucide-react";
|
||||
|
||||
export default function GalleryPage() {
|
||||
const navItems = [
|
||||
{ name: "Accueil", id: "home" },
|
||||
{ name: "Le Restaurant", id: "/le-restaurant" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ 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 === "/gallery") {
|
||||
window.location.href = "/gallery";
|
||||
} else if (id === "menu" || id === "contact") {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: "smooth" });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Accueil", href: "/" },
|
||||
{ label: "À Propos", href: "/le-restaurant" },
|
||||
{ label: "Galerie", href: "/gallery" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Horaires", items: [
|
||||
{ label: "Mardi-Dimanche : 12h00-14h30", href: "#" },
|
||||
{ label: "19h00-22h30", href: "#" },
|
||||
{ label: "Fermé le lundi", href: "#" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Réserver une table", onClick: () => handleNavClick("contact")
|
||||
}}
|
||||
brandName="Caffè Mazzo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Notre Galerie Visuelle"
|
||||
description="Explorez l'univers gastronomique et l'ambiance unique de Caffè Mazzo à travers nos photographies. De nos créations culinaires à l'atmosphère chaleureuse de nos espaces, découvrez chaque détail qui fait notre singularité."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Galerie"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Réserver une table", href: "#contact" },
|
||||
{ text: "Découvrir le restaurant", href: "/le-restaurant" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg"
|
||||
imageAlt="Présentation gastronomique"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardOne
|
||||
title="Nos Créations Culinaires"
|
||||
description="Découvrez la beauté et la raffinement de nos plats signature"
|
||||
tag="Gastronomie"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="scale-rotate"
|
||||
gridVariant="bento-grid"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Risotto de Foie Gras", price: "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", imageAlt: "Risotto de foie gras aux morilles"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Ravioli de Ricotta", price: "Classique Italien", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23665.jpg", imageAlt: "Ravioli maison à la ricotta"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Gnocchi à la Truffe", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg", imageAlt: "Gnocchi à la truffe"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Pappardelle Bolognaise", price: "Héritage Familial", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg", imageAlt: "Pappardelle bolognaise"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Osso Buco", price: "Viande de Prestige", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg", imageAlt: "Osso Buco milanais"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Tiramisu", price: "Dessert Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030741.jpg", imageAlt: "Tiramisu maison"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Zabaglione", price: "Douceur Italienne", imageSrc: "http://img.b2bpic.net/free-photo/tasty-buns-lie-white-plates-with-golden-design_8353-798.jpg", imageAlt: "Zabaglione au champagne"
|
||||
},
|
||||
{
|
||||
id: "8", name: "Panna Cotta", price: "Raffinement", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2149030655.jpg", imageAlt: "Panna cotta à la fraise"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ambiance" data-section="ambiance">
|
||||
<ProductCardOne
|
||||
title="L'Ambiance de Caffè Mazzo"
|
||||
description="Immergez-vous dans l'atmosphère chaleureuse et élégante de notre restaurant"
|
||||
tag="Atmosphère"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="scale-rotate"
|
||||
gridVariant="bento-grid-inverted"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Salle Principale", price: "Intimité Chaleureuse", imageSrc: "http://img.b2bpic.net/free-photo/glass-candlestick-with-silver-candle-other-decor-stuff-are-desk_8353-9850.jpg", imageAlt: "Salle à manger illuminée"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Terrasse d'Été", price: "Ambiance Méditerranéenne", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-catching-up-cafe-diverse-young-women-drinking-coffee-eating-pastries-brunch-besties-talking-having-nice-conversation_662251-947.jpg", imageAlt: "Terrasse extérieure"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Cuisine Ouverte", price: "À la Vue de Tous", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg", imageAlt: "Cuisine ouverte en action"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Bar à Vin", price: "Dégustation Raffinée", imageSrc: "http://img.b2bpic.net/free-photo/wine-bottles-showcase_23-2149646258.jpg", imageAlt: "Sélection de vins"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Détails Décor", price: "Raffinement & Élégance", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-design_23-2149646325.jpg", imageAlt: "Détails de décoration"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Mise en Place", price: "Élégance & Sophistication", imageSrc: "http://img.b2bpic.net/free-photo/table-setting-elegant_23-2149646412.jpg", imageAlt: "Mise en place soignée"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Prêt à Visiter Caffè Mazzo ?"
|
||||
tagIcon={ChefHat}
|
||||
title="Réservez Votre Table Dès Maintenant"
|
||||
description="Vivez en personne la magie de Caffè Mazzo. Nos photos ne sont qu'un aperçu de l'expérience gastronomique qui vous attend."
|
||||
buttons={[
|
||||
{ text: "Réserver une Table", href: "#" },
|
||||
{ text: "Découvrir le Restaurant", href: "/le-restaurant" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Caffè Mazzo"
|
||||
copyrightText="© 2025 Caffè Mazzo | Restaurant Gastronomique - Clermont-Ferrand"
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user