Update src/app/page.tsx
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Notre Cuisine",
|
||||
id: "about",
|
||||
},
|
||||
name: "Notre Cuisine", id: "about"},
|
||||
{
|
||||
name: "Producteurs",
|
||||
id: "features",
|
||||
},
|
||||
name: "Producteurs", id: "features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Le Marché"
|
||||
/>
|
||||
@@ -60,72 +50,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Une cuisine de saison, au rythme des récoltes"
|
||||
description="Redécouvrez le goût authentique des produits locaux, sourcés chaque jour auprès de nos producteurs et artisans partenaires."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Produits locaux",
|
||||
},
|
||||
value: "100%", label: "Produits locaux"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Circuit court",
|
||||
},
|
||||
value: "24h", label: "Circuit court"},
|
||||
{
|
||||
value: "Saisonnier",
|
||||
label: "Menu du jour",
|
||||
},
|
||||
value: "Saisonnier", label: "Menu du jour"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-mussels-pan-with-copy-space_23-2148375671.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-mussels-pan-with-copy-space_23-2148375671.jpg"
|
||||
imageAlt="Cuisine de saison"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-restaurant-table-setting-service-reception_53876-95892.jpg",
|
||||
alt: "Dîner élégant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-restaurant-table-setting-service-reception_53876-95892.jpg", alt: "Dîner élégant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nuts-wildflowers-with-space-right_23-2147690238.jpg",
|
||||
alt: "Détails de table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/nuts-wildflowers-with-space-right_23-2147690238.jpg", alt: "Détails de table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cutlery-autumn-leaves_23-2147709609.jpg",
|
||||
alt: "Couverts et automne",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cutlery-autumn-leaves_23-2147709609.jpg", alt: "Couverts et automne"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-round-platter-fork-knife-green-white-tablecloth-black-table-free-space_140725-63589.jpg",
|
||||
alt: "Plat de présentation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-round-platter-fork-knife-green-white-tablecloth-black-table-free-space_140725-63589.jpg", alt: "Plat de présentation"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-relaxing-home-with-warm-drink_23-2150168065.jpg",
|
||||
alt: "Ambiance chaleureuse",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-relaxing-home-with-warm-drink_23-2150168065.jpg", alt: "Ambiance chaleureuse"},
|
||||
]}
|
||||
avatarText="Rejoignez nos 2 000 convives"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Frais",
|
||||
},
|
||||
type: "text", text: "Frais"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local",
|
||||
},
|
||||
type: "text", text: "Local"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Saisonnier",
|
||||
},
|
||||
type: "text", text: "Saisonnier"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal",
|
||||
},
|
||||
type: "text", text: "Artisanal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Responsable",
|
||||
},
|
||||
type: "text", text: "Responsable"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,19 +101,13 @@ export default function LandingPage() {
|
||||
description="Nous privilégions une cuisine vivante et respectueuse de la nature. Chaque assiette raconte une histoire, celle de nos producteurs locaux et de notre passion pour le goût vrai."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sourcing local",
|
||||
description: "Sélection rigoureuse d'artisans dans un rayon de 50km.",
|
||||
},
|
||||
title: "Sourcing local", description: "Sélection rigoureuse d'artisans dans un rayon de 50km."},
|
||||
{
|
||||
title: "Menu du marché",
|
||||
description: "Une carte renouvelée quotidiennement selon les récoltes.",
|
||||
},
|
||||
title: "Menu du marché", description: "Une carte renouvelée quotidiennement selon les récoltes."},
|
||||
{
|
||||
title: "Respect environnemental",
|
||||
description: "Gestion raisonnée des ressources et des déchets.",
|
||||
},
|
||||
title: "Respect environnemental", description: "Gestion raisonnée des ressources et des déchets."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/organic-foods-fresh-organic-food-local-farmers-market-farmers-markets-are-traditional-way-selling-agricultural-products_1391-373.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/organic-foods-fresh-organic-food-local-farmers-market-farmers-markets-are-traditional-way-selling-agricultural-products_1391-373.jpg"
|
||||
imageAlt="Chef cuisinier au marché"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -163,40 +120,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Les maraîchers",
|
||||
description: "Des légumes récoltés à maturité optimale chaque matin.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-selling-crops-from-their-garden_329181-16549.jpg",
|
||||
},
|
||||
title: "Les maraîchers", description: "Des légumes récoltés à maturité optimale chaque matin.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-selling-crops-from-their-garden_329181-16549.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yogurt-pot-tomatoes-herbs-olive-bottle-wooden-table_114579-4584.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mussels-pan-with-copy-space_23-2148375671.jpg?_wi=2",
|
||||
imageAlt: "fresh produce harvest rustic crate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yogurt-pot-tomatoes-herbs-olive-bottle-wooden-table_114579-4584.jpg"},
|
||||
},
|
||||
{
|
||||
title: "La laiterie",
|
||||
description: "Des fromages affinés par nos artisans locaux partenaires.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-basket-with-pumpkins-carrots-radishes_23-2148332199.jpg",
|
||||
},
|
||||
title: "La laiterie", description: "Des fromages affinés par nos artisans locaux partenaires.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-basket-with-pumpkins-carrots-radishes_23-2148332199.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-person-s-hand-slicing-bread-with-knife_23-2147860572.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-foods-fresh-organic-food-local-farmers-market-farmers-markets-are-traditional-way-selling-agricultural-products_1391-373.jpg?_wi=2",
|
||||
imageAlt: "fresh produce harvest rustic crate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-person-s-hand-slicing-bread-with-knife_23-2147860572.jpg"},
|
||||
},
|
||||
{
|
||||
title: "La pêche",
|
||||
description: "Pêche responsable et directe des criées voisines.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bunch-tasty-looking-red-apples_181624-25374.jpg",
|
||||
},
|
||||
title: "La pêche", description: "Pêche responsable et directe des criées voisines.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bunch-tasty-looking-red-apples_181624-25374.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-person-kneading-dough_23-2147749558.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-wooden-table_23-2148006677.jpg",
|
||||
imageAlt: "fresh produce harvest rustic crate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-person-kneading-dough_23-2147749558.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -210,43 +149,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velouté de saison",
|
||||
price: "12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-cake-appetizing-cake-with-berries-cookies-candies-waffles-notebook-pencil_140725-72610.jpg",
|
||||
},
|
||||
id: "p1", name: "Velouté de saison", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-cake-appetizing-cake-with-berries-cookies-candies-waffles-notebook-pencil_140725-72610.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Légumes rôtis",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-plate_23-2151973717.jpg",
|
||||
},
|
||||
id: "p2", name: "Légumes rôtis", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-plate_23-2151973717.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Soupe paysanne",
|
||||
price: "15€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumpling-soup-with-pasta-notepad_23-2148452830.jpg",
|
||||
},
|
||||
id: "p3", name: "Soupe paysanne", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/dumpling-soup-with-pasta-notepad_23-2148452830.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dessert fruité",
|
||||
price: "10€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-pie-making-arrangement_23-2149055383.jpg",
|
||||
},
|
||||
id: "p4", name: "Dessert fruité", price: "10€", imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-pie-making-arrangement_23-2149055383.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Poisson du jour",
|
||||
price: "24€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-dark-seafood-color-salad-meat-snack_140725-92959.jpg",
|
||||
},
|
||||
id: "p5", name: "Poisson du jour", price: "24€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-dark-seafood-color-salad-meat-snack_140725-92959.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Plateau fromager",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgonzola-cheese-slice-walnut-black-stone-with-grapes-spanish-manchego-cheese-burlap-texture_23-2148101763.jpg",
|
||||
},
|
||||
id: "p6", name: "Plateau fromager", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/gorgonzola-cheese-slice-walnut-black-stone-with-grapes-spanish-manchego-cheese-burlap-texture_23-2148101763.jpg"},
|
||||
]}
|
||||
title="Menu du Marché"
|
||||
description="Une sélection évolutive pour ravir vos papilles."
|
||||
@@ -258,30 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jean B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-talking-about-bio-fresh-farmers-market-products_482257-77547.jpg",
|
||||
},
|
||||
id: "2", name: "Jean B.", imageSrc: "http://img.b2bpic.net/free-photo/group-people-talking-about-bio-fresh-farmers-market-products_482257-77547.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg",
|
||||
},
|
||||
id: "3", name: "Claire L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marc T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-enjoying-christmas-dinner_23-2149144969.jpg",
|
||||
},
|
||||
id: "4", name: "Marc T.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-enjoying-christmas-dinner_23-2149144969.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-your-beloved-holiday-heart-shaped-egg-bacon-green-beans-yellow-background-selective-focus-view-from-copy-space_127032-1807.jpg",
|
||||
},
|
||||
id: "5", name: "Sophie V.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-your-beloved-holiday-heart-shaped-egg-bacon-green-beans-yellow-background-selective-focus-view-from-copy-space_127032-1807.jpg"},
|
||||
]}
|
||||
cardTitle="Ce que nos clients disent"
|
||||
cardTag="Avis"
|
||||
@@ -296,23 +197,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Leaf,
|
||||
title: "Producteurs",
|
||||
value: "45",
|
||||
},
|
||||
id: "m1", icon: Leaf,
|
||||
title: "Producteurs", value: "45"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Clients",
|
||||
value: "2k+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Clients", value: "2k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Années",
|
||||
value: "10",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Années", value: "10"},
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="Notre impact sur le circuit local."
|
||||
@@ -324,20 +216,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quelle est la provenance des produits ?",
|
||||
content: "Nous travaillons exclusivement avec des producteurs locaux de la région.",
|
||||
},
|
||||
id: "f1", title: "Quelle est la provenance des produits ?", content: "Nous travaillons exclusivement avec des producteurs locaux de la région."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Le menu change-t-il souvent ?",
|
||||
content: "Oui, notre menu du marché est mis à jour quotidiennement selon les arrivages.",
|
||||
},
|
||||
id: "f2", title: "Le menu change-t-il souvent ?", content: "Oui, notre menu du marché est mis à jour quotidiennement selon les arrivages."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Proposez-vous des plats végétariens ?",
|
||||
content: "Absolument, notre carte propose toujours des alternatives végétariennes savoureuses.",
|
||||
},
|
||||
id: "f3", title: "Proposez-vous des plats végétariens ?", content: "Absolument, notre carte propose toujours des alternatives végétariennes savoureuses."},
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -348,16 +231,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Réserver"
|
||||
title="Réservez votre table"
|
||||
description="Faites l'expérience d'une cuisine authentique et saisonnière dès aujourd'hui."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactez-nous",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contactez-nous", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -367,29 +247,19 @@ export default function LandingPage() {
|
||||
logoText="Le Marché"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions légales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user