Merge version_2 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -7,7 +7,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
@@ -32,133 +32,29 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À Propos", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tej El Bakht"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Le goût authentique de la Tunisie à La Marsa"
|
||||
description="Découvrez l'authenticité de notre cuisine traditionnelle tunisienne, préparée chaque jour avec des produits frais. Une expérience conviviale au cœur de La Marsa."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Amine K.",
|
||||
handle: "@aminek",
|
||||
testimonial: "La meilleure cuisine traditionnelle de La Marsa ! Un pur délice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doshama-pilaf-lamb-meat-rice-mixed-dry-fruits-onion-chestnuts-top-view_141793-1773.jpg?_wi=1",
|
||||
imageAlt: "traditional tunisian dish couscous plate",
|
||||
},
|
||||
{
|
||||
name: "Sara B.",
|
||||
handle: "@sarab",
|
||||
testimonial: "Une ambiance chaleureuse et des plats comme à la maison.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-architecture_23-2151051017.jpg",
|
||||
imageAlt: "traditional tunisian dish couscous plate",
|
||||
},
|
||||
{
|
||||
name: "Hassen M.",
|
||||
handle: "@hassenm",
|
||||
testimonial: "Découverte incroyable. Le goût authentique est là.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-khingal-pieces-served-with-hot-chili-pepper-sauce_114579-2358.jpg?_wi=1",
|
||||
imageAlt: "traditional tunisian dish couscous plate",
|
||||
},
|
||||
{
|
||||
name: "Leila H.",
|
||||
handle: "@leilah",
|
||||
testimonial: "Service impeccable et terrasse très agréable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-with-rice-dry-fruits-prunes-chestnuts-spices-oil-side-view_141793-1811.jpg?_wi=1",
|
||||
imageAlt: "traditional tunisian dish couscous plate",
|
||||
},
|
||||
{
|
||||
name: "Karim J.",
|
||||
handle: "@karimj",
|
||||
testimonial: "Un restaurant incontournable à La Marsa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-food-near-dry-fruits-cup-drink-teapot_23-2148080943.jpg?_wi=1",
|
||||
imageAlt: "traditional tunisian dish couscous plate",
|
||||
},
|
||||
]}
|
||||
<HeroLogo
|
||||
logoText="Tej El Bakht"
|
||||
description="Le goût authentique de la Tunisie à La Marsa. Découvrez une cuisine traditionnelle préparée avec passion et des produits frais au quotidien."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd1cUOrHFRYnRA2Pwv2YM1QVdg/uploaded-1776700919234-bvr2jfny.jpg"
|
||||
imageAlt="Logo Tej El Bakht"
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Commander",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doshama-pilaf-lamb-meat-rice-mixed-dry-fruits-onion-chestnuts-top-view_141793-1773.jpg?_wi=2"
|
||||
imageAlt="Plat traditionnel tunisien"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491811.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Rejoint par plus de 500 gourmets"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fraîcheur",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "La Marsa",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tunisie",
|
||||
},
|
||||
{ text: "Réserver", href: "#contact" },
|
||||
{ text: "Voir le menu", href: "#menu" }
|
||||
]}
|
||||
mediaWrapperClassName="hidden lg:block"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,19 +65,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Cuisine",
|
||||
value: "Authentique",
|
||||
},
|
||||
label: "Cuisine", value: "Authentique"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Ouvert",
|
||||
value: "Tous les jours",
|
||||
},
|
||||
label: "Ouvert", value: "Tous les jours"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Localisé",
|
||||
value: "La Marsa",
|
||||
},
|
||||
label: "Localisé", value: "La Marsa"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -195,59 +85,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Entrées",
|
||||
name: "Brik à l'œuf",
|
||||
price: "8 TND",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-khingal-pieces-served-with-hot-chili-pepper-sauce_114579-2358.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Entrées", name: "Brik à l'œuf", price: "8 TND", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/roasted-khingal-pieces-served-with-hot-chili-pepper-sauce_114579-2358.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Entrées",
|
||||
name: "Salade Méchouia",
|
||||
price: "12 TND",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-food-near-dry-fruits-cup-drink-teapot_23-2148080943.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Entrées", name: "Salade Méchouia", price: "12 TND", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-food-near-dry-fruits-cup-drink-teapot_23-2148080943.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Plats",
|
||||
name: "Couscous à l'agneau",
|
||||
price: "25 TND",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-with-rice-dry-fruits-prunes-chestnuts-spices-oil-side-view_141793-1811.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "Plats", name: "Couscous à l'agneau", price: "25 TND", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/meat-with-rice-dry-fruits-prunes-chestnuts-spices-oil-side-view_141793-1811.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Plats",
|
||||
name: "Tajine Tunisien",
|
||||
price: "15 TND",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-three-veegtable-olma-stuffed-with-meat-herbs_114579-1899.jpg",
|
||||
},
|
||||
id: "p4", brand: "Plats", name: "Tajine Tunisien", price: "15 TND", rating: 4,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-three-veegtable-olma-stuffed-with-meat-herbs_114579-1899.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Desserts",
|
||||
name: "Baklawa Tunisienne",
|
||||
price: "6 TND",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039395.jpg",
|
||||
},
|
||||
id: "p5", brand: "Desserts", name: "Baklawa Tunisienne", price: "6 TND", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039395.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Boissons",
|
||||
name: "Thé à la menthe",
|
||||
price: "4 TND",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-meat-rice-pilaf-with-dried-fruits_140725-10082.jpg",
|
||||
},
|
||||
id: "p6", brand: "Boissons", name: "Thé à la menthe", price: "4 TND", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/traditional-meat-rice-pilaf-with-dried-fruits_140725-10082.jpg"},
|
||||
]}
|
||||
title="Notre Menu"
|
||||
description="Découvrez nos spécialités traditionnelles tunisiennes préparées avec amour."
|
||||
@@ -261,26 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Salle intérieure",
|
||||
subtitle: "Conviviale",
|
||||
category: "Intérieur",
|
||||
value: "Design",
|
||||
},
|
||||
id: "f1", title: "Salle intérieure", subtitle: "Conviviale", category: "Intérieur", value: "Design"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Terrasse",
|
||||
subtitle: "Ensoleillée",
|
||||
category: "Extérieur",
|
||||
value: "Agréable",
|
||||
},
|
||||
id: "f2", title: "Terrasse", subtitle: "Ensoleillée", category: "Extérieur", value: "Agréable"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Nos Plats",
|
||||
subtitle: "Fraîcheur",
|
||||
category: "Cuisine",
|
||||
value: "Traditionnel",
|
||||
},
|
||||
id: "f3", title: "Nos Plats", subtitle: "Fraîcheur", category: "Cuisine", value: "Traditionnel"},
|
||||
]}
|
||||
title="Galerie"
|
||||
description="Une ambiance chaleureuse pour vos repas en famille et entre amis."
|
||||
@@ -294,40 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amine K.",
|
||||
handle: "@aminek",
|
||||
testimonial: "Excellent service et plats incroyables.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
},
|
||||
id: "t1", name: "Amine K.", handle: "@aminek", testimonial: "Excellent service et plats incroyables.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sara B.",
|
||||
handle: "@sarab",
|
||||
testimonial: "Un lieu magnifique à La Marsa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
id: "t2", name: "Sara B.", handle: "@sarab", testimonial: "Un lieu magnifique à La Marsa.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Hassen M.",
|
||||
handle: "@hassenm",
|
||||
testimonial: "Je reviendrai sans hésiter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
|
||||
},
|
||||
id: "t3", name: "Hassen M.", handle: "@hassenm", testimonial: "Je reviendrai sans hésiter.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Leila H.",
|
||||
handle: "@leilah",
|
||||
testimonial: "Parfait pour une soirée en famille.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
},
|
||||
id: "t4", name: "Leila H.", handle: "@leilah", testimonial: "Parfait pour une soirée en famille.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karim J.",
|
||||
handle: "@karimj",
|
||||
testimonial: "La vraie cuisine tunisienne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg",
|
||||
},
|
||||
id: "t5", name: "Karim J.", handle: "@karimj", testimonial: "La vraie cuisine tunisienne.", imageSrc: "http://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg"},
|
||||
]}
|
||||
title="Ce qu'ils disent"
|
||||
description="Les retours de nos clients fidèles."
|
||||
@@ -340,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Faites-vous la livraison ?",
|
||||
content: "Oui, nous proposons un service de livraison à La Marsa.",
|
||||
},
|
||||
id: "q1", title: "Faites-vous la livraison ?", content: "Oui, nous proposons un service de livraison à La Marsa."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Les réservations sont-elles obligatoires ?",
|
||||
content: "Non, mais fortement conseillées pour le week-end.",
|
||||
},
|
||||
id: "q2", title: "Les réservations sont-elles obligatoires ?", content: "Non, mais fortement conseillées pour le week-end."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Acceptez-vous les cartes bancaires ?",
|
||||
content: "Oui, nous acceptons tous les paiements par carte.",
|
||||
},
|
||||
id: "q3", title: "Acceptez-vous les cartes bancaires ?", content: "Oui, nous acceptons tous les paiements par carte."},
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir."
|
||||
@@ -365,34 +170,28 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Réservez votre table"
|
||||
description="Contactez-nous pour réserver votre table ou pour toute question."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler +216 26 074 458",
|
||||
href: "tel:+21626074458",
|
||||
},
|
||||
text: "Appeler +216 26 074 458", href: "tel:+21626074458"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd1cUOrHFRYnRA2Pwv2YM1QVdg/uploaded-1776700919234-bvr2jfny.jpg"
|
||||
logoText="Tej El Bakht"
|
||||
leftLink={{
|
||||
text: "© 2024 Tej El Bakht",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Tej El Bakht", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Politique de confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Politique de confidentialité", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user