Merge version_1 into main #2
325
src/app/page.tsx
325
src/app/page.tsx
@@ -26,243 +26,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Produits",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Belliard La Loco"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Produits", id: "products" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
]}
|
||||
brandName="Belliard La Loco"
|
||||
button={{ text: "Commander", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Belliard La Loco"
|
||||
description="4,4★ · 96 avis · Prix 1–10€ | Le goût authentique au cœur du boulevard des Déportés."
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir la carte",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bread-chopper-with-wooden-table_23-2148288062.jpg?_wi=1",
|
||||
imageAlt: "Pain artisanal frais",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg?_wi=1",
|
||||
imageAlt: "Viennoiseries dorées",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tray-different-types-macaroons_181624-45876.jpg?_wi=1",
|
||||
imageAlt: "Pâtisseries artisanales",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg?_wi=1",
|
||||
imageAlt: "Formules déjeuner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bread-chopper-with-wooden-table_23-2148288062.jpg?_wi=2",
|
||||
imageAlt: "Boulangerie Belliard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg?_wi=2",
|
||||
imageAlt: "Le savoir-faire",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Belliard La Loco"
|
||||
description="4,4★ · 96 avis · Prix 1–10€ | Le goût authentique au cœur du boulevard des Déportés."
|
||||
buttons={[{ text: "Voir la carte", href: "#products" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bread-chopper-with-wooden-table_23-2148288062.jpg", imageAlt: "Pain artisanal frais" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg", imageAlt: "Viennoiseries dorées" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tray-different-types-macaroons_181624-45876.jpg", imageAlt: "Pâtisseries artisanales" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg", imageAlt: "Formules déjeuner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bread-chopper-with-wooden-table_23-2148288062.jpg", imageAlt: "Boulangerie Belliard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg", imageAlt: "Le savoir-faire" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="L'esprit Belliard"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Accueil chaleureux",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Hygiène irréprochable",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Générosité",
|
||||
value: "Total",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="L'esprit Belliard"
|
||||
metrics={[
|
||||
{ icon: Users, label: "Accueil chaleureux", value: "100%" },
|
||||
{ icon: ShieldCheck, label: "Hygiène irréprochable", value: "24/7" },
|
||||
{ icon: Heart, label: "Générosité", value: "Total" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Croissant pur beurre",
|
||||
price: "1.20€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pain au chocolat",
|
||||
price: "1.30€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sandwich baguette Tradition",
|
||||
price: "4.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Formule Déjeuner",
|
||||
price: "7.90€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tartelette aux fruits",
|
||||
price: "3.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tray-different-types-macaroons_181624-45876.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Éclair au chocolat",
|
||||
price: "2.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tray-different-types-macaroons_181624-45876.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Notre Carte"
|
||||
description="Découvrez nos créations quotidiennes préparées avec amour."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Croissant pur beurre", price: "1.20€", imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg" },
|
||||
{ id: "p2", name: "Pain au chocolat", price: "1.30€", imageSrc: "http://img.b2bpic.net/free-photo/single-sweet-pastry-black-board_114579-83290.jpg" },
|
||||
{ id: "p3", name: "Sandwich baguette Tradition", price: "4.50€", imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg" },
|
||||
{ id: "p4", name: "Formule Déjeuner", price: "7.90€", imageSrc: "http://img.b2bpic.net/free-photo/closeup-croissant-with-greens-ham-vegetables-pub_7502-9265.jpg" },
|
||||
{ id: "p5", name: "Tartelette aux fruits", price: "3.50€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tray-different-types-macaroons_181624-45876.jpg" },
|
||||
{ id: "p6", name: "Éclair au chocolat", price: "2.80€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-tray-different-types-macaroons_181624-45876.jpg" },
|
||||
]}
|
||||
title="Notre Carte"
|
||||
description="Découvrez nos créations quotidiennes préparées avec amour."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marie L.",
|
||||
role: "Cliente",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-phone-cafe-woman-mobile_1303-2075.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas B.",
|
||||
role: "Habitué",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-offering-bread-tray_23-2147984942.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julie M.",
|
||||
role: "Cliente",
|
||||
company: "Google Avis",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/screaming-with-hands-up-air_1194-404985.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pierre D.",
|
||||
role: "Client",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-bread_23-2149233697.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie R.",
|
||||
role: "Cliente",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-woman-blond-girl-drinks-tea-records-casual-lifestyle-video-blog_1258-255283.jpg",
|
||||
},
|
||||
]}
|
||||
title="Ils parlent de nous"
|
||||
description="Nos clients satisfaits partagent leur expérience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marie L.", role: "Cliente", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-phone-cafe-woman-mobile_1303-2075.jpg" },
|
||||
{ id: "t2", name: "Thomas B.", role: "Habitué", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-offering-bread-tray_23-2147984942.jpg" },
|
||||
{ id: "t3", name: "Julie M.", role: "Cliente", company: "Google Avis", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/screaming-with-hands-up-air_1194-404985.jpg" },
|
||||
{ id: "t4", name: "Pierre D.", role: "Client", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-bread_23-2149233697.jpg" },
|
||||
{ id: "t5", name: "Sophie R.", role: "Cliente", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-woman-blond-girl-drinks-tea-records-casual-lifestyle-video-blog_1258-255283.jpg" },
|
||||
]}
|
||||
title="Ils parlent de nous"
|
||||
description="Nos clients satisfaits partagent leur expérience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Horaires"
|
||||
title="Nous rendre visite"
|
||||
description="Boulevard des Déportés, 00000 Ville. Ouvert tous les jours avec le sourire."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Horaires"
|
||||
title="Nous rendre visite"
|
||||
description="Boulevard des Déportés, 00000 Ville. Ouvert tous les jours avec le sourire."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Belliard La Loco"
|
||||
columns={[
|
||||
{
|
||||
title: "Boulangerie",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Nos produits",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Adresse",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Google Avis",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Boulangerie Belliard La Loco"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Belliard La Loco"
|
||||
columns={[
|
||||
{ title: "Boulangerie", items: [{ label: "À propos", href: "#about" }, { label: "Nos produits", href: "#products" }] },
|
||||
{ title: "Contact", items: [{ label: "Adresse", href: "#contact" }, { label: "Google Avis", href: "#testimonials" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Boulangerie Belliard La Loco"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user