Update src/app/page.tsx
This commit is contained in:
421
src/app/page.tsx
421
src/app/page.tsx
@@ -27,313 +27,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Offres",
|
||||
id: "offers",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Faissal Food"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Offres", id: "offers" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Faissal Food"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Faissal Food"
|
||||
description="Le goût du vrai fast-food premium\nأفضل تجربة فاست فود فاخرة في خنيفرة"
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander Maintenant",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/212623232758",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-curd-with-chocolate-cookies_114579-19109.jpg"
|
||||
imageAlt="Luxury Fast Food Cinematic"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/roasted-meat-spices_23-2147717009.jpg",
|
||||
alt: "Roasted meat and spices",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tagliatelle-with-basil-desk_23-2148567096.jpg",
|
||||
alt: "Tagliatelle with basil on desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/raisins-bowl-rice-pudding-blue-background-high-quality-photo_114579-75430.jpg",
|
||||
alt: "Raisins on a bowl of rice pudding",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-raw-eggplants-arrangement_23-2150317352.jpg",
|
||||
alt: "Fresh raw eggplants arrangement",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-colorful-easter-egg-pattern-made-blue-black-minimal-easter-concept_559531-11092.jpg",
|
||||
alt: "Modern Colorful Easter egg pattern",
|
||||
},
|
||||
]}
|
||||
avatarText="Rejoint par plus de 500 gourmets"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Faissal Food"
|
||||
description="Le goût du vrai fast-food premium
|
||||
أفضل تجربة فاست فود فاخرة في خنيفرة"
|
||||
buttons={[
|
||||
{ text: "Commander Maintenant", href: "#menu" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/212623232758" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-curd-with-chocolate-cookies_114579-19109.jpg"
|
||||
imageAlt="Luxury Fast Food Cinematic"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/roasted-meat-spices_23-2147717009.jpg", alt: "Roasted meat and spices" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tagliatelle-with-basil-desk_23-2148567096.jpg", alt: "Tagliatelle with basil on desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/raisins-bowl-rice-pudding-blue-background-high-quality-photo_114579-75430.jpg", alt: "Raisins on a bowl of rice pudding" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fresh-raw-eggplants-arrangement_23-2150317352.jpg", alt: "Fresh raw eggplants arrangement" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-colorful-easter-egg-pattern-made-blue-black-minimal-easter-concept_559531-11092.jpg", alt: "Modern Colorful Easter egg pattern" },
|
||||
]}
|
||||
avatarText="Rejoint par plus de 500 gourmets"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Burger Gourmet",
|
||||
price: "75 DH",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Signature",
|
||||
name: "Pizza Royale",
|
||||
price: "95 DH",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-fast-food-pizza-with-full-vegetables-greenery_114579-1960.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Chef's Choice",
|
||||
name: "Tacos Spécial",
|
||||
price: "60 DH",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-burrito-with-purple-background_23-2148329131.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Signature",
|
||||
name: "Shawarma Luxe",
|
||||
price: "55 DH",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-sandwich-sandwich-made-meat-grilled-spit-with-vegetables-dark-blue-desk-sandwich-burger-food-meal-lunch-meat_140725-64954.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Signature",
|
||||
name: "Fried Chicken",
|
||||
price: "85 DH",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-rustic-wooden-table_84443-74897.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Sweet",
|
||||
name: "Dessert Gastronomique",
|
||||
price: "40 DH",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-ice-cream-flowers-blue-plate_23-2151973733.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos Délices Premium"
|
||||
description="Une sélection culinaire préparée avec des ingrédients d'excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Burger Gourmet", price: "75 DH", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg" },
|
||||
{ id: "2", brand: "Signature", name: "Pizza Royale", price: "95 DH", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/italian-fast-food-pizza-with-full-vegetables-greenery_114579-1960.jpg" },
|
||||
{ id: "3", brand: "Chef's Choice", name: "Tacos Spécial", price: "60 DH", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-burrito-with-purple-background_23-2148329131.jpg" },
|
||||
{ id: "4", brand: "Signature", name: "Shawarma Luxe", price: "55 DH", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-sandwich-sandwich-made-meat-grilled-spit-with-vegetables-dark-blue-desk-sandwich-burger-food-meal-lunch-meat_140725-64954.jpg" },
|
||||
{ id: "5", brand: "Signature", name: "Fried Chicken", price: "85 DH", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-rustic-wooden-table_84443-74897.jpg" },
|
||||
{ id: "6", brand: "Sweet", name: "Dessert Gastronomique", price: "40 DH", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-ice-cream-flowers-blue-plate_23-2151973733.jpg" },
|
||||
]}
|
||||
title="Nos Délices Premium"
|
||||
description="Une sélection culinaire préparée avec des ingrédients d'excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="offers" data-section="offers">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "c1",
|
||||
badge: "50% OFF",
|
||||
price: "99 DH",
|
||||
subtitle: "Combo Solo Elite",
|
||||
features: [
|
||||
"Burger Gourmet",
|
||||
"Frites Premium",
|
||||
"Boisson Luxe",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
badge: "PROMO",
|
||||
price: "149 DH",
|
||||
subtitle: "Combo Duo Royal",
|
||||
features: [
|
||||
"2x Pizza Royale",
|
||||
"Plateau Partage",
|
||||
"Dessert Gourmet",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
badge: "VIP",
|
||||
price: "199 DH",
|
||||
subtitle: "Combo Famille",
|
||||
features: [
|
||||
"3x Burgers",
|
||||
"Grand Shawarma",
|
||||
"Boissons Variées",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Offres Spéciales"
|
||||
description="Profitez de nos combos à prix réduits pour une expérience inoubliable."
|
||||
/>
|
||||
</div>
|
||||
<div id="offers" data-section="offers">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "c1", badge: "50% OFF", price: "99 DH", subtitle: "Combo Solo Elite", features: ["Burger Gourmet", "Frites Premium", "Boisson Luxe"] },
|
||||
{ id: "c2", badge: "PROMO", price: "149 DH", subtitle: "Combo Duo Royal", features: ["2x Pizza Royale", "Plateau Partage", "Dessert Gourmet"] },
|
||||
{ id: "c3", badge: "VIP", price: "199 DH", subtitle: "Combo Famille", features: ["3x Burgers", "Grand Shawarma", "Boissons Variées"] },
|
||||
]}
|
||||
title="Offres Spéciales"
|
||||
description="Profitez de nos combos à prix réduits pour une expérience inoubliable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed K.",
|
||||
handle: "Habitué",
|
||||
testimonial: "Best burgers in Khénifra. Une qualité exceptionnelle !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara B.",
|
||||
handle: "Foodie",
|
||||
testimonial: "Amazing quality and fast delivery. 5 étoiles largement méritées.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Youssef M.",
|
||||
handle: "Client VIP",
|
||||
testimonial: "The website and food look premium. Une expérience parfaite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-using-smart-phone-cafe_637285-8946.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fatima Z.",
|
||||
handle: "Fan",
|
||||
testimonial: "Delicious tacos and excellent service. Service très rapide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar F.",
|
||||
handle: "Expert",
|
||||
testimonial: "Qualité constante et ambiance très chic. Je recommande.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg",
|
||||
},
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="La satisfaction de nos convives est notre plus grande réussite."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ahmed K.", handle: "Habitué", testimonial: "Best burgers in Khénifra. Une qualité exceptionnelle !", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg" },
|
||||
{ id: "2", name: "Sara B.", handle: "Foodie", testimonial: "Amazing quality and fast delivery. 5 étoiles largement méritées.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg" },
|
||||
{ id: "3", name: "Youssef M.", handle: "Client VIP", testimonial: "The website and food look premium. Une expérience parfaite.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-using-smart-phone-cafe_637285-8946.jpg" },
|
||||
{ id: "4", name: "Fatima Z.", handle: "Fan", testimonial: "Delicious tacos and excellent service. Service très rapide.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
|
||||
{ id: "5", name: "Omar F.", handle: "Expert", testimonial: "Qualité constante et ambiance très chic. Je recommande.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg" },
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="La satisfaction de nos convives est notre plus grande réussite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cuisine",
|
||||
description: "Maîtrise du feu et des saveurs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-tomahawk-beef-steak-gourmet-dish-stove_482257-121134.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ambiance",
|
||||
description: "Un cadre luxueux et moderne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg",
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
description: "Prestation rapide et attentionnée.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-her-partner-sitting-chair-caf_23-2147876647.jpg",
|
||||
},
|
||||
]}
|
||||
title="Cinematic Gallery"
|
||||
description="Plongez dans l'univers culinaire de Faissal Food."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Cuisine", description: "Maîtrise du feu et des saveurs.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-tomahawk-beef-steak-gourmet-dish-stove_482257-121134.jpg" },
|
||||
{ title: "Ambiance", description: "Un cadre luxueux et moderne.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg" },
|
||||
{ title: "Service", description: "Prestation rapide et attentionnée.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-her-partner-sitting-chair-caf_23-2147876647.jpg" },
|
||||
]}
|
||||
title="Cinematic Gallery"
|
||||
description="Plongez dans l'univers culinaire de Faissal Food."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Faissal Food Khénifra"
|
||||
description="Fondé sur la passion du goût, Faissal Food propose une fusion unique entre fast-food et luxe gastronomique au cœur de Khénifra."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Faissal Food Khénifra"
|
||||
description="Fondé sur la passion du goût, Faissal Food propose une fusion unique entre fast-food et luxe gastronomique au cœur de Khénifra."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Commandez Maintenant"
|
||||
description="W8QG+2MX, Khénifra, Morocco | 06 23 23 27 58"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact"
|
||||
title="Commandez Maintenant"
|
||||
description="W8QG+2MX, Khénifra, Morocco | 06 23 23 27 58"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/d-rendering-black-background-product-podium-stand-studio_1258-112112.jpg"
|
||||
logoText="Faissal Food"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/d-rendering-black-background-product-podium-stand-studio_1258-112112.jpg"
|
||||
logoText="Faissal Food"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Légal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user