Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 588d3263d0 | |||
| 46235b4756 |
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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
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 NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
@@ -32,133 +32,29 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Accueil",
|
name: "Accueil", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "menu"},
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "À Propos",
|
name: "À Propos", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Tej El Bakht"
|
brandName="Tej El Bakht"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroLogo
|
||||||
background={{
|
logoText="Tej El Bakht"
|
||||||
variant: "gradient-bars",
|
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"
|
||||||
title="Le goût authentique de la Tunisie à La Marsa"
|
imageAlt="Logo Tej El Bakht"
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Réserver", href: "#contact" },
|
||||||
text: "Réserver",
|
{ text: "Voir le menu", href: "#menu" }
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
mediaWrapperClassName="hidden lg:block"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -169,19 +65,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Star,
|
icon: Star,
|
||||||
label: "Cuisine",
|
label: "Cuisine", value: "Authentique"},
|
||||||
value: "Authentique",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Clock,
|
icon: Clock,
|
||||||
label: "Ouvert",
|
label: "Ouvert", value: "Tous les jours"},
|
||||||
value: "Tous les jours",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: MapPin,
|
icon: MapPin,
|
||||||
label: "Localisé",
|
label: "Localisé", value: "La Marsa"},
|
||||||
value: "La Marsa",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="blur-reveal"
|
metricsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -195,59 +85,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Entrées", name: "Brik à l'œuf", price: "8 TND", rating: 5,
|
||||||
brand: "Entrées",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/roasted-khingal-pieces-served-with-hot-chili-pepper-sauce_114579-2358.jpg?_wi=2"},
|
||||||
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",
|
id: "p2", brand: "Entrées", name: "Salade Méchouia", price: "12 TND", rating: 5,
|
||||||
brand: "Entrées",
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-food-near-dry-fruits-cup-drink-teapot_23-2148080943.jpg?_wi=2"},
|
||||||
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",
|
id: "p3", brand: "Plats", name: "Couscous à l'agneau", price: "25 TND", rating: 5,
|
||||||
brand: "Plats",
|
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"},
|
||||||
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",
|
id: "p4", brand: "Plats", name: "Tajine Tunisien", price: "15 TND", rating: 4,
|
||||||
brand: "Plats",
|
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-three-veegtable-olma-stuffed-with-meat-herbs_114579-1899.jpg"},
|
||||||
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",
|
id: "p5", brand: "Desserts", name: "Baklawa Tunisienne", price: "6 TND", rating: 5,
|
||||||
brand: "Desserts",
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039395.jpg"},
|
||||||
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",
|
id: "p6", brand: "Boissons", name: "Thé à la menthe", price: "4 TND", rating: 5,
|
||||||
brand: "Boissons",
|
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/traditional-meat-rice-pilaf-with-dried-fruits_140725-10082.jpg"},
|
||||||
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"
|
title="Notre Menu"
|
||||||
description="Découvrez nos spécialités traditionnelles tunisiennes préparées avec amour."
|
description="Découvrez nos spécialités traditionnelles tunisiennes préparées avec amour."
|
||||||
@@ -261,26 +115,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Salle intérieure", subtitle: "Conviviale", category: "Intérieur", value: "Design"},
|
||||||
title: "Salle intérieure",
|
|
||||||
subtitle: "Conviviale",
|
|
||||||
category: "Intérieur",
|
|
||||||
value: "Design",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Terrasse", subtitle: "Ensoleillée", category: "Extérieur", value: "Agréable"},
|
||||||
title: "Terrasse",
|
|
||||||
subtitle: "Ensoleillée",
|
|
||||||
category: "Extérieur",
|
|
||||||
value: "Agréable",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Nos Plats", subtitle: "Fraîcheur", category: "Cuisine", value: "Traditionnel"},
|
||||||
title: "Nos Plats",
|
|
||||||
subtitle: "Fraîcheur",
|
|
||||||
category: "Cuisine",
|
|
||||||
value: "Traditionnel",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Galerie"
|
title="Galerie"
|
||||||
description="Une ambiance chaleureuse pour vos repas en famille et entre amis."
|
description="Une ambiance chaleureuse pour vos repas en famille et entre amis."
|
||||||
@@ -294,40 +133,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
id: "t5", name: "Karim J.", handle: "@karimj", testimonial: "La vraie cuisine tunisienne.", imageSrc: "http://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg"},
|
||||||
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"
|
title="Ce qu'ils disent"
|
||||||
description="Les retours de nos clients fidèles."
|
description="Les retours de nos clients fidèles."
|
||||||
@@ -340,20 +154,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Faites-vous la livraison ?", content: "Oui, nous proposons un service de livraison à La Marsa."},
|
||||||
title: "Faites-vous la livraison ?",
|
|
||||||
content: "Oui, nous proposons un service de livraison à La Marsa.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Les réservations sont-elles obligatoires ?", content: "Non, mais fortement conseillées pour le week-end."},
|
||||||
title: "Les réservations sont-elles obligatoires ?",
|
|
||||||
content: "Non, mais fortement conseillées pour le week-end.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Acceptez-vous les cartes bancaires ?", content: "Oui, nous acceptons tous les paiements par carte."},
|
||||||
title: "Acceptez-vous les cartes bancaires ?",
|
|
||||||
content: "Oui, nous acceptons tous les paiements par carte.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Questions fréquentes"
|
title="Questions fréquentes"
|
||||||
description="Tout ce que vous devez savoir."
|
description="Tout ce que vous devez savoir."
|
||||||
@@ -365,34 +170,28 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Réservez votre table"
|
title="Réservez votre table"
|
||||||
description="Contactez-nous pour réserver votre table ou pour toute question."
|
description="Contactez-nous pour réserver votre table ou pour toute question."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Appeler +216 26 074 458",
|
text: "Appeler +216 26 074 458", href: "tel:+21626074458"},
|
||||||
href: "tel:+21626074458",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd1cUOrHFRYnRA2Pwv2YM1QVdg/uploaded-1776700919234-bvr2jfny.jpg"
|
||||||
logoText="Tej El Bakht"
|
logoText="Tej El Bakht"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "© 2024 Tej El Bakht",
|
text: "© 2024 Tej El Bakht", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Politique de confidentialité",
|
text: "Politique de confidentialité", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user