Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,28 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Histoire",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Histoire", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shanghai Garden"
|
||||
button={{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Réserver", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,41 +46,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Shanghai Garden"
|
||||
description="Cuisine mandarine authentique à Casablanca depuis 2003. Un voyage culinaire unique au cœur du Maârif."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Commander",
|
||||
href: "https://glovoapp.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Réserver une table", href: "#contact" }, { text: "Commander", href: "https://glovoapp.com" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soy-sauce-near-noodles-vegetables_23-2147747086.jpg?_wi=1",
|
||||
imageAlt: "Ambiance restaurant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516947.jpg",
|
||||
imageAlt: "Dim Sum",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-asian-dish-with-chopsticks-rice_23-2148694368.jpg",
|
||||
imageAlt: "Agneau Cumin",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cook-cleaning-shrimp-kitchen_23-2150238998.jpg",
|
||||
imageAlt: "Fruits de mer",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091586.jpg",
|
||||
imageAlt: "Soupe nouilles",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-break-with-black-kettle-glasses-tea-sweet-surrender_114579-2349.jpg",
|
||||
imageAlt: "Thés",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/soy-sauce-near-noodles-vegetables_23-2147747086.jpg", imageAlt: "Ambiance restaurant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516947.jpg", imageAlt: "Dim Sum" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-asian-dish-with-chopsticks-rice_23-2148694368.jpg", imageAlt: "Agneau Cumin" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cook-cleaning-shrimp-kitchen_23-2150238998.jpg", imageAlt: "Fruits de mer" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091586.jpg", imageAlt: "Soupe nouilles" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tea-break-with-black-kettle-glasses-tea-sweet-surrender_114579-2349.jpg", imageAlt: "Thés" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,7 +66,7 @@ export default function LandingPage() {
|
||||
description="Shanghai Garden est né d'une passion pour la cuisine mandarine traditionnelle. Fondé en 2003, notre établissement marie subtilement les traditions culinaires chinoises avec le raffinement marocain."
|
||||
subdescription="Chaque plat est une invitation au voyage, préparé avec des ingrédients frais pour garantir une expérience gustative inoubliable."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-girl-eating-sushi-traditional-japanese-restaurant_627829-6752.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-girl-eating-sushi-traditional-japanese-restaurant_627829-6752.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -120,42 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Dim Sum Maison",
|
||||
price: "60 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marshmallows-vintage-box_501050-6.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Agneau au Cumin",
|
||||
price: "120 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-clams-served-with-three-flavored-sauce-served-with-steamed-rice-asian-seafood-concept_1150-23606.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Calamars Sizzling",
|
||||
price: "110 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-charred-octopus_74190-773.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tofu Épicé",
|
||||
price: "75 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-8206.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Soupe Nouilles",
|
||||
price: "85 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678736.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sélection Thés",
|
||||
price: "40 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-figs-tea-top-view_114579-17518.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Dim Sum Maison", price: "60 MAD", imageSrc: "http://img.b2bpic.net/free-photo/marshmallows-vintage-box_501050-6.jpg" },
|
||||
{ id: "p2", name: "Agneau au Cumin", price: "120 MAD", imageSrc: "http://img.b2bpic.net/free-photo/dried-clams-served-with-three-flavored-sauce-served-with-steamed-rice-asian-seafood-concept_1150-23606.jpg" },
|
||||
{ id: "p3", name: "Calamars Sizzling", price: "110 MAD", imageSrc: "http://img.b2bpic.net/free-photo/grilled-charred-octopus_74190-773.jpg" },
|
||||
{ id: "p4", name: "Tofu Épicé", price: "75 MAD", imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-8206.jpg" },
|
||||
{ id: "p5", name: "Soupe Nouilles", price: "85 MAD", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678736.jpg" },
|
||||
{ id: "p6", name: "Sélection Thés", price: "40 MAD", imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-figs-tea-top-view_114579-17518.jpg" },
|
||||
]}
|
||||
title="Nos spécialités"
|
||||
description="Découvrez notre carte riche et variée, fidèle aux recettes mandarines authentiques."
|
||||
@@ -169,28 +97,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sur place",
|
||||
description: "Atmosphère zen et décor unique.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chat-message-box-front-side_187299-39406.jpg",
|
||||
imageAlt: "tripadvisor logo branding",
|
||||
title: "Sur place", description: "Atmosphère zen et décor unique.", bentoComponent: "reveal-icon", icon: Utensils,
|
||||
},
|
||||
{
|
||||
title: "À emporter",
|
||||
description: "Préparez vos plats préférés.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShoppingBag,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soy-sauce-near-noodles-vegetables_23-2147747086.jpg?_wi=2",
|
||||
imageAlt: "tripadvisor logo branding",
|
||||
title: "À emporter", description: "Préparez vos plats préférés.", bentoComponent: "reveal-icon", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
title: "Livraison Glovo",
|
||||
description: "Le goût de la Chine chez vous.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Car,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-eating-sushi-traditional-japanese-restaurant_627829-6752.jpg?_wi=2",
|
||||
imageAlt: "tripadvisor logo branding",
|
||||
title: "Livraison Glovo", description: "Le goût de la Chine chez vous.", bentoComponent: "reveal-icon", icon: Car,
|
||||
},
|
||||
]}
|
||||
title="Nos services"
|
||||
@@ -205,46 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mansouri",
|
||||
role: "Habituée",
|
||||
company: "Maârif",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chen Wei",
|
||||
role: "Expatrié",
|
||||
company: "Casa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marc Dupont",
|
||||
role: "Pro",
|
||||
company: "Casablanca",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-sitting-table_23-2147810816.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leila B.",
|
||||
role: "Famille",
|
||||
company: "Casa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-toast-while-enjoying-lunch-with-her-friends-home_637285-5886.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Smith",
|
||||
role: "Touriste",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-reunion-dinner-scene-with-delicious-food_23-2151040714.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Mansouri", role: "Habituée", company: "Maârif", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
|
||||
{ id: "2", name: "Chen Wei", role: "Expatrié", company: "Casa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
|
||||
{ id: "3", name: "Marc Dupont", role: "Pro", company: "Casablanca", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-family-sitting-table_23-2147810816.jpg" },
|
||||
{ id: "4", name: "Leila B.", role: "Famille", company: "Casa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-toast-while-enjoying-lunch-with-her-friends-home_637285-5886.jpg" },
|
||||
{ id: "5", name: "John Smith", role: "Touriste", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-reunion-dinner-scene-with-delicious-food_23-2151040714.jpg" },
|
||||
]}
|
||||
title="Avis de nos clients"
|
||||
description="Plus de 5000 avis positifs soulignent notre engagement envers l'authenticité."
|
||||
@@ -255,15 +133,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TripAdvisor",
|
||||
"Glovo",
|
||||
"Google",
|
||||
"Yelp",
|
||||
"Zomato",
|
||||
"Trustpilot",
|
||||
"RestaurantGuru",
|
||||
]}
|
||||
names={["TripAdvisor", "Glovo", "Google", "Yelp", "Zomato", "Trustpilot", "RestaurantGuru"]}
|
||||
title="Reconnu par tous"
|
||||
description="Une réputation solide construite au fil des années grâce à notre cuisine."
|
||||
/>
|
||||
@@ -274,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quels sont vos horaires ?",
|
||||
content: "Ouvert tous les jours de 12h à 23h.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Proposez-vous la livraison ?",
|
||||
content: "Oui, via Glovo en soirée.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Le restaurant est-il adapté aux enfants ?",
|
||||
content: "Absolument, des plats adaptés sont disponibles.",
|
||||
},
|
||||
{ id: "f1", title: "Quels sont vos horaires ?", content: "Ouvert tous les jours de 12h à 23h." },
|
||||
{ id: "f2", title: "Proposez-vous la livraison ?", content: "Oui, via Glovo en soirée." },
|
||||
{ id: "f3", title: "Le restaurant est-il adapté aux enfants ?", content: "Absolument, des plats adaptés sont disponibles." },
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Besoin d'informations sur nos services ?"
|
||||
@@ -299,22 +157,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact"
|
||||
title="Réservez votre table"
|
||||
description="Rue Mamoun Mohamed, Maârif, Casablanca. +212 5229-43531. Appelez-nous ou réservez en ligne."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:+212522943531",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/212522943531",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Appeler maintenant", href: "tel:+212522943531" }, { text: "WhatsApp", href: "https://wa.me/212522943531" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -322,45 +169,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Shanghai Garden"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Spécialités",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Nos plats",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informations",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Spécialités", href: "#menu" }, { label: "Nos plats", href: "#menu" }] },
|
||||
{ title: "Informations", items: [{ label: "À propos", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Shanghai Garden. Tous droits réservés."
|
||||
/>
|
||||
@@ -368,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user