Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#accueil",
|
||||
},
|
||||
name: "Accueil", id: "#accueil"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "#about",
|
||||
},
|
||||
name: "À Propos", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "#temoignages",
|
||||
},
|
||||
name: "Témoignages", id: "#temoignages"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j7n7vp"
|
||||
brandName="Petiole"
|
||||
@@ -65,69 +53,42 @@ export default function LandingPage() {
|
||||
<div id="accueil" data-section="accueil">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Petiole: Saveurs Authentiques et Ambiance Chaleureuse"
|
||||
description="Découvrez une cuisine régionale gourmande, préparée avec des produits de qualité. Venez vivre une expérience culinaire inoubliable dans notre restaurant."
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir le Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Voir le Menu", href: "#menu"},
|
||||
{
|
||||
text: "Réserver une Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver une Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21036.jpg"
|
||||
imageAlt="Restaurant interior with elegant dining table"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg", alt: "Happy customer smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-professional-male-chef-with-his-prepared-dish_23-2147863802.jpg",
|
||||
alt: "Chef in uniform",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-professional-male-chef-with-his-prepared-dish_23-2147863802.jpg", alt: "Chef in uniform"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/new-idea-great-business_329181-2907.jpg",
|
||||
alt: "Friendly waiter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/new-idea-great-business_329181-2907.jpg", alt: "Friendly waiter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg",
|
||||
alt: "Elegant dining couple",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg", alt: "Elegant dining couple"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39255.jpg",
|
||||
alt: "Food critic reviewing dish",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39255.jpg", alt: "Food critic reviewing dish"},
|
||||
]}
|
||||
avatarText="+100 Clients Satisfaits"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cuisine Régionale Authentique",
|
||||
},
|
||||
type: "text", text: "Cuisine Régionale Authentique"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-raw-vegetables-wooden-table_23-2147956515.jpg",
|
||||
alt: "Fresh seasonal vegetables",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/fresh-raw-vegetables-wooden-table_23-2147956515.jpg", alt: "Fresh seasonal vegetables"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ingrédients Locaux et Frais",
|
||||
},
|
||||
type: "text", text: "Ingrédients Locaux et Frais"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg",
|
||||
alt: "Chef garnishing a plate",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg", alt: "Chef garnishing a plate"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiance Chaleureuse et Conviviale",
|
||||
},
|
||||
type: "text", text: "Ambiance Chaleureuse et Conviviale"},
|
||||
]}
|
||||
marqueeSpeed={25}
|
||||
/>
|
||||
@@ -154,23 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Produits Frais et Locaux",
|
||||
description: "Nous sélectionnons rigoureusement nos ingrédients auprès de producteurs locaux pour garantir fraîcheur et saveur.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-fruits-vegetables_23-2149382201.jpg",
|
||||
imageAlt: "Fresh vegetables and herbs",
|
||||
},
|
||||
title: "Produits Frais et Locaux", description: "Nous sélectionnons rigoureusement nos ingrédients auprès de producteurs locaux pour garantir fraîcheur et saveur.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-fruits-vegetables_23-2149382201.jpg", imageAlt: "Fresh vegetables and herbs"},
|
||||
{
|
||||
title: "Cuisine Faite Maison",
|
||||
description: "Tous nos plats sont préparés sur place avec passion et savoir-faire, pour des saveurs authentiques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-round-dark-bread-wooden-plate_169016-2109.jpg",
|
||||
imageAlt: "Chef preparing a dish from scratch",
|
||||
},
|
||||
title: "Cuisine Faite Maison", description: "Tous nos plats sont préparés sur place avec passion et savoir-faire, pour des saveurs authentiques.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-round-dark-bread-wooden-plate_169016-2109.jpg", imageAlt: "Chef preparing a dish from scratch"},
|
||||
{
|
||||
title: "Accueil Chaleureux",
|
||||
description: "Notre équipe souriante et bienveillante est à votre écoute pour vous faire passer un excellent moment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081857.jpg",
|
||||
imageAlt: "Smiling waitress serving food",
|
||||
},
|
||||
title: "Accueil Chaleureux", description: "Notre équipe souriante et bienveillante est à votre écoute pour vous faire passer un excellent moment.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081857.jpg", imageAlt: "Smiling waitress serving food"},
|
||||
]}
|
||||
title="Notre Engagement Qualité"
|
||||
description="Chez Petiole, chaque détail compte pour vous offrir une expérience culinaire exceptionnelle."
|
||||
@@ -185,53 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "prod-1",
|
||||
name: "Entrée Charcuterie",
|
||||
price: "12€",
|
||||
variant: "Traditionnel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-cutting-with-olives-slices-orange_140725-983.jpg",
|
||||
imageAlt: "Gourmet charcuterie board",
|
||||
},
|
||||
id: "prod-1", name: "Entrée Charcuterie", price: "12€", variant: "Traditionnel", imageSrc: "http://img.b2bpic.net/free-photo/meat-cutting-with-olives-slices-orange_140725-983.jpg", imageAlt: "Gourmet charcuterie board"},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "Tarte Citron Meringuée Revisitée",
|
||||
price: "8€",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-bread-flat-lay_23-2148367455.jpg",
|
||||
imageAlt: "Revisited lemon meringue pie",
|
||||
},
|
||||
id: "prod-2", name: "Tarte Citron Meringuée Revisitée", price: "8€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-bread-flat-lay_23-2148367455.jpg", imageAlt: "Revisited lemon meringue pie"},
|
||||
{
|
||||
id: "prod-3",
|
||||
name: "Poisson du Marché",
|
||||
price: "24€",
|
||||
variant: "Plat du jour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-vegetables-lemon-served-with-glass-wine_141793-762.jpg",
|
||||
imageAlt: "Grilled fish with vegetables",
|
||||
},
|
||||
id: "prod-3", name: "Poisson du Marché", price: "24€", variant: "Plat du jour", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-vegetables-lemon-served-with-glass-wine_141793-762.jpg", imageAlt: "Grilled fish with vegetables"},
|
||||
{
|
||||
id: "prod-4",
|
||||
name: "Confit de Canard",
|
||||
price: "26€",
|
||||
variant: "Spécialité Régionale",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8927.jpg",
|
||||
imageAlt: "Traditional duck confit",
|
||||
},
|
||||
id: "prod-4", name: "Confit de Canard", price: "26€", variant: "Spécialité Régionale", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8927.jpg", imageAlt: "Traditional duck confit"},
|
||||
{
|
||||
id: "prod-5",
|
||||
name: "Salade Gourmande",
|
||||
price: "16€",
|
||||
variant: "Végétarien",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetable-salad-bowl-with-pepper-tomato-lemon-green-yellow-background_141793-9407.jpg",
|
||||
imageAlt: "Fresh gourmet salad",
|
||||
},
|
||||
id: "prod-5", name: "Salade Gourmande", price: "16€", variant: "Végétarien", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetable-salad-bowl-with-pepper-tomato-lemon-green-yellow-background_141793-9407.jpg", imageAlt: "Fresh gourmet salad"},
|
||||
{
|
||||
id: "prod-6",
|
||||
name: "Foie Gras Poêlé",
|
||||
price: "18€",
|
||||
variant: "Entrée Festive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg",
|
||||
imageAlt: "Seared foie gras appetizer",
|
||||
},
|
||||
id: "prod-6", name: "Foie Gras Poêlé", price: "18€", variant: "Entrée Festive", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg", imageAlt: "Seared foie gras appetizer"},
|
||||
]}
|
||||
title="Notre Menu Gourmand"
|
||||
description="Découvrez une sélection de nos plats phares, une fusion de tradition régionale et de créativité."
|
||||
@@ -245,54 +158,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
badge: "Déjeuner",
|
||||
price: "20€",
|
||||
subtitle: "Menu du midi",
|
||||
features: [
|
||||
"Plat du jour",
|
||||
"Dessert",
|
||||
"Café",
|
||||
],
|
||||
id: "plan-1", badge: "Déjeuner", price: "20€", subtitle: "Menu du midi", features: [
|
||||
"Plat du jour", "Dessert", "Café"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Découvrir",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Découvrir", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
badge: "Dégustation",
|
||||
price: "35€",
|
||||
subtitle: "Menu complet",
|
||||
features: [
|
||||
"Entrée",
|
||||
"Plat Signature",
|
||||
"Dessert Gourmand",
|
||||
],
|
||||
id: "plan-2", badge: "Dégustation", price: "35€", subtitle: "Menu complet", features: [
|
||||
"Entrée", "Plat Signature", "Dessert Gourmand"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-3",
|
||||
badge: "Groupe",
|
||||
price: "Sur Mesure",
|
||||
subtitle: "Événements privés",
|
||||
features: [
|
||||
"Menu Personnalisé",
|
||||
"Service Dédié",
|
||||
"Espace Privatisable",
|
||||
],
|
||||
id: "plan-3", badge: "Groupe", price: "Sur Mesure", subtitle: "Événements privés", features: [
|
||||
"Menu Personnalisé", "Service Dédié", "Espace Privatisable"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Demander un Devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un Devis", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -308,50 +194,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test-1",
|
||||
name: "Christine Milin",
|
||||
handle: "@ChristineM",
|
||||
testimonial: "Belle découverte avec un accueil chaleureux et une serveuse souriante. Les produits sont de qualité. Je recommande vivement !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
|
||||
imageAlt: "Christine Milin, happy customer",
|
||||
},
|
||||
id: "test-1", name: "Christine Milin", handle: "@ChristineM", testimonial: "Belle découverte avec un accueil chaleureux et une serveuse souriante. Les produits sont de qualité. Je recommande vivement !", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg", imageAlt: "Christine Milin, happy customer"},
|
||||
{
|
||||
id: "test-2",
|
||||
name: "Nadège GRANIER",
|
||||
handle: "@NadègeG",
|
||||
testimonial: "Nous avons passé un excellent moment dans ce restaurant chaleureux, avec une cuisine gourmande, pleine de saveurs et une belle présentation ! Un très bon service également avec beaucoup de bienveillance. Nous reviendrons avec plaisir !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018850.jpg",
|
||||
imageAlt: "Nadège GRANIER, satisfied customer",
|
||||
},
|
||||
id: "test-2", name: "Nadège GRANIER", handle: "@NadègeG", testimonial: "Nous avons passé un excellent moment dans ce restaurant chaleureux, avec une cuisine gourmande, pleine de saveurs et une belle présentation ! Un très bon service également avec beaucoup de bienveillance. Nous reviendrons avec plaisir !", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018850.jpg", imageAlt: "Nadège GRANIER, satisfied customer"},
|
||||
{
|
||||
id: "test-3",
|
||||
name: "Evelyne Pappalardo",
|
||||
handle: "@EvelyneP",
|
||||
testimonial: "Excellente adresse incontournable ! Une institution qui a su évoluer au fil des années. Accueil très agréable et de bons conseils. Cuisine régionale, copieuse et savoureuse, pour un prix très correct !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24362.jpg",
|
||||
imageAlt: "Evelyne Pappalardo, pleased customer",
|
||||
},
|
||||
id: "test-3", name: "Evelyne Pappalardo", handle: "@EvelyneP", testimonial: "Excellente adresse incontournable ! Une institution qui a su évoluer au fil des années. Accueil très agréable et de bons conseils. Cuisine régionale, copieuse et savoureuse, pour un prix très correct !", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24362.jpg", imageAlt: "Evelyne Pappalardo, pleased customer"},
|
||||
{
|
||||
id: "test-4",
|
||||
name: "Jean Dupont",
|
||||
handle: "@JeanD",
|
||||
testimonial: "Un vrai délice ! Le confit de canard était parfait et le service impeccable. On se sent comme à la maison. À refaire très vite !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-male-customer-guarantee-quality-show-okay-sign_176420-18709.jpg",
|
||||
imageAlt: "Jean Dupont, happy diner",
|
||||
},
|
||||
id: "test-4", name: "Jean Dupont", handle: "@JeanD", testimonial: "Un vrai délice ! Le confit de canard était parfait et le service impeccable. On se sent comme à la maison. À refaire très vite !", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-male-customer-guarantee-quality-show-okay-sign_176420-18709.jpg", imageAlt: "Jean Dupont, happy diner"},
|
||||
{
|
||||
id: "test-5",
|
||||
name: "Marie Lefevre",
|
||||
handle: "@MarieL",
|
||||
testimonial: "L'ambiance est conviviale et les plats sont exquis. La tarte citron meringuée revisitée est à tomber ! Une adresse à ne pas manquer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-evening-gown-rich-stylish-lady-elegant-fashion-trend-waiting-date-holding-little-golden-handbag-hand_285396-7239.jpg",
|
||||
imageAlt: "Marie Lefevre, delighted customer",
|
||||
},
|
||||
id: "test-5", name: "Marie Lefevre", handle: "@MarieL", testimonial: "L'ambiance est conviviale et les plats sont exquis. La tarte citron meringuée revisitée est à tomber ! Une adresse à ne pas manquer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-evening-gown-rich-stylish-lady-elegant-fashion-trend-waiting-date-holding-little-golden-handbag-hand_285396-7239.jpg", imageAlt: "Marie Lefevre, delighted customer"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce Que Nos Clients Disent"
|
||||
@@ -364,20 +220,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Doit-on réserver une table ?",
|
||||
content: "Nous vous recommandons fortement de réserver, surtout le week-end, pour vous assurer une place dans notre restaurant.",
|
||||
},
|
||||
id: "faq-1", title: "Doit-on réserver une table ?", content: "Nous vous recommandons fortement de réserver, surtout le week-end, pour vous assurer une place dans notre restaurant."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Proposez-vous des options végétariennes ou sans gluten ?",
|
||||
content: "Oui, nous proposons plusieurs plats végétariens et pouvons adapter certains plats sans gluten sur demande. Veuillez nous en informer lors de votre réservation.",
|
||||
},
|
||||
id: "faq-2", title: "Proposez-vous des options végétariennes ou sans gluten ?", content: "Oui, nous proposons plusieurs plats végétariens et pouvons adapter certains plats sans gluten sur demande. Veuillez nous en informer lors de votre réservation."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Acceptez-vous les animaux de compagnie ?",
|
||||
content: "Pour le confort de tous nos clients, nous n'acceptons pas les animaux de compagnie à l'intérieur du restaurant. Une exception peut être faite pour les chiens d'assistance.",
|
||||
},
|
||||
id: "faq-3", title: "Acceptez-vous les animaux de compagnie ?", content: "Pour le confort de tous nos clients, nous n'acceptons pas les animaux de compagnie à l'intérieur du restaurant. Une exception peut être faite pour les chiens d'assistance."},
|
||||
]}
|
||||
sideTitle="Des Questions ?"
|
||||
sideDescription="Trouvez les réponses à vos interrogations concernant Petiole."
|
||||
@@ -390,8 +237,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contactez-nous"
|
||||
title="Réservez Votre Expérience Gastronomique"
|
||||
description="Pour toute question, réservation ou demande spéciale, notre équipe est à votre disposition. Utilisez le formulaire ci-dessous ou appelez-nous directement."
|
||||
@@ -405,13 +251,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Petiole"
|
||||
leftLink={{
|
||||
text: "Politique de Confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Politique de Confidentialité", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Mentions Légales",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Mentions Légales", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user