Merge version_1 into main #2
367
src/app/page.tsx
367
src/app/page.tsx
@@ -26,255 +26,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Notre Cuisine",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "La Carte",
|
||||
id: "#dishes",
|
||||
},
|
||||
{
|
||||
name: "Réservations",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Le Petit Bouchon"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Notre Cuisine", id: "#about" },
|
||||
{ name: "La Carte", id: "#dishes" },
|
||||
{ name: "Réservations", id: "#contact" },
|
||||
]}
|
||||
brandName="Le Petit Bouchon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Le Petit Bouchon"
|
||||
description="Bistrot gastronomique au cœur du Sancerrois. Cuisine de terroir inventive, produits frais et plats raffinés."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Le Petit Bouchon"
|
||||
description="Bistrot gastronomique au cœur du Sancerrois. Cuisine de terroir inventive, produits frais et plats raffinés."
|
||||
buttons={[{ text: "Réserver une table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Une pépite gastronomique"
|
||||
description="Niché au cœur du village, notre bistro propose une gastronomie inventive. Le chef privilégie les produits frais de saison pour créer des plats qui surprennent et ravissent vos papilles."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Produits frais",
|
||||
description: "Sélectionnés quotidiennement auprès des producteurs locaux.",
|
||||
},
|
||||
{
|
||||
title: "Cuisine inventive",
|
||||
description: "Un équilibre parfait entre tradition et modernité.",
|
||||
},
|
||||
{
|
||||
title: "Cadre authentique",
|
||||
description: "L'esprit bistrot, la finesse d'un gastronomique.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2605.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Une pépite gastronomique"
|
||||
description="Niché au cœur du village, notre bistro propose une gastronomie inventive. Le chef privilégie les produits frais de saison pour créer des plats qui surprennent et ravissent vos papilles."
|
||||
bulletPoints={[
|
||||
{ title: "Produits frais", description: "Sélectionnés quotidiennement auprès des producteurs locaux." },
|
||||
{ title: "Cuisine inventive", description: "Un équilibre parfait entre tradition et modernité." },
|
||||
{ title: "Cadre authentique", description: "L'esprit bistrot, la finesse d'un gastronomique." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2605.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Couteaux parfaitement cuits",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-shrimp-salad-topped-with-cheese-slice_140725-2611.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Demi-homard aux agrumes",
|
||||
price: "28€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crawfish-plates_23-2150346587.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cuisses de grenouilles",
|
||||
price: "22€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Crottin de Chavignol",
|
||||
price: "16€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-rolls-slices-table_140725-3796.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos Signatures"
|
||||
description="Découvrez une cuisine raffinée, préparée avec passion et soin."
|
||||
/>
|
||||
</div>
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Couteaux parfaitement cuits", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/bowl-shrimp-salad-topped-with-cheese-slice_140725-2611.jpg" },
|
||||
{ id: "2", name: "Demi-homard aux agrumes", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crawfish-plates_23-2150346587.jpg" },
|
||||
{ id: "3", name: "Cuisses de grenouilles", price: "22€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg" },
|
||||
{ id: "4", name: "Crottin de Chavignol", price: "16€", imageSrc: "http://img.b2bpic.net/free-photo/orange-rolls-slices-table_140725-3796.jpg" },
|
||||
]}
|
||||
title="Nos Signatures"
|
||||
description="Découvrez une cuisine raffinée, préparée avec passion et soin."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="chef" data-section="chef">
|
||||
<TeamCardEleven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "team-1",
|
||||
groupTitle: "En Cuisine",
|
||||
members: [
|
||||
{
|
||||
id: "chef-1",
|
||||
title: "Chef de Cuisine",
|
||||
subtitle: "Un passionné du Sancerrois",
|
||||
detail: "Reconnu pour sa créativité, il sublime les produits frais avec une précision constante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-chef-posing-with-arms-crossed-kitchen_23-2148763123.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg?_wi=2",
|
||||
imageAlt: "fine dining french bistro ambiance",
|
||||
},
|
||||
]}
|
||||
title="Le Chef"
|
||||
description="Passionné par la richesse du terroir, notre chef mêle tradition et originalité pour offrir une cuisine généreuse."
|
||||
/>
|
||||
</div>
|
||||
<div id="chef" data-section="chef">
|
||||
<TeamCardEleven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "team-1", groupTitle: "En Cuisine", members: [
|
||||
{
|
||||
id: "chef-1", title: "Chef de Cuisine", subtitle: "Un passionné du Sancerrois", detail: "Reconnu pour sa créativité, il sublime les produits frais avec une précision constante.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-chef-posing-with-arms-crossed-kitchen_23-2148763123.jpg"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Le Chef"
|
||||
description="Passionné par la richesse du terroir, notre chef mêle tradition et originalité pour offrir une cuisine généreuse."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marie L.",
|
||||
handle: "@mariel",
|
||||
testimonial: "Une véritable pépite ! Les couteaux cuits à merveille.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas G.",
|
||||
handle: "@thomasg",
|
||||
testimonial: "Produits frais et service sympathique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-taking-photo-her-salad-indoor-portrait-smiling-brunette-woman-having-fun-dinner_197531-17193.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie P.",
|
||||
handle: "@sophiep",
|
||||
testimonial: "Cuisine originale et raffinée.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jean M.",
|
||||
handle: "@jeanm",
|
||||
testimonial: "Une merveilleuse surprise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-delivery-bowl-pink-wall-service-delivery-uniform-work-company-job_140725-43022.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Claire B.",
|
||||
handle: "@claireb",
|
||||
testimonial: "Le meilleur endroit de Sancerre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Ce que nos clients disent"
|
||||
description="Des avis authentiques sur leur expérience au Petit Bouchon."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marie L.", handle: "@mariel", testimonial: "Une véritable pépite ! Les couteaux cuits à merveille.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg" },
|
||||
{ id: "2", name: "Thomas G.", handle: "@thomasg", testimonial: "Produits frais et service sympathique.", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-taking-photo-her-salad-indoor-portrait-smiling-brunette-woman-having-fun-dinner_197531-17193.jpg" },
|
||||
{ id: "3", name: "Sophie P.", handle: "@sophiep", testimonial: "Cuisine originale et raffinée.", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg" },
|
||||
{ id: "4", name: "Jean M.", handle: "@jeanm", testimonial: "Une merveilleuse surprise.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-delivery-bowl-pink-wall-service-delivery-uniform-work-company-job_140725-43022.jpg" },
|
||||
{ id: "5", name: "Claire B.", handle: "@claireb", testimonial: "Le meilleur endroit de Sancerre.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg" },
|
||||
]}
|
||||
title="Ce que nos clients disent"
|
||||
description="Des avis authentiques sur leur expérience au Petit Bouchon."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Réservez votre table"
|
||||
description="Découvrez une cuisine qui mérite le détour. Nous vous attendons avec impatience à Crézancy-en-Sancerre."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Précisions (date, nombre de convives...)",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-plates-cutlery-glass_23-2148914882.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Réservez votre table"
|
||||
description="Découvrez une cuisine qui mérite le détour. Nous vous attendons avec impatience à Crézancy-en-Sancerre."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Votre nom", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Votre email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Précisions (date, nombre de convives...)", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-plates-cutlery-glass_23-2148914882.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Crézancy-en-Sancerre",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tél: 02 48 00 00 00",
|
||||
href: "tel:0248000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lun-Ven: 12h-14h / 19h-21h",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sam-Dim: 12h-15h / 19h-22h",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Le Petit Bouchon"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Crézancy-en-Sancerre", href: "#" },
|
||||
{ label: "Tél: 02 48 00 00 00", href: "tel:0248000000" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Lun-Ven: 12h-14h / 19h-21h", href: "#" },
|
||||
{ label: "Sam-Dim: 12h-15h / 19h-22h", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Le Petit Bouchon"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user