Update src/app/page.tsx
This commit is contained in:
179
src/app/page.tsx
179
src/app/page.tsx
@@ -30,60 +30,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À propos", id: "about"},
|
||||
{
|
||||
name: "Nos Produits",
|
||||
id: "products",
|
||||
},
|
||||
name: "Nos Produits", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="L'Instant Café"
|
||||
button={{
|
||||
text: "Réserver", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Un moment de douceur dans votre journée"
|
||||
description="Découvrez notre café cozy, l'endroit idéal pour savourer un café de spécialité et des pâtisseries maison."
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir nos produits",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Découvrir nos produits", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-latte-wooden-table-close-up-selective-focus-sunlight-from-window-coffee-break-idea-coffee-break_166373-1662.jpg",
|
||||
imageAlt: "Ambiance café cozy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-latte-wooden-table-close-up-selective-focus-sunlight-from-window-coffee-break-idea-coffee-break_166373-1662.jpg", imageAlt: "Ambiance café cozy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg",
|
||||
imageAlt: "Closeup of white coffee cup on wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg", imageAlt: "Closeup of white coffee cup on wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cappuccino-picture-drink-decoration_1203-4618.jpg",
|
||||
imageAlt: "black cappuccino picture drink decoration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cappuccino-picture-drink-decoration_1203-4618.jpg", imageAlt: "black cappuccino picture drink decoration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-hand-holding-hot-coffee-cup_23-2148209333.jpg",
|
||||
imageAlt: "Close-up female hand holding hot coffee cup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-hand-holding-hot-coffee-cup_23-2148209333.jpg", imageAlt: "Close-up female hand holding hot coffee cup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fresh-relax-morning-coffee-cup-set_1150-7042.jpg",
|
||||
imageAlt: "Beautiful fresh relax morning coffee cup set",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fresh-relax-morning-coffee-cup-set_1150-7042.jpg", imageAlt: "Beautiful fresh relax morning coffee cup set"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,19 +76,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Cafés torréfiés",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Cafés torréfiés", value: "10+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Clients ravis",
|
||||
value: "1500+",
|
||||
},
|
||||
label: "Clients ravis", value: "1500+"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Pâtisseries artisanales",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Pâtisseries artisanales", value: "20+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -121,41 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Espresso Signature",
|
||||
price: "2.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee-with-creative-latte-art-wooden-textured-background_23-2148209302.jpg",
|
||||
},
|
||||
id: "1", name: "Espresso Signature", price: "2.50€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee-with-creative-latte-art-wooden-textured-background_23-2148209302.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Muffin Myrtille",
|
||||
price: "3.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-bread-loaves-chopping-board-wooden-table_23-2147872705.jpg",
|
||||
},
|
||||
id: "2", name: "Muffin Myrtille", price: "3.50€", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-bread-loaves-chopping-board-wooden-table_23-2147872705.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Iced Latte",
|
||||
price: "4.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-dalgona-coffee-with-caramel_181624-39095.jpg",
|
||||
},
|
||||
id: "3", name: "Iced Latte", price: "4.50€", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-dalgona-coffee-with-caramel_181624-39095.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Croissant Pur Beurre",
|
||||
price: "2.00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-chips-cookie-dough_23-2149556881.jpg",
|
||||
},
|
||||
id: "4", name: "Croissant Pur Beurre", price: "2.00€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-chips-cookie-dough_23-2149556881.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cookie Chocolat",
|
||||
price: "3.00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-cookies-roasted-coffee-beans-grunge-backdrop_23-2147890274.jpg",
|
||||
},
|
||||
id: "5", name: "Cookie Chocolat", price: "3.00€", imageSrc: "http://img.b2bpic.net/free-photo/stack-cookies-roasted-coffee-beans-grunge-backdrop_23-2147890274.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Matcha Latte",
|
||||
price: "4.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-milkshake-with-whipped-cream_1150-18526.jpg",
|
||||
},
|
||||
id: "6", name: "Matcha Latte", price: "4.80€", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-milkshake-with-whipped-cream_1150-18526.jpg"},
|
||||
]}
|
||||
title="Nos Créations"
|
||||
description="Une sélection de cafés de spécialité et de douceurs artisanales."
|
||||
@@ -169,59 +120,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marie D.",
|
||||
role: "Fidèle",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg",
|
||||
},
|
||||
id: "1", name: "Marie D.", role: "Fidèle", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas P.",
|
||||
role: "Étudiant",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mindful-dark-skinned-male-student-wearing-casual-clothing-preparing-exams-sitting-cafe-table-reading-information-textbook-talking-phone_273609-7441.jpg",
|
||||
},
|
||||
id: "2", name: "Thomas P.", role: "Étudiant", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mindful-dark-skinned-male-student-wearing-casual-clothing-preparing-exams-sitting-cafe-table-reading-information-textbook-talking-phone_273609-7441.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucie B.",
|
||||
role: "Habituée",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-city_1157-27059.jpg",
|
||||
},
|
||||
id: "3", name: "Lucie B.", role: "Habituée", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-city_1157-27059.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jean K.",
|
||||
role: "Entrepreneur",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256937.jpg",
|
||||
},
|
||||
id: "4", name: "Jean K.", role: "Entrepreneur", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256937.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie M.",
|
||||
role: "Amateur",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3672.jpg",
|
||||
},
|
||||
id: "5", name: "Sophie M.", role: "Amateur", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3672.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Note moyenne",
|
||||
},
|
||||
value: "4.9/5", label: "Note moyenne"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fait maison",
|
||||
},
|
||||
value: "100%", label: "Fait maison"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Avis Google",
|
||||
},
|
||||
value: "500+", label: "Avis Google"},
|
||||
]}
|
||||
title="Ils parlent de nous"
|
||||
description="Ce que disent nos clients les plus fidèles."
|
||||
@@ -232,14 +152,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Envie de nous rendre visite ? Passez nous voir en boutique pour déguster nos créations !"
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir nos coordonnées",
|
||||
href: "#footer",
|
||||
},
|
||||
text: "Voir nos coordonnées", href: "#footer"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,29 +166,19 @@ export default function LandingPage() {
|
||||
logoText="L'Instant Café"
|
||||
columns={[
|
||||
{
|
||||
title: "Nous trouver",
|
||||
items: [
|
||||
title: "Nous trouver", items: [
|
||||
{
|
||||
label: "12 rue des Caféiers",
|
||||
href: "#",
|
||||
},
|
||||
label: "12 rue des Caféiers", href: "#"},
|
||||
{
|
||||
label: "75000 Paris",
|
||||
href: "#",
|
||||
},
|
||||
label: "75000 Paris", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "contact@linstantcafe.fr",
|
||||
href: "mailto:contact@linstantcafe.fr",
|
||||
},
|
||||
label: "contact@linstantcafe.fr", href: "mailto:contact@linstantcafe.fr"},
|
||||
{
|
||||
label: "01 23 45 67 89",
|
||||
href: "tel:+33123456789",
|
||||
},
|
||||
label: "01 23 45 67 89", href: "tel:+33123456789"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user