Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avis", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ti Milo"
|
||||
/>
|
||||
@@ -55,56 +47,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Ti Milo - Spécialités Antillaises"
|
||||
description="L'authentique cuisine des Antilles au cœur de Guyancourt. Découvrez nos bokits traditionnels, agoulous et saveurs exotiques faites maison."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-summer-digital-art-illustration_23-2151242895.jpg"
|
||||
imageAlt="Plats antillais traditionnels"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/silhouette-bower-beach_1339-2655.jpg",
|
||||
alt: "silhouette bower on the beach",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/silhouette-bower-beach_1339-2655.jpg", alt: "silhouette bower on the beach"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg",
|
||||
alt: "beach chair summer sky white",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg", alt: "beach chair summer sky white"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318389.jpg",
|
||||
alt: "Still life of cocktail on tablecloth",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318389.jpg", alt: "Still life of cocktail on tablecloth"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-with-candy-stand_23-2148311223.jpg",
|
||||
alt: "Arrangement with candy on a stand",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-with-candy-stand_23-2148311223.jpg", alt: "Arrangement with candy on a stand"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-surprising-his-friend-holding-her-hands-restaurant_23-2149316778.jpg",
|
||||
alt: "Senior man surprising his friend",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-surprising-his-friend-holding-her-hands-restaurant_23-2149316778.jpg", alt: "Senior man surprising his friend"},
|
||||
]}
|
||||
avatarText="Rejoint par plus de 500 gourmets"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fait Maison",
|
||||
},
|
||||
type: "text", text: "Fait Maison"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ingrédients Frais",
|
||||
},
|
||||
type: "text", text: "Ingrédients Frais"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Saveurs Créoles",
|
||||
},
|
||||
type: "text", text: "Saveurs Créoles"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Service Rapide",
|
||||
},
|
||||
type: "text", text: "Service Rapide"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiance Chaleureuse",
|
||||
},
|
||||
type: "text", text: "Ambiance Chaleureuse"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,29 +87,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Note Moyenne",
|
||||
value: "4.8",
|
||||
},
|
||||
label: "Note Moyenne", value: "4.8"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients Heureux",
|
||||
value: "129+",
|
||||
},
|
||||
label: "Clients Heureux", value: "129+"},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Saveurs Uniques",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Saveurs Uniques", value: "100%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Chefs Experts",
|
||||
value: "3",
|
||||
},
|
||||
label: "Chefs Experts", value: "3"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Service Quotidien",
|
||||
value: "12h/jour",
|
||||
},
|
||||
label: "Service Quotidien", value: "12h/jour"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bokit Jambon Fromage",
|
||||
price: "12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-sandwiches-with-green-salad-tomatoes-along-with-green-bell-pepper-bread-lemon-blue_140725-30119.jpg",
|
||||
},
|
||||
id: "p1", name: "Bokit Jambon Fromage", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/tasty-sandwiches-with-green-salad-tomatoes-along-with-green-bell-pepper-bread-lemon-blue_140725-30119.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Agoulou Old School",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-putting-meat-salad-plate_23-2148301303.jpg",
|
||||
},
|
||||
id: "p2", name: "Agoulou Old School", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/person-putting-meat-salad-plate_23-2148301303.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Frites de Patate Douce",
|
||||
price: "5€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-herbs-spices-dark-plate_84443-94403.jpg",
|
||||
},
|
||||
id: "p3", name: "Frites de Patate Douce", price: "5€", imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-herbs-spices-dark-plate_84443-94403.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Poulet Boucané",
|
||||
price: "15€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-shrimp-green-curry_1339-4349.jpg",
|
||||
},
|
||||
id: "p4", name: "Poulet Boucané", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-shrimp-green-curry_1339-4349.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sauce Chien Maison",
|
||||
price: "2€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-pozole-bowl_23-2149248509.jpg",
|
||||
},
|
||||
id: "p5", name: "Sauce Chien Maison", price: "2€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-pozole-bowl_23-2149248509.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Menu Complet",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-eggplant-rolls-cooked-dish-with-baked-potatoes-seasonings-dark-space_140725-95139.jpg",
|
||||
},
|
||||
id: "p6", name: "Menu Complet", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-eggplant-rolls-cooked-dish-with-baked-potatoes-seasonings-dark-space_140725-95139.jpg"},
|
||||
]}
|
||||
title="Nos Incontournables"
|
||||
description="Retrouvez le goût authentique de nos spécialités antillaises préparées chaque jour avec des ingrédients frais."
|
||||
@@ -201,45 +138,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marie Mbo",
|
||||
role: "Client",
|
||||
company: "Ti Milo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg",
|
||||
},
|
||||
id: "t1", name: "Marie Mbo", role: "Client", company: "Ti Milo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "GNG",
|
||||
role: "Local Guide",
|
||||
company: "Google Maps",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
|
||||
},
|
||||
id: "t2", name: "GNG", role: "Local Guide", company: "Google Maps", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Cyndie Zodros",
|
||||
role: "Local Guide",
|
||||
company: "Ti Milo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg",
|
||||
},
|
||||
id: "t3", name: "Cyndie Zodros", role: "Local Guide", company: "Ti Milo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Client Passionné",
|
||||
role: "Visiteur",
|
||||
company: "Guyancourt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232830.jpg",
|
||||
},
|
||||
id: "t4", name: "Client Passionné", role: "Visiteur", company: "Guyancourt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232830.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ami Gourmet",
|
||||
role: "Client",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businesswoman-posing-indoor-brunch-cafe-sousing-her-smartphone-elegant-outfit_291049-2721.jpg",
|
||||
},
|
||||
id: "t5", name: "Ami Gourmet", role: "Client", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businesswoman-posing-indoor-brunch-cafe-sousing-her-smartphone-elegant-outfit_291049-2721.jpg"},
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="Découvrez les avis de nos fidèles habitués à Guyancourt."
|
||||
@@ -248,27 +160,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Avis Positifs",
|
||||
value: "129+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Avis Positifs", value: "129+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: MapPin,
|
||||
title: "Adresse",
|
||||
value: "25 Rue Ambroise Croizat",
|
||||
},
|
||||
id: "m2", icon: MapPin,
|
||||
title: "Adresse", value: "25 Rue Ambroise Croizat"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Phone,
|
||||
title: "Service Rapide",
|
||||
value: "09 81 59 83 14",
|
||||
},
|
||||
id: "m3", icon: Phone,
|
||||
title: "Service Rapide", value: "09 81 59 83 14"},
|
||||
]}
|
||||
title="Nos Chiffres Clés"
|
||||
description="Une reconnaissance basée sur la satisfaction client."
|
||||
@@ -280,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quels sont les horaires d'ouverture ?",
|
||||
content: "Nous sommes ouverts jusqu'à 14h30 et réouvrons à partir de 18h00.",
|
||||
},
|
||||
id: "f1", title: "Quels sont les horaires d'ouverture ?", content: "Nous sommes ouverts jusqu'à 14h30 et réouvrons à partir de 18h00."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Proposez-vous la vente à emporter ?",
|
||||
content: "Oui, le drive est disponible et nous proposons aussi la vente sur place.",
|
||||
},
|
||||
id: "f2", title: "Proposez-vous la vente à emporter ?", content: "Oui, le drive est disponible et nous proposons aussi la vente sur place."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Où êtes-vous situés ?",
|
||||
content: "Nous sommes situés au 25 Rue Ambroise Croizat, 78280 Guyancourt.",
|
||||
},
|
||||
id: "f3", title: "Où êtes-vous situés ?", content: "Nous sommes situés au 25 Rue Ambroise Croizat, 78280 Guyancourt."},
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
sideDescription="Besoin d'informations complémentaires ? Nous sommes à votre disposition."
|
||||
@@ -305,14 +200,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Commandez dès maintenant ou contactez-nous pour réserver votre table ou organiser votre commande à emporter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler le restaurant",
|
||||
href: "tel:0981598314",
|
||||
},
|
||||
text: "Appeler le restaurant", href: "tel:0981598314"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -323,29 +215,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "25 Rue Ambroise Croizat, Guyancourt",
|
||||
href: "#",
|
||||
},
|
||||
label: "25 Rue Ambroise Croizat, Guyancourt", href: "#"},
|
||||
{
|
||||
label: "09 81 59 83 14",
|
||||
href: "tel:0981598314",
|
||||
},
|
||||
label: "09 81 59 83 14", href: "tel:0981598314"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user