Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f4d98cdebf | |||
| 66981cdd30 |
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avis", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dar Lwalida"
|
||||
/>
|
||||
@@ -56,71 +48,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Authentic Moroccan Flavors in the Heart of Rabat"
|
||||
description="Experience the warmth and heritage of traditional Moroccan cuisine at Dar Lwalida, where family recipes meet culinary excellence."
|
||||
variant: "radial-gradient"}}
|
||||
title="Saveurs Marocaines Authentiques au Cœur de Rabat"
|
||||
description="Découvrez la chaleur et l'héritage de la cuisine marocaine traditionnelle chez Dar Lwalida, où les recettes familiales rencontrent l'excellence culinaire."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9", label: "Note Google"},
|
||||
{
|
||||
value: "300+",
|
||||
label: "Customer Reviews",
|
||||
},
|
||||
value: "300+", label: "Avis Clients"},
|
||||
{
|
||||
value: "50 MAD",
|
||||
label: "Avg Price",
|
||||
},
|
||||
value: "50 MAD", label: "Prix Moyen"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10718.jpg",
|
||||
alt: "Satisfied diner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10718.jpg", alt: "Satisfied diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg",
|
||||
alt: "Satisfied diner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg", alt: "Satisfied diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg",
|
||||
alt: "Satisfied diner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg", alt: "Satisfied diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood-funny-surprised-face-expression_285396-10736.jpg",
|
||||
alt: "Satisfied diner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood-funny-surprised-face-expression_285396-10736.jpg", alt: "Satisfied diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg",
|
||||
alt: "Satisfied diner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg", alt: "Satisfied diner 5"},
|
||||
]}
|
||||
avatarText="Loved by thousands"
|
||||
avatarText="Adoré par des milliers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic",
|
||||
},
|
||||
type: "text", text: "Authentique"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional",
|
||||
},
|
||||
type: "text", text: "Traditionnel"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Homemade",
|
||||
},
|
||||
type: "text", text: "Fait Maison"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family-run",
|
||||
},
|
||||
type: "text", text: "Familial"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local",
|
||||
},
|
||||
type: "text", text: "Local"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,21 +94,15 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Excellence"
|
||||
description="For years, Dar Lwalida has been committed to serving the most authentic Moroccan dishes. From slow-cooked tagines to fresh couscous, we honor the rich culinary heritage of our land."
|
||||
title="Une Tradition d'Excellence"
|
||||
description="Depuis des années, Dar Lwalida s'engage à servir les plats marocains les plus authentiques. Des tajines mijotés au couscous frais, nous honorons le riche patrimoine culinaire de notre terre."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm-to-Table",
|
||||
description: "We source the freshest local ingredients daily.",
|
||||
},
|
||||
title: "Du Producteur à l'Assiette", description: "Nous sélectionnons quotidiennement les ingrédients locaux les plus frais."},
|
||||
{
|
||||
title: "Traditional Methods",
|
||||
description: "Every dish is prepared using time-honored techniques.",
|
||||
},
|
||||
title: "Méthodes Traditionnelles", description: "Chaque plat est préparé selon des techniques ancestrales."},
|
||||
{
|
||||
title: "Warm Hospitality",
|
||||
description: "Our doors are always open for a hearty Moroccan meal.",
|
||||
},
|
||||
title: "Hospitalité Chaleureuse", description: "Nos portes sont toujours ouvertes pour un copieux repas marocain."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greek-salad-table_140725-7343.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -158,50 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Lamb Tagine",
|
||||
price: "75 MAD",
|
||||
variant: "Meat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chopped-meat-with-herbs-side-tomatoes_140725-2748.jpg",
|
||||
},
|
||||
id: "1", name: "Tajine d'Agneau Classique", price: "75 MAD", variant: "Viande", imageSrc: "http://img.b2bpic.net/free-photo/fried-chopped-meat-with-herbs-side-tomatoes_140725-2748.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Traditional Couscous",
|
||||
price: "60 MAD",
|
||||
variant: "Vegetarian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paleo-turkey-meatball-soup-green-background_127032-3387.jpg",
|
||||
},
|
||||
id: "2", name: "Couscous Traditionnel", price: "60 MAD", variant: "Végétarien", imageSrc: "http://img.b2bpic.net/free-photo/paleo-turkey-meatball-soup-green-background_127032-3387.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chicken Pastilla",
|
||||
price: "85 MAD",
|
||||
variant: "Sweet & Savory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-with-meat-delicious-dough-meal-inside-plate-blue-rustic-surface_140725-44116.jpg",
|
||||
},
|
||||
id: "3", name: "Pastilla au Poulet", price: "85 MAD", variant: "Sucré & Salé", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-with-meat-delicious-dough-meal-inside-plate-blue-rustic-surface_140725-44116.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Royal Mint Tea",
|
||||
price: "15 MAD",
|
||||
variant: "Beverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-silver-teapot-with-golden-glasses_181624-9065.jpg",
|
||||
},
|
||||
id: "4", name: "Thé à la Menthe Royal", price: "15 MAD", variant: "Boisson", imageSrc: "http://img.b2bpic.net/free-photo/elegant-silver-teapot-with-golden-glasses_181624-9065.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Authentic Harira Soup",
|
||||
price: "30 MAD",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-vegetable-soup-inside-plate-with-tomatoes-lemon-dark-surface_140725-44295.jpg",
|
||||
},
|
||||
id: "5", name: "Soupe Harira Authentique", price: "30 MAD", variant: "Entrée", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-vegetable-soup-inside-plate-with-tomatoes-lemon-dark-surface_140725-44295.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Assorted Moroccan Pastries",
|
||||
price: "25 MAD",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-delight-oriental-sweets_114579-14948.jpg",
|
||||
},
|
||||
id: "6", name: "Pâtisseries Marocaines Assorties", price: "25 MAD", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-delight-oriental-sweets_114579-14948.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Discover the true taste of Morocco with our curated selection of classic dishes."
|
||||
title="Notre Menu Signature"
|
||||
description="Découvrez le vrai goût du Maroc avec notre sélection soignée de plats classiques."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,29 +142,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Meals Served",
|
||||
description: "Happy diners served to date.",
|
||||
icon: Award,
|
||||
id: "m1", value: "15K+", title: "Repas Servis", description: "Diners satisfaits servis à ce jour.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Years Active",
|
||||
description: "Consistent quality since our beginning.",
|
||||
icon: Calendar,
|
||||
id: "m2", value: "12", title: "Années d'Activité", description: "Qualité constante depuis nos débuts.", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Awards",
|
||||
description: "Recognized for our authentic flavor.",
|
||||
icon: Star,
|
||||
id: "m3", value: "5+", title: "Prix", description: "Reconnus pour notre saveur authentique.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Culinary Journey"
|
||||
description="Reflecting our dedication to service and authentic taste."
|
||||
title="Notre Parcours Culinaire"
|
||||
description="Reflétant notre dévouement au service et au goût authentique."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,48 +164,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mansouri",
|
||||
role: "Food Critic",
|
||||
company: "Rabat Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10312.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Mansouri", role: "Critique Gastronomique", company: "Rabat Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10312.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ali Hassan",
|
||||
role: "Traveler",
|
||||
company: "Trip Advisor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-colored-coffee_1321-880.jpg",
|
||||
},
|
||||
id: "2", name: "Ali Hassan", role: "Voyageur", company: "Trip Advisor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-colored-coffee_1321-880.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
role: "Local",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-creating-food-content-upload-internet-food-lovers_23-2151461660.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Watson", role: "Locale", company: "Résidente", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-creating-food-content-upload-internet-food-lovers_23-2151461660.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Karim Bennani",
|
||||
role: "Food Blogger",
|
||||
company: "TastyMorocco",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
|
||||
},
|
||||
id: "4", name: "Karim Bennani", role: "Blogueur Culinaire", company: "TastyMorocco", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatima Zahra",
|
||||
role: "Diner",
|
||||
company: "Loyal Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
|
||||
},
|
||||
id: "5", name: "Fatima Zahra", role: "Cliente", company: "Cliente Fidèle", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Authentic reviews from those who love our food."
|
||||
title="Ce Que Disent Nos Clients"
|
||||
description="Avis authentiques de ceux qui apprécient notre cuisine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,16 +189,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FoodAdvisor Rabat",
|
||||
"Gourmet Guide Morocco",
|
||||
"Rabat Cultural Portal",
|
||||
"Culinary Awards",
|
||||
"Local Review Network",
|
||||
"Authentic Flavor Council",
|
||||
"Moroccan Hospitality Hub",
|
||||
]}
|
||||
title="Trusted by Local Food Experts"
|
||||
description="We are honored to be featured and recognized by the community."
|
||||
"FoodAdvisor Rabat", "Gourmet Guide Maroc", "Portail Culturel de Rabat", "Prix Culinaires", "Réseau d'Avis Local", "Conseil Saveur Authentique", "Hub de l'Hospitalité Marocaine"]}
|
||||
title="Approuvé par les Experts Culinaires Locaux"
|
||||
description="Nous sommes honorés d'être présentés et reconnus par la communauté."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -315,23 +200,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we are available on Glovo for your convenience.",
|
||||
},
|
||||
id: "1", title: "Proposez-vous la livraison ?", content: "Oui, nous sommes disponibles sur Glovo pour votre commodité."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Absolutely! We serve traditional vegetarian couscous and other fresh vegetable dishes.",
|
||||
},
|
||||
id: "2", title: "Y a-t-il des options végétariennes ?", content: "Absolument ! Nous servons du couscous végétarien traditionnel et d'autres plats de légumes frais."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "Yes, we recommend booking in advance, especially during weekends.",
|
||||
},
|
||||
id: "3", title: "Puis-je réserver une table ?", content: "Oui, nous recommandons de réserver à l'avance, surtout pendant les week-ends."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about Dar Lwalida."
|
||||
sideTitle="Questions Fréquentes"
|
||||
sideDescription="Tout ce que vous devez savoir sur Dar Lwalida."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -340,12 +216,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Join Us for a Meal"
|
||||
description="Located at 292 Ave Mohammed V, Rabat. We look forward to welcoming you soon."
|
||||
buttonText="Check Location"
|
||||
variant: "plain"}}
|
||||
tag="Visitez-nous"
|
||||
title="Rejoignez-nous pour un repas"
|
||||
description="Situé au 292 Ave Mohammed V, Rabat. Nous avons hâte de vous accueillir bientôt."
|
||||
buttonText="Voir l'emplacement"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -353,33 +228,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Politique de Confidentialité", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Conditions d'Utilisation", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -389,4 +252,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user