Merge version_1 into main #2
425
src/app/page.tsx
425
src/app/page.tsx
@@ -27,325 +27,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "La Carte",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Commander",
|
||||
id: "order",
|
||||
},
|
||||
{
|
||||
name: "Réservation",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="La Belle Souad"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "La Carte", id: "menu" },
|
||||
{ name: "Commander", id: "order" },
|
||||
{ name: "Réservation", id: "contact" },
|
||||
]}
|
||||
brandName="La Belle Souad"
|
||||
button={{ text: "Réserver", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="L'authenticité méditerranéenne au cœur de Montpellier"
|
||||
description="Pizzas artisanales cuites au feu de bois, pâtes fraîches et spécialités maison. Retrouvez le goût du vrai, chez La Belle Souad."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander en ligne",
|
||||
href: "#order",
|
||||
},
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "s1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=1",
|
||||
imageAlt: "Pizza artisanale",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=2",
|
||||
imageAlt: "Four à bois traditionnel",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=3",
|
||||
imageAlt: "Ingrédients frais",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=4",
|
||||
imageAlt: "Salle chaleureuse",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=5",
|
||||
imageAlt: "Spécialités maison",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=6",
|
||||
imageAlt: "Service souriant",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="L'authenticité méditerranéenne au cœur de Montpellier"
|
||||
description="Pizzas artisanales cuites au feu de bois, pâtes fraîches et spécialités maison. Retrouvez le goût du vrai, chez La Belle Souad."
|
||||
buttons={[{ text: "Commander en ligne", href: "#order" }, { text: "Réserver", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "s1", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Pizza artisanale" },
|
||||
{ id: "s2", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Four à bois traditionnel" },
|
||||
{ id: "s3", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Ingrédients frais" },
|
||||
{ id: "s4", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Salle chaleureuse" },
|
||||
{ id: "s5", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Spécialités maison" },
|
||||
{ id: "s6", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Service souriant" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une histoire de passion"
|
||||
description="La Belle Souad est née d'un amour profond pour la cuisine méditerranéenne. Avec notre four Esposito Forni Saetta 120, nous préparons chaque pizza comme un chef-d'œuvre. L'accueil familial, le sourire et la générosité sont les ingrédients secrets de notre succès."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Ans d'expérience",
|
||||
},
|
||||
{
|
||||
value: "30min",
|
||||
title: "Livraison express",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Produits frais",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg?_wi=1"
|
||||
imageAlt="Four à pizza traditionnel"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une histoire de passion"
|
||||
description="La Belle Souad est née d'un amour profond pour la cuisine méditerranéenne. Avec notre four Esposito Forni Saetta 120, nous préparons chaque pizza comme un chef-d'œuvre."
|
||||
metrics={[{ value: "15+", title: "Ans d'expérience" }, { value: "30min", title: "Livraison express" }, { value: "100%", title: "Produits frais" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg"
|
||||
imageAlt="Four à pizza traditionnel"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margarita",
|
||||
price: "12€",
|
||||
variant: "Végétarien",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "4 Fromages",
|
||||
price: "14€",
|
||||
variant: "Authentique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chèvre & Miel",
|
||||
price: "15€",
|
||||
variant: "Gourmand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Carbonara",
|
||||
price: "14€",
|
||||
variant: "Italienne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=10",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Saumon",
|
||||
price: "16€",
|
||||
variant: "Fraîcheur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=11",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tiramisu Maison",
|
||||
price: "6€",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=12",
|
||||
},
|
||||
]}
|
||||
title="La Carte"
|
||||
description="Des recettes artisanales pour tous les goûts."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Margarita", price: "12€", variant: "Végétarien", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
|
||||
{ id: "p2", name: "4 Fromages", price: "14€", variant: "Authentique", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
|
||||
{ id: "p3", name: "Chèvre & Miel", price: "15€", variant: "Gourmand", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
|
||||
{ id: "p4", name: "Carbonara", price: "14€", variant: "Italienne", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
|
||||
{ id: "p5", name: "Saumon", price: "16€", variant: "Fraîcheur", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
|
||||
{ id: "p6", name: "Tiramisu Maison", price: "6€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
|
||||
]}
|
||||
title="La Carte"
|
||||
description="Des recettes artisanales pour tous les goûts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order" data-section="order">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quartiers desservis",
|
||||
description: "Mosson, Malbosc, Euromédecine, Château d'Ô",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=13",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=14",
|
||||
imageAlt: "delicious artisanal wood-fired pizza",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Click & Collect",
|
||||
description: "Retrait rapide au 18 avenue Aglaé Adanson",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=15",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg?_wi=2",
|
||||
imageAlt: "traditional pizza oven interior",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Partenaires",
|
||||
description: "Retrouvez-nous aussi sur Uber Eats & Deliveroo",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=16",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg?_wi=1",
|
||||
imageAlt: "happy customer eating pizza restaurant",
|
||||
},
|
||||
]}
|
||||
title="Livraison rapide dans Montpellier Nord"
|
||||
description="Commandez en quelques clics et dégustez chez vous en moins de 30 minutes."
|
||||
/>
|
||||
</div>
|
||||
<div id="order" data-section="order">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Quartiers desservis", description: "Mosson, Malbosc, Euromédecine, Château d'Ô", media: { imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" }, items: [], reverse: false },
|
||||
{ id: "f2", title: "Click & Collect", description: "Retrait rapide au 18 avenue Aglaé Adanson", media: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg" }, items: [], reverse: true },
|
||||
{ id: "f3", title: "Partenaires", description: "Retrouvez-nous aussi sur Uber Eats & Deliveroo", media: { imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg" }, items: [], reverse: false },
|
||||
]}
|
||||
title="Livraison rapide dans Montpellier Nord"
|
||||
description="Commandez en quelques clics et dégustez chez vous en moins de 30 minutes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julien",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-eats-spaghetti-with-meat-grated-cheese_141793-5168.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006583.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Thomas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-blonde-delivery-woman-red-uniform-cap-looking-front-making-fake-smile-isolated-orange-wall-with-copy-space_141793-110347.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clara",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Ce que pensent nos clients"
|
||||
cardTag="Avis"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg" },
|
||||
{ id: "t2", name: "Julien", imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-eats-spaghetti-with-meat-grated-cheese_141793-5168.jpg" },
|
||||
{ id: "t3", name: "Marie", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006583.jpg" },
|
||||
{ id: "t4", name: "Thomas", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-blonde-delivery-woman-red-uniform-cap-looking-front-making-fake-smile-isolated-orange-wall-with-copy-space_141793-110347.jpg" },
|
||||
{ id: "t5", name: "Clara", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg" },
|
||||
]}
|
||||
cardTitle="Ce que pensent nos clients"
|
||||
cardTag="Avis"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Où nous trouver ?",
|
||||
content: "18 Avenue Aglaé Adanson, 34080 Montpellier.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Quels sont vos horaires ?",
|
||||
content: "Lundi au Samedi soir à partir de 19h.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Accessibilité ?",
|
||||
content: "Tram L1 arrêt Malbosc, accès PMR et parking disponible.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Réservez votre table"
|
||||
ctaDescription="Appelez-nous au 04 99 61 08 64 pour privatiser ou réserver."
|
||||
ctaButton={{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:0499610864",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "Où nous trouver ?", content: "18 Avenue Aglaé Adanson, 34080 Montpellier." },
|
||||
{ id: "faq2", title: "Quels sont vos horaires ?", content: "Lundi au Samedi soir à partir de 19h." },
|
||||
{ id: "faq3", title: "Accessibilité ?", content: "Tram L1 arrêt Malbosc, accès PMR et parking disponible." },
|
||||
]}
|
||||
ctaTitle="Réservez votre table"
|
||||
ctaDescription="Appelez-nous au 04 99 61 08 64 pour privatiser ou réserver."
|
||||
ctaButton={{ text: "Appeler maintenant", href: "tel:0499610864" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "La Belle Souad",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Notre Carte",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Commander",
|
||||
items: [
|
||||
{
|
||||
label: "Livraison",
|
||||
href: "#order",
|
||||
},
|
||||
{
|
||||
label: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suivez-nous",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 La Belle Souad. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "La Belle Souad", items: [{ label: "À propos", href: "#about" }, { label: "Notre Carte", href: "#menu" }] },
|
||||
{ title: "Commander", items: [{ label: "Livraison", href: "#order" }, { label: "Réserver", href: "#contact" }] },
|
||||
{ title: "Suivez-nous", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }] },
|
||||
]}
|
||||
copyrightText="© 2024 La Belle Souad. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user