Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bfad142620 |
215
src/app/page.tsx
215
src/app/page.tsx
@@ -30,77 +30,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Accueil", id: "#hero" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "À propos", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Le Bek Food"
|
||||
button={{
|
||||
text: "Commander",
|
||||
href: "#contact",
|
||||
text: "Commander", href: "#contact", onClick: () => { const element = document.getElementById('contact'); element?.scrollIntoView({ behavior: 'smooth' }); }
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Le Bek Food – Le goût qui fait revenir"
|
||||
description="Des tacos généreux, des recettes savoureuses et une ambiance conviviale à Lons-le-Saunier."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Voir le menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Itinéraire",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Commander", onClick: () => { document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }); } },
|
||||
{ text: "Voir le menu", onClick: () => { document.getElementById('menu')?.scrollIntoView({ behavior: 'smooth' }); } },
|
||||
{ text: "Itinéraire", onClick: () => { document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }); } },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-delicious-mexican-tacos-with-fresh-toppings_84443-82579.jpg",
|
||||
imageAlt: "Tacos gourmands",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157435.jpg",
|
||||
imageAlt: "Escalope du chef",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tacos-with-meat_23-2148750427.jpg",
|
||||
imageAlt: "Tacos maison",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooked-meat-veggies-kebab-black-table_23-2148651056.jpg",
|
||||
imageAlt: "Kebab premium",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-potato-fries-bowl_23-2148501579.jpg",
|
||||
imageAlt: "Frites maison",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-slate-surrounded-by-variety-delicious-mexican-food-brown-table_23-2148042483.jpg",
|
||||
imageAlt: "Tacos Box",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-delicious-mexican-tacos-with-fresh-toppings_84443-82579.jpg", imageAlt: "Tacos gourmands" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157435.jpg", imageAlt: "Escalope du chef" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,19 +63,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "À propos de ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-hamburger-sandwich_23-2148262930.jpg",
|
||||
alt: "Notre cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Le Bek Food",
|
||||
},
|
||||
{ type: "text", content: "À propos de " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-hamburger-sandwich_23-2148262930.jpg", alt: "Notre cuisine" },
|
||||
{ type: "text", content: " Le Bek Food" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,51 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Escalope du Chef",
|
||||
price: "12,90 €",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-healthy-fitness-chef-recording-video-social-media-sprinkling-salad_140725-166744.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tacos Maison",
|
||||
price: "10,90 €",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-taco-table_23-2150878145.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kebab Gourmand",
|
||||
price: "9,50 €",
|
||||
variant: "Tradition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lule-kebab-with-herbs-inside_140725-3781.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Frites au Cheddar",
|
||||
price: "5,00 €",
|
||||
variant: "Extra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-fried-potatoes-tasty-french-fries-inside-plate-dark-surface-food-meal-dinner-dish-ingredients-product-potato_140725-54034.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Menu Maxi",
|
||||
price: "14,90 €",
|
||||
variant: "Complet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blackboard-amidst-mexican-food-blue-background_23-2147740740.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tacos Box",
|
||||
price: "18,90 €",
|
||||
variant: "Partage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sombrero-mexican-food-around-paper-card_23-2147740719.jpg",
|
||||
},
|
||||
{ id: "1", name: "Escalope du Chef", price: "12,90 €", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-healthy-fitness-chef-recording-video-social-media-sprinkling-salad_140725-166744.jpg" },
|
||||
{ id: "2", name: "Tacos Maison", price: "10,90 €", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-taco-table_23-2150878145.jpg" },
|
||||
]}
|
||||
title="Notre Menu Gourmand"
|
||||
description="Découvrez nos recettes signature, préparées à la demande avec passion."
|
||||
buttons={[{ text: "Voir le menu complet", onClick: () => { document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }); } }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,48 +90,7 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incroyable !",
|
||||
quote: "Super propre, bonne ambiance, tacos incroyables.",
|
||||
name: "Malone",
|
||||
role: "Habitué",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top !",
|
||||
quote: "Tacos généreux, bien garnis et pleins de goût.",
|
||||
name: "Chahine",
|
||||
role: "Fin gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent",
|
||||
quote: "Très bon, je recommande vivement.",
|
||||
name: "Emilie",
|
||||
role: "Cliente fidèle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Qualité au rendez-vous",
|
||||
quote: "Un service impeccable et un goût authentique.",
|
||||
name: "Thomas",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Le meilleur de la ville",
|
||||
quote: "Foncez sans hésiter, c'est une tuerie.",
|
||||
name: "Sarah",
|
||||
role: "Passionnée",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="Avis de nos clients"
|
||||
description="Ce que pensent nos habitués de Lons-le-Saunier."
|
||||
/>
|
||||
@@ -236,23 +100,7 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quels sont vos horaires ?",
|
||||
content: "Ouvert du lundi au dimanche à partir de 17h00.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Proposez-vous la livraison ?",
|
||||
content: "Oui, nous livrons sur tout Lons-le-Saunier.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Où êtes-vous situés ?",
|
||||
content: "50 Rue Saint-Désiré, 39000 Lons-le-Saunier.",
|
||||
},
|
||||
]}
|
||||
faqs={[]}
|
||||
title="Infos Pratiques"
|
||||
description="Tout savoir sur Le Bek Food."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -265,23 +113,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.4",
|
||||
description: "Note moyenne Google",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "158+",
|
||||
description: "Avis vérifiés",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Qualité garantie",
|
||||
},
|
||||
]}
|
||||
metrics={[]}
|
||||
title="Notre succès en chiffres"
|
||||
description="La confiance de nos clients en un clin d'œil."
|
||||
/>
|
||||
@@ -290,14 +122,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Commandez maintenant"
|
||||
description="50 Rue Saint-Désiré, 39000 Lons-le-Saunier. Appelez-nous au 06 15 01 43 91."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tasty-burger-with-soda-wooden-soda_23-2148374872.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
onSubmit={(email) => alert(`Inscription reçue : ${email}`)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -310,4 +141,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user