Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
346
src/app/page.tsx
346
src/app/page.tsx
@@ -28,210 +28,166 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "À propos", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Réserver", id: "#contact"},
|
||||
]}
|
||||
brandName="Bistrot Monceau"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "À propos", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Bistrot Monceau"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Bistrot Monceau"
|
||||
description="L'élégance d'un bistrot parisien traditionnel réinventé avec passion par la Chef Myriam HEIM. Produits frais, locaux et conviviaux au cœur du 17ème."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-woman-skirt-coat-drinking-coffee-street-with-gently-smile_197531-6909.jpg"
|
||||
imageAlt="Terrasse du Bistrot Monceau"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Bistrot Monceau"
|
||||
description="L'élégance d'un bistrot parisien traditionnel réinventé avec passion par la Chef Myriam HEIM. Produits frais, locaux et conviviaux au cœur du 17ème."
|
||||
buttons={[
|
||||
{ text: "Réserver une table", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-woman-skirt-coat-drinking-coffee-street-with-gently-smile_197531-6909.jpg"
|
||||
imageAlt="Terrasse du Bistrot Monceau"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Histoire"
|
||||
title="Une expérience humaine"
|
||||
description="Situé à deux pas du Parc Monceau, notre bistrot propose une cuisine sincère, centrée sur le produit et l'émotion."
|
||||
subdescription="Chaque jour, nous sélectionnons le meilleur de nos producteurs locaux pour vous offrir une parenthèse authentique et chaleureuse."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fish-pastry-arugula-white-plate_140725-2958.jpg"
|
||||
imageAlt="Chef Myriam HEIM"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Award}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Histoire"
|
||||
title="Une expérience humaine"
|
||||
description="Situé à deux pas du Parc Monceau, notre bistrot propose une cuisine sincère, centrée sur le produit et l'émotion."
|
||||
subdescription="Chaque jour, nous sélectionnons le meilleur de nos producteurs locaux pour vous offrir une parenthèse authentique et chaleureuse."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fish-pastry-arugula-white-plate_140725-2958.jpg"
|
||||
imageAlt="Chef Myriam HEIM"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Award}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Produits Bio & Locaux", subtitle: "Sourcing rigoureux", category: "Engagement", value: "100%"},
|
||||
{
|
||||
id: "2", title: "Cuisine de Saison", subtitle: "Menus renouvelés", category: "Fraîcheur", value: "Quotidien"},
|
||||
{
|
||||
id: "3", title: "Cave à Vins", subtitle: "Sélection d'artisans", category: "Sommellerie", value: "Cave"},
|
||||
]}
|
||||
title="Notre Cuisine"
|
||||
description="La gastronomie accessible, faite avec amour et respect des saisons."
|
||||
/>
|
||||
</div>
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Produits Bio & Locaux", subtitle: "Sourcing rigoureux", category: "Engagement", value: "100%" },
|
||||
{ id: "2", title: "Cuisine de Saison", subtitle: "Menus renouvelés", category: "Fraîcheur", value: "Quotidien" },
|
||||
{ id: "3", title: "Cave à Vins", subtitle: "Sélection d'artisans", category: "Sommellerie", value: "Cave" },
|
||||
]}
|
||||
title="Notre Cuisine"
|
||||
description="La gastronomie accessible, faite avec amour et respect des saisons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "midi", badge: "Rapide", price: "35€", subtitle: "Formule Midi", features: [
|
||||
"Entrée", "Plat", "Café"],
|
||||
},
|
||||
{
|
||||
id: "decouverte", badge: "Signature", price: "58€", subtitle: "Menu Dégustation", features: [
|
||||
"5 Services", "Accord mets-vins", "Signature"],
|
||||
},
|
||||
{
|
||||
id: "vegetal", badge: "Sain", price: "35€", subtitle: "Menu Végétal", features: [
|
||||
"Produits locaux", "Saisonnier", "Créatif"],
|
||||
},
|
||||
]}
|
||||
title="Nos Menus"
|
||||
description="Une invitation à la découverte gustative."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "midi", badge: "Rapide", price: "35€", subtitle: "Formule Midi", features: ["Entrée", "Plat", "Café"] },
|
||||
{ id: "decouverte", badge: "Signature", price: "58€", subtitle: "Menu Dégustation", features: ["5 Services", "Accord mets-vins", "Signature"] },
|
||||
{ id: "vegetal", badge: "Sain", price: "35€", subtitle: "Menu Végétal", features: ["Produits locaux", "Saisonnier", "Créatif"] },
|
||||
]}
|
||||
title="Nos Menus"
|
||||
description="Une invitation à la découverte gustative."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="wines" data-section="wines">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Vin rouge de Loire", price: "9€/verre", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-authentic-interior-design_53876-129853.jpg"},
|
||||
{
|
||||
id: "2", name: "Chablis Bio", price: "12€/verre", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-chocolate-oval-plate-woman-hands-cookies-xmas-gifts-grey-surface-free-space_140725-62337.jpg"},
|
||||
{
|
||||
id: "3", name: "Coteaux d'Aix", price: "8€/verre", imageSrc: "http://img.b2bpic.net/free-photo/two-young-stylish-women-sitting-cafe_285396-3295.jpg"},
|
||||
{
|
||||
id: "4", name: "Pinot Noir", price: "10€/verre", imageSrc: "http://img.b2bpic.net/free-photo/young-man-embracing-with-happy-woman-restaurant_23-2148016847.jpg"},
|
||||
{
|
||||
id: "5", name: "Champagne brut", price: "15€/verre", imageSrc: "http://img.b2bpic.net/free-photo/couple-supporting-local-merchant_482257-76594.jpg"},
|
||||
{
|
||||
id: "6", name: "Vin nature", price: "11€/verre", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-vegetables-table_140725-7296.jpg"},
|
||||
]}
|
||||
title="Notre Cave"
|
||||
description="Une sélection pointue de vins de petits producteurs."
|
||||
/>
|
||||
</div>
|
||||
<div id="wines" data-section="wines">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Vin rouge de Loire", price: "9€/verre", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-authentic-interior-design_53876-129853.jpg" },
|
||||
{ id: "2", name: "Chablis Bio", price: "12€/verre", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-chocolate-oval-plate-woman-hands-cookies-xmas-gifts-grey-surface-free-space_140725-62337.jpg" },
|
||||
{ id: "3", name: "Coteaux d'Aix", price: "8€/verre", imageSrc: "http://img.b2bpic.net/free-photo/two-young-stylish-women-sitting-cafe_285396-3295.jpg" },
|
||||
{ id: "4", name: "Pinot Noir", price: "10€/verre", imageSrc: "http://img.b2bpic.net/free-photo/young-man-embracing-with-happy-woman-restaurant_23-2148016847.jpg" },
|
||||
{ id: "5", name: "Champagne brut", price: "15€/verre", imageSrc: "http://img.b2bpic.net/free-photo/couple-supporting-local-merchant_482257-76594.jpg" },
|
||||
{ id: "6", name: "Vin nature", price: "11€/verre", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-vegetables-table_140725-7296.jpg" },
|
||||
]}
|
||||
title="Notre Cave"
|
||||
description="Une sélection pointue de vins de petits producteurs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1", name: "Terrasse", price: "", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-talking-phone_23-2149357069.jpg"},
|
||||
{
|
||||
id: "g2", name: "Décor", price: "", imageSrc: "http://img.b2bpic.net/free-photo/different-alcoholic-beverages-glasses_23-2148722492.jpg"},
|
||||
{
|
||||
id: "g3", name: "Cuisine", price: "", imageSrc: "http://img.b2bpic.net/free-photo/coffee-chocolate-moccha-smoothie_1150-11100.jpg"},
|
||||
{
|
||||
id: "g4", name: "Détails", price: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-sitting-cafe-summer-fashion-outfit-hipster-style-pink-cotton-dress-sunglasses-smiling-drinking-coffee-stylish-accessories-trendy-apparel-happy-mood_285396-3101.jpg"},
|
||||
{
|
||||
id: "g5", name: "Vins", price: "", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg"},
|
||||
{
|
||||
id: "g6", name: "Atmosphère", price: "", imageSrc: "http://img.b2bpic.net/free-photo/clients-asking-about-organic-farming_482257-80722.jpg"},
|
||||
]}
|
||||
title="L'Ambiance"
|
||||
description="Instants choisis au Bistrot Monceau."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "g1", name: "Terrasse", price: "", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-talking-phone_23-2149357069.jpg" },
|
||||
{ id: "g2", name: "Décor", price: "", imageSrc: "http://img.b2bpic.net/free-photo/different-alcoholic-beverages-glasses_23-2148722492.jpg" },
|
||||
{ id: "g3", name: "Cuisine", price: "", imageSrc: "http://img.b2bpic.net/free-photo/coffee-chocolate-moccha-smoothie_1150-11100.jpg" },
|
||||
{ id: "g4", name: "Détails", price: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-sitting-cafe-summer-fashion-outfit-hipster-style-pink-cotton-dress-sunglasses-smiling-drinking-coffee-stylish-accessories-trendy-apparel-happy-mood_285396-3101.jpg" },
|
||||
{ id: "g5", name: "Vins", price: "", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg" },
|
||||
{ id: "g6", name: "Atmosphère", price: "", imageSrc: "http://img.b2bpic.net/free-photo/clients-asking-about-organic-farming_482257-80722.jpg" },
|
||||
]}
|
||||
title="L'Ambiance"
|
||||
description="Instants choisis au Bistrot Monceau."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marie L.", role: "Habituée", testimonial: "Une véritable pépite dans le 17ème. Cuisine d'amour et accueil exceptionnel.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
id: "2", name: "Thomas G.", role: "Gourmet", testimonial: "Le menu découverte est une merveille de finesse. Rapport qualité/prix imbattable.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018852.jpg"},
|
||||
{
|
||||
id: "3", name: "Sophie P.", role: "Voisine", testimonial: "J'adore la terrasse pour le déjeuner. Une ambiance chaleureuse et raffinée.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-relaxing-romantic-supper_23-2147736681.jpg"},
|
||||
{
|
||||
id: "4", name: "Julien M.", role: "Foodie", testimonial: "Des produits frais, une équipe humaine, je recommande vivement.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-seaweed-snacks_23-2150872525.jpg"},
|
||||
{
|
||||
id: "5", name: "Claire D.", role: "Client", testimonial: "Une adresse incontournable proche du Parc Monceau.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-holding-cup-cappuccino-eating-tasty-cake_285396-1094.jpg"},
|
||||
]}
|
||||
title="Nos clients parlent"
|
||||
description="La cuisine faite avec amour."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marie L.", role: "Habituée", testimonial: "Une véritable pépite dans le 17ème. Cuisine d'amour et accueil exceptionnel.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ id: "2", name: "Thomas G.", role: "Gourmet", testimonial: "Le menu découverte est une merveille de finesse. Rapport qualité/prix imbattable.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018852.jpg" },
|
||||
{ id: "3", name: "Sophie P.", role: "Voisine", testimonial: "J'adore la terrasse pour le déjeuner. Une ambiance chaleureuse et raffinée.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-relaxing-romantic-supper_23-2147736681.jpg" },
|
||||
{ id: "4", name: "Julien M.", role: "Foodie", testimonial: "Des produits frais, une équipe humaine, je recommande vivement.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-seaweed-snacks_23-2150872525.jpg" },
|
||||
{ id: "5", name: "Claire D.", role: "Client", testimonial: "Une adresse incontournable proche du Parc Monceau.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-holding-cup-cappuccino-eating-tasty-cake_285396-1094.jpg" },
|
||||
]}
|
||||
title="Nos clients parlent"
|
||||
description="La cuisine faite avec amour."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Contact"
|
||||
title="Réservez votre table"
|
||||
description="8 Rue de Logelbach, 75017 Paris | +33 6 67 78 80 32"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Contact"
|
||||
title="Réservez votre table"
|
||||
description="8 Rue de Logelbach, 75017 Paris | +33 6 67 78 80 32"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Réservation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos", items: [
|
||||
{
|
||||
label: "Horaires", href: "#"},
|
||||
{
|
||||
label: "Adresse", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
],
|
||||
logoText="Bistrot Monceau"
|
||||
copyrightText="© 2025 Bistrot Monceau. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Accueil", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Réservation", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos", items: [
|
||||
{ label: "Horaires", href: "#" },
|
||||
{ label: "Adresse", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal", items: [
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
{ label: "Confidentialité", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bistrot Monceau"
|
||||
copyrightText="© 2025 Bistrot Monceau. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user