bender/5094e709-20df-455c-8a0e-05cd04e03469
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-29 17:02:30 +00:00
parent 82b5cd7536
commit 8703497c2d
1 changed files with 70 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

338
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Notre Histoire",
id: "#story",
},
name: "Notre Histoire", id: "#story"},
{
name: "Galerie",
id: "#gallery",
},
name: "Galerie", id: "#gallery"},
{
name: "Réservation",
id: "#reservation",
},
name: "Réservation", id: "#reservation"},
]}
brandName="Le Pirate"
/>
@@ -55,71 +47,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
variant: "plain"}}
title="Depuis 1991, la mer dans votre assiette"
description="Port de Pêche El Ghedir · Monastir, Tunisie"
buttons={[
{
text: "Voir le menu",
href: "#menu",
},
text: "Voir le menu", href: "#menu"},
{
text: "Réserver une table",
href: "#reservation",
},
text: "Réserver une table", href: "#reservation"},
]}
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-with-mystical-neon_23-2151628268.jpg"
imageAlt="Vue panoramique du port de Monastir au coucher du soleil avec un restaurant en bord de mer"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
alt: "Smiling patron",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Smiling patron"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-rich-stylish-man-dressed-modern-elegant-clothes-holds-cup-coffee-outdoor-restaurant_613910-3978.jpg",
alt: "Satisfied guest",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-rich-stylish-man-dressed-modern-elegant-clothes-holds-cup-coffee-outdoor-restaurant_613910-3978.jpg", alt: "Satisfied guest"},
{
src: "http://img.b2bpic.net/free-photo/pinup-girl-posing-kitchen_23-2148867299.jpg",
alt: "Pleased diner",
},
src: "http://img.b2bpic.net/free-photo/pinup-girl-posing-kitchen_23-2148867299.jpg", alt: "Pleased diner"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586612.jpg",
alt: "Enthusiastic visitor",
},
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586612.jpg", alt: "Enthusiastic visitor"},
]}
avatarText="+1000 clients satisfaits"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smoked-salmon-salad_74190-2961.jpg",
alt: "Fresh catch of the day",
type: "image", src: "http://img.b2bpic.net/free-photo/smoked-salmon-salad_74190-2961.jpg", alt: "Fresh catch of the day"},
{
type: "text-icon", text: "Qualité Garantie", icon: Fish,
},
{
type: "text-icon",
text: "Qualité Garantie",
icon: Fish,
},
type: "image", src: "http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg", alt: "Nautical decor"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg",
alt: "Nautical decor",
},
type: "text", text: "Ambiance Inoubliable"},
{
type: "text",
text: "Ambiance Inoubliable",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/yacht-sea-sunset_1150-10304.jpg",
alt: "Sunset over Monastir port",
},
type: "image", src: "http://img.b2bpic.net/free-photo/yacht-sea-sunset_1150-10304.jpg", alt: "Sunset over Monastir port"},
]}
/>
</div>
@@ -131,27 +95,18 @@ export default function LandingPage() {
metrics={[
{
icon: Compass,
label: "ans d'excellence",
value: "30+",
},
label: "ans d'excellence", value: "30+"},
{
icon: Star,
label: "avis positifs",
value: "547",
},
label: "avis positifs", value: "547"},
{
icon: Award,
label: "#1 à Monastir",
value: "TripAdvisor",
},
label: "#1 à Monastir", value: "TripAdvisor"},
{
icon: Fish,
label: "jours frais",
value: "Tous les",
},
label: "jours frais", value: "Tous les"},
]}
metricsAnimation="slide-up"
description="Depuis plus de 30 ans, Restaurant Le Pirate vous accueille pour une expérience culinaire authentique tunisienne. Notre thème nautique unique vous transportera à bord d'un véritable navire pirate, offrant une ambiance conviviale et des saveurs inoubliables. Chaque jour, nous sélectionnons les poissons les plus frais directement du port de Monastir, garantissant une qualité et une générosité inégalées. Goûtez la différence."
/>
</div>
@@ -162,48 +117,19 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "starters",
badge: "Entrées",
badgeIcon: Salad,
price: "10 Variétés",
subtitle: "Un festin pour commencer",
features: [
"Salade de poulpe",
"Salade de riz aux fruits de mer",
"Salade Mechouia",
"Calamars en sauce",
"Crevettes marinées",
"Moules gratinées",
"Poissons frits",
"Doigts de Fatma",
"Beignets de crevettes",
"Salade verte pimentée",
],
id: "starters", badge: "Entrées", badgeIcon: Salad,
price: "10 Variétés", subtitle: "Un festin pour commencer", features: [
"Salade de poulpe", "Salade de riz aux fruits de mer", "Salade Mechouia", "Calamars en sauce", "Crevettes marinées", "Moules gratinées", "Poissons frits", "Doigts de Fatma", "Beignets de crevettes", "Salade verte pimentée"],
},
{
id: "main-course",
badge: "Plat Principal",
badgeIcon: Fish,
price: "Au Choix",
subtitle: "Le cœur de la mer",
features: [
"Daurade royale grillée",
"Loup de mer grillé",
"Gambas grillées",
"Servi avec: frites maison + salade fraîche",
],
id: "main-course", badge: "Plat Principal", badgeIcon: Fish,
price: "Au Choix", subtitle: "Le cœur de la mer", features: [
"Daurade royale grillée", "Loup de mer grillé", "Gambas grillées", "Servi avec: frites maison + salade fraîche"],
},
{
id: "desserts",
badge: "Desserts",
badgeIcon: IceCream,
price: "Rafraîchissant",
subtitle: "Douceurs de fin de repas",
features: [
"Plateau de fruits de saison",
"Glace au citron maison",
"Thé à la menthe avec pâtisseries tunisiennes",
],
id: "desserts", badge: "Desserts", badgeIcon: IceCream,
price: "Rafraîchissant", subtitle: "Douceurs de fin de repas", features: [
"Plateau de fruits de saison", "Glace au citron maison", "Thé à la menthe avec pâtisseries tunisiennes"],
},
]}
title="Notre Menu Unique"
@@ -219,65 +145,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "gal-1",
brand: "Fruits de Mer",
name: "Étal de poissons",
price: "",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/raw-oysters-with-lemon-ice_93675-128836.jpg",
imageAlt: "Étal de poissons frais du marché de Monastir",
},
id: "gal-1", brand: "Fruits de Mer", name: "Étal de poissons", price: "", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/raw-oysters-with-lemon-ice_93675-128836.jpg", imageAlt: "Étal de poissons frais du marché de Monastir"},
{
id: "gal-2",
brand: "Cuisine Tunisienne",
name: "Plat de fruits de mer",
price: "",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-shrimp-plate_23-2149410728.jpg",
imageAlt: "Grand plat de fruits de mer grillés et frits",
},
id: "gal-2", brand: "Cuisine Tunisienne", name: "Plat de fruits de mer", price: "", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-shrimp-plate_23-2149410728.jpg", imageAlt: "Grand plat de fruits de mer grillés et frits"},
{
id: "gal-3",
brand: "Ambiance Unique",
name: "Intérieur du restaurant",
price: "",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320496.jpg",
imageAlt: "Intérieur du restaurant Le Pirate avec décor nautique",
},
id: "gal-3", brand: "Ambiance Unique", name: "Intérieur du restaurant", price: "", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320496.jpg", imageAlt: "Intérieur du restaurant Le Pirate avec décor nautique"},
{
id: "gal-4",
brand: "Vue sur le Port",
name: "Terrasse extérieure",
price: "",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fruit-bowl-bottle-champaign-pier-by-calm-ocean_181624-21630.jpg",
imageAlt: "Tables en terrasse avec vue sur le port de Monastir",
},
id: "gal-4", brand: "Vue sur le Port", name: "Terrasse extérieure", price: "", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fruit-bowl-bottle-champaign-pier-by-calm-ocean_181624-21630.jpg", imageAlt: "Tables en terrasse avec vue sur le port de Monastir"},
{
id: "gal-5",
brand: "Tradition",
name: "Pain tunisien",
price: "",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-food-assortment_23-2148925172.jpg",
imageAlt: "Pain traditionnel tunisien fraîchement cuit",
},
id: "gal-5", brand: "Tradition", name: "Pain tunisien", price: "", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-food-assortment_23-2148925172.jpg", imageAlt: "Pain traditionnel tunisien fraîchement cuit"},
{
id: "gal-6",
brand: "Art Culinaire",
name: "Chef en action",
price: "",
rating: 5,
reviewCount: "",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-cutting-head-fish-chopping-board-pepper-grinder-flour-bowl-pomegranate-seeds-bowl-kitchen-table_179666-46855.jpg",
imageAlt: "Chef cuisinant du poisson frais sur le grill",
},
id: "gal-6", brand: "Art Culinaire", name: "Chef en action", price: "", rating: 5,
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-cutting-head-fish-chopping-board-pepper-grinder-flour-bowl-pomegranate-seeds-bowl-kitchen-table_179666-46855.jpg", imageAlt: "Chef cuisinant du poisson frais sur le grill"},
]}
title="Galerie Photo"
description="Plongez dans l'ambiance et les saveurs du Restaurant Le Pirate. Des plats emblématiques aux vues imprenables sur le port, chaque image raconte notre histoire."
@@ -291,45 +175,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "review-1",
name: "Anonyme",
handle: "TripAdvisor",
testimonial: "Le restaurant est parfaitement situé dans le port de Monastir. La qualité des plats est excellente et les portions sont généreuses. Le service du personnel est amical et attentionné. Un must-visit pour tous les amoureux des fruits de mer.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
imageAlt: "Client satisfait 1",
},
id: "review-1", name: "Anonyme", handle: "TripAdvisor", testimonial: "Le restaurant est parfaitement situé dans le port de Monastir. La qualité des plats est excellente et les portions sont généreuses. Le service du personnel est amical et attentionné. Un must-visit pour tous les amoureux des fruits de mer.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Client satisfait 1"},
{
id: "review-2",
name: "Anonyme",
handle: "TripAdvisor",
testimonial: "C'est la cinquième fois qu'on y va et toujours satisfaits. Pour ceux qui ne connaissent pas, c'est le meilleur de la région. Un menu unique mais tellement riche — prévoyez de ne pas dîner le soir tellement c'est copieux !",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12687.jpg",
imageAlt: "Client satisfait 2",
},
id: "review-2", name: "Anonyme", handle: "TripAdvisor", testimonial: "C'est la cinquième fois qu'on y va et toujours satisfaits. Pour ceux qui ne connaissent pas, c'est le meilleur de la région. Un menu unique mais tellement riche — prévoyez de ne pas dîner le soir tellement c'est copieux !", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12687.jpg", imageAlt: "Client satisfait 2"},
{
id: "review-3",
name: "Anonyme",
handle: "Google",
testimonial: "Le Pirate Monastir is a must-visit! From the moment we walked in, the staff welcomed us warmly. The pirate-themed decor is incredible — like stepping into a ship. The set menu is truly a feast: legendary Tunisian seafood followed by fresh grilled fish.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg",
imageAlt: "Client satisfait 3",
},
id: "review-3", name: "Anonyme", handle: "Google", testimonial: "Le Pirate Monastir is a must-visit! From the moment we walked in, the staff welcomed us warmly. The pirate-themed decor is incredible — like stepping into a ship. The set menu is truly a feast: legendary Tunisian seafood followed by fresh grilled fish.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg", imageAlt: "Client satisfait 3"},
{
id: "review-4",
name: "Anonyme",
handle: "Google",
testimonial: "Amazing seafood restaurant — the best I've had. They offer a full set menu service with all types of seafood varieties. The atmosphere and the port view make it an unforgettable experience.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg",
imageAlt: "Client satisfait 4",
},
id: "review-4", name: "Anonyme", handle: "Google", testimonial: "Amazing seafood restaurant — the best I've had. They offer a full set menu service with all types of seafood varieties. The atmosphere and the port view make it an unforgettable experience.", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg", imageAlt: "Client satisfait 4"},
{
id: "review-5",
name: "Anonyme",
handle: "Restaurant Guru",
testimonial: "De passage à Monastir, je vais toujours dîner ici en famille. L'accueil est agréable, la qualité des plats est bonne et les quantités servies sont généreuses. Ça devient un passage obligatoire.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
imageAlt: "Client satisfait 5",
},
id: "review-5", name: "Anonyme", handle: "Restaurant Guru", testimonial: "De passage à Monastir, je vais toujours dîner ici en famille. L'accueil est agréable, la qualité des plats est bonne et les quantités servies sont généreuses. Ça devient un passage obligatoire.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg", imageAlt: "Client satisfait 5"},
]}
title="Ce que disent nos clients"
description="Écoutez les expériences mémorables de ceux qui ont goûté à la mer dans leur assiette chez Le Pirate."
@@ -344,19 +198,13 @@ export default function LandingPage() {
features={[
{
icon: MapPin,
title: "Adresse",
description: "Port de Pêche El Ghedir, 5000 Monastir, Tunisie",
},
title: "Adresse", description: "Port de Pêche El Ghedir, 5000 Monastir, Tunisie"},
{
icon: Phone,
title: "Téléphone",
description: "+216 73 468 126 / +216 56 771 111",
},
title: "Téléphone", description: "+216 73 468 126 / +216 56 771 111"},
{
icon: Clock,
title: "Heures d'Ouverture",
description: "Mar–Dim: 12h–16h & 19h–23h (Fermé le Lundi)",
},
title: "Heures d'Ouverture", description: "Mar–Dim: 12h–16h & 19h–23h (Fermé le Lundi)"},
]}
title="Contact & Emplacement"
description="Nous sommes impatients de vous accueillir au Restaurant Le Pirate. Retrouvez-nous facilement grâce à notre carte interactive et nos coordonnées."
@@ -370,48 +218,23 @@ export default function LandingPage() {
description="Préparez-vous à une aventure culinaire inoubliable ! Remplissez le formulaire ci-dessous pour réserver votre table ou contactez-nous directement via WhatsApp. Veuillez noter que nous sommes fermés tous les lundis."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Nom complet *",
required: true,
name: "fullName", type: "text", placeholder: "Nom complet *", required: true,
},
{
name: "phoneNumber",
type: "tel",
placeholder: "Numéro de téléphone *",
required: true,
name: "phoneNumber", type: "tel", placeholder: "Numéro de téléphone *", required: true,
},
{
name: "email",
type: "email",
placeholder: "Adresse email",
},
name: "email", type: "email", placeholder: "Adresse email"},
{
name: "reservationDate",
type: "date",
placeholder: "Date de réservation *",
required: true,
name: "reservationDate", type: "date", placeholder: "Date de réservation *", required: true,
},
]}
multiSelect={{
name: "reservationTime",
label: "Heure *",
options: [
"12h00",
"12h30",
"13h00",
"13h30",
"19h00",
"19h30",
"20h00",
"20h30",
"21h00",
],
name: "reservationTime", label: "Heure *", options: [
"12h00", "12h30", "13h00", "13h30", "19h00", "19h30", "20h00", "20h30", "21h00"],
}}
textarea={{
name: "specialRequest",
placeholder: "Message / demande spéciale",
rows: 4,
name: "specialRequest", placeholder: "Message / demande spéciale", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433859.jpg"
imageAlt="Illustration d'une table de restaurant élégante"
@@ -424,54 +247,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "Notre Histoire",
href: "#story",
},
label: "Notre Histoire", href: "#story"},
{
label: "Galerie",
href: "#gallery",
},
label: "Galerie", href: "#gallery"},
{
label: "Réservation",
href: "#reservation",
},
label: "Réservation", href: "#reservation"},
],
},
{
title: "Suivez-nous",
items: [
title: "Suivez-nous", items: [
{
label: "Facebook",
href: "https://facebook.com/piratemonastir",
},
label: "Facebook", href: "https://facebook.com/piratemonastir"},
{
label: "Instagram",
href: "https://instagram.com/pirate_monastir",
},
label: "Instagram", href: "https://instagram.com/pirate_monastir"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "contact@lepirate.net",
href: "mailto:contact@lepirate.net",
},
label: "contact@lepirate.net", href: "mailto:contact@lepirate.net"},
{
label: "Appeler",
href: "tel:+21673468126",
},
label: "Appeler", href: "tel:+21673468126"},
{
label: "WhatsApp",
href: "https://wa.me/21673468126",
},
label: "WhatsApp", href: "https://wa.me/21673468126"},
],
},
]}