bender/58e3f2f4-8429-46da-a5aa-91bb1b7cc8f7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 13:16:58 +00:00
parent b6fecd9baa
commit 5d455d53e7
1 changed files with 46 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/app/page.tsx
View File

@@ -31,130 +31,45 @@ 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: "Avis",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Accueil", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "À propos", id: "about" },
{ name: "Avis", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="The 716"
button={{ text: "Réserver", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Une expérience unique à The 716"
description="Détendez-vous dans une ambiance chaleureuse et dégustez nos spécialités culinaires au cœur de Menzah 6."
testimonials={[
{
name: "Evrard Clo",
handle: "@evrard",
testimonial: "Petit déjeuner excellent et service au top. L'équipe est attentive et professionnelle.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
},
{
name: "Chema Kedous",
handle: "@chema",
testimonial: "Une ambiance du tonnerre et des mets préparés avec soin par le chef.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
},
{
name: "Lilia Ben",
handle: "@lilia",
testimonial: "Cadre magnifique et café délicieux. Je recommande vivement.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
},
{
name: "Sami Trabelsi",
handle: "@sami",
testimonial: "Le meilleur endroit pour travailler ou se détendre à Menzah 6.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
},
{
name: "Nour H.",
handle: "@nour",
testimonial: "Une découverte agréable, les crêpes sont incroyables.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg",
},
]}
buttons={[
{
text: "Voir le menu",
href: "#menu",
},
{
text: "Réserver une table",
href: "#contact",
},
{ name: "Evrard Clo", handle: "@evrard", testimonial: "Petit déjeuner excellent et service au top. L'équipe est attentive et professionnelle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
{ name: "Chema Kedous", handle: "@chema", testimonial: "Une ambiance du tonnerre et des mets préparés avec soin par le chef.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
{ name: "Lilia Ben", handle: "@lilia", testimonial: "Cadre magnifique et café délicieux. Je recommande vivement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
{ name: "Sami Trabelsi", handle: "@sami", testimonial: "Le meilleur endroit pour travailler ou se détendre à Menzah 6.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
{ name: "Nour H.", handle: "@nour", testimonial: "Une découverte agréable, les crêpes sont incroyables.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg" }
]}
buttons={[{ text: "Voir le menu", href: "#menu" }, { text: "Réserver une table", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-flower-table_23-2148001715.jpg",
alt: "Customer portrait",
},
{ src: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg", alt: "Customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg", alt: "Customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-flower-table_23-2148001715.jpg", alt: "Customer portrait" }
]}
marqueeItems={[
{
type: "text",
text: "Ambiance Cozy",
},
{
type: "text",
text: "Ouvert 24/7",
},
{
type: "text",
text: "Menu Gourmand",
},
{
type: "text",
text: "Wifi Haut Débit",
},
{
type: "text",
text: "Livraison Rapide",
},
{ type: "text", text: "Ambiance Cozy" },
{ type: "text", text: "Ouvert 24/7" },
{ type: "text", text: "Menu Gourmand" },
{ type: "text", text: "Wifi Haut Débit" },
{ type: "text", text: "Livraison Rapide" }
]}
/>
</div>
@@ -164,21 +79,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Bien plus qu'un simple café"
metrics={[
{
icon: Coffee,
label: "Cafés servis",
value: "150+",
},
{
icon: Clock,
label: "Ouvert jusqu'à",
value: "04:00",
},
{
icon: Users,
label: "Clients satisfaits",
value: "850+",
},
{ icon: Coffee, label: "Cafés servis", value: "150+" },
{ icon: Clock, label: "Ouvert jusqu'à", value: "04:00" },
{ icon: Users, label: "Clients satisfaits", value: "850+" }
]}
metricsAnimation="slide-up"
/>
@@ -191,42 +94,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Café Crème",
price: "5 DT",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg",
},
{
id: "2",
name: "Crêpe Chocolat",
price: "12 DT",
imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-white-plate_114579-17175.jpg",
},
{
id: "3",
name: "Pizza Marguerita",
price: "18 DT",
imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg",
},
{
id: "4",
name: "Expresso Italien",
price: "3 DT",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-making-coffee-pouring-steamed-milk-into-cappuccino-doing-latte-art-cup_1258-203385.jpg",
},
{
id: "5",
name: "Omelette Matinale",
price: "8 DT",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg",
},
{
id: "6",
name: "Salade Composée",
price: "15 DT",
imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-filling-wooden-board_114579-77531.jpg",
},
{ id: "1", name: "Café Crème", price: "5 DT", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg" },
{ id: "2", name: "Crêpe Chocolat", price: "12 DT", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-white-plate_114579-17175.jpg" },
{ id: "3", name: "Pizza Marguerita", price: "18 DT", imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg" },
{ id: "4", name: "Expresso Italien", price: "3 DT", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-making-coffee-pouring-steamed-milk-into-cappuccino-doing-latte-art-cup_1258-203385.jpg" },
{ id: "5", name: "Omelette Matinale", price: "8 DT", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg" },
{ id: "6", name: "Salade Composée", price: "15 DT", imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-filling-wooden-board_114579-77531.jpg" }
]}
title="Notre Menu Gourmand"
description="Découvrez nos plats populaires, des pizzas artisanales aux crêpes délicieuses."
@@ -238,46 +111,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Service exceptionnel",
quote: "L'équipe est vraiment agréable et accueillante.",
name: "Sarah Johnson",
role: "Habituée",
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
},
{
id: "2",
title: "Cadre confortable",
quote: "On se sent bien dès qu'on s'installe. Très relaxant.",
name: "Michael Chen",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520113.jpg",
},
{
id: "3",
title: "Saveurs authentiques",
quote: "Les plats sont faits maison avec des ingrédients frais.",
name: "Emily Rodriguez",
role: "Gourmande",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-lovely-dark-skinned-female-model-with-curly-afro-hairdo-enjoys-recreation-time-weekend-poses-agianst-cozy-cafe-interior_273609-3723.jpg",
},
{
id: "4",
title: "Expérience top",
quote: "Un incontournable pour prendre son café à Menzah 6.",
name: "David Kim",
role: "Fidèle",
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-leisure-indoor-portrait-handsome-young-hipster-stylish-black-hat-sitting-wooden-cafe-table-with-mug-cappuccino_273609-1623.jpg",
},
{
id: "5",
title: "Ambiance au top",
quote: "La bonne humeur est toujours au rendez-vous ici.",
name: "Laura Smith",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
},
{ id: "1", title: "Service exceptionnel", quote: "L'équipe est vraiment agréable et accueillante.", name: "Sarah Johnson", role: "Habituée", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
{ id: "2", title: "Cadre confortable", quote: "On se sent bien dès qu'on s'installe. Très relaxant.", name: "Michael Chen", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520113.jpg" },
{ id: "3", title: "Saveurs authentiques", quote: "Les plats sont faits maison avec des ingrédients frais.", name: "Emily Rodriguez", role: "Gourmande", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-lovely-dark-skinned-female-model-with-curly-afro-hairdo-enjoys-recreation-time-weekend-poses-agianst-cozy-cafe-interior_273609-3723.jpg" },
{ id: "4", title: "Expérience top", quote: "Un incontournable pour prendre son café à Menzah 6.", name: "David Kim", role: "Fidèle", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-leisure-indoor-portrait-handsome-young-hipster-stylish-black-hat-sitting-wooden-cafe-table-with-mug-cappuccino_273609-1623.jpg" },
{ id: "5", title: "Ambiance au top", quote: "La bonne humeur est toujours au rendez-vous ici.", name: "Laura Smith", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg" }
]}
title="Ce que disent nos clients"
description="Une communauté de gourmets satisfaits par notre accueil et notre cuisine."
@@ -288,21 +126,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Quels sont vos horaires ?",
content: "Nous sommes ouverts jusqu'à 04h00 du matin tous les jours.",
},
{
id: "q2",
title: "Proposez-vous la livraison ?",
content: "Oui, nous sommes disponibles sur Glovo pour vos livraisons.",
},
{
id: "q3",
title: "Y a-t-il un espace non-fumeur ?",
content: "Nous disposons d'espaces dédiés pour le confort de tous nos clients.",
},
{ id: "q1", title: "Quels sont vos horaires ?", content: "Nous sommes ouverts jusqu'à 04h00 du matin tous les jours." },
{ id: "q2", title: "Proposez-vous la livraison ?", content: "Oui, nous sommes disponibles sur Glovo pour vos livraisons." },
{ id: "q3", title: "Y a-t-il un espace non-fumeur ?", content: "Nous disposons d'espaces dédiés pour le confort de tous nos clients." }
]}
sideTitle="Questions fréquentes"
sideDescription="Tout ce que vous devez savoir avant de passer nous voir."
@@ -315,13 +141,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
names={[
"TripAdvisor",
"Google Maps",
"Glovo",
"Zomato",
"Yelp",
"Facebook Business",
"Instagram Local",
"TripAdvisor", "Google Maps", "Glovo", "Zomato", "Yelp", "Facebook Business", "Instagram Local"
]}
title="Ils parlent de nous"
description="Reconnu par la communauté locale et les plateformes gastronomiques."
@@ -331,17 +151,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contactez-nous"
title="Réservez votre table maintenant"
description="Appelez-nous pour toute réservation ou demande spécifique. Nous sommes à votre service."
buttons={[
{
text: "Appeler : 71 766 730",
href: "tel:71766730",
},
{ text: "Appeler : 71 766 730", href: "tel:71766730" }
]}
/>
</div>
@@ -349,17 +164,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="The 716"
leftLink={{
text: "Politique de confidentialité",
href: "#",
}}
rightLink={{
text: "© 2024 The 716 Restaurant",
href: "#",
}}
leftLink={{ text: "Politique de confidentialité", href: "#" }}
rightLink={{ text: "© 2024 The 716 Restaurant", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}