Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
182
src/app/page.tsx
182
src/app/page.tsx
@@ -30,68 +30,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Craft",
|
||||
id: "features",
|
||||
},
|
||||
name: "Craft", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Vind ons",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Vind ons", id: "contact"},
|
||||
]}
|
||||
brandName="Monsieur Kaffee"
|
||||
button={{
|
||||
text: "Vind ons",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Vind ons", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Monsieur Kaffee"
|
||||
description="Ervaar de perfecte espresso. Waar nachtelijke rijkdom en ambachtelijk vakmanschap elkaar ontmoeten voor een tijdloze koffiebeleving."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ons Verhaal",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Ons Verhaal", href: "#features"},
|
||||
{
|
||||
text: "Vind ons",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Vind ons", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg?_wi=1",
|
||||
imageAlt: "Luxueuze espresso in noir setting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg", imageAlt: "Luxueuze espresso in noir setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg?_wi=1",
|
||||
imageAlt: "Ambachtelijke bereiding door barista",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg", imageAlt: "Ambachtelijke bereiding door barista"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg?_wi=1",
|
||||
imageAlt: "Gouden koffiezetter details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg", imageAlt: "Gouden koffiezetter details"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
imageAlt: "Interieur Monsieur Kaffee sfeer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", imageAlt: "Interieur Monsieur Kaffee sfeer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
|
||||
imageAlt: "Perfect gezette verse espresso",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg", imageAlt: "Perfect gezette verse espresso"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,42 +75,23 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5★",
|
||||
title: "Score",
|
||||
description: "Gewaardeerd door fijnproevers",
|
||||
icon: Star,
|
||||
id: "1", value: "5★", title: "Score", description: "Gewaardeerd door fijnproevers", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Ambacht",
|
||||
description: "Met toewijding bereid",
|
||||
icon: Award,
|
||||
id: "2", value: "100%", title: "Ambacht", description: "Met toewijding bereid", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "01",
|
||||
title: "Locatie",
|
||||
description: "Een uniek adres",
|
||||
icon: MapPin,
|
||||
id: "3", value: "01", title: "Locatie", description: "Een uniek adres", icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
title: "Passie",
|
||||
description: "Onze drijfveer",
|
||||
icon: Heart,
|
||||
id: "4", value: "24/7", title: "Passie", description: "Onze drijfveer", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
value: "∞",
|
||||
title: "Smaak",
|
||||
description: "Oneindige verfijning",
|
||||
icon: Crown,
|
||||
id: "5", value: "∞", title: "Smaak", description: "Oneindige verfijning", icon: Crown,
|
||||
},
|
||||
]}
|
||||
title="De essentie van Monsieur"
|
||||
@@ -150,21 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Geen massaproductie",
|
||||
"Geen vluchtige aroma's",
|
||||
"Geen concessies in smaak",
|
||||
"Geen synthetische toevoegingen",
|
||||
"Geen haastige extractie",
|
||||
],
|
||||
"Geen massaproductie", "Geen vluchtige aroma's", "Geen concessies in smaak", "Geen synthetische toevoegingen", "Geen haastige extractie"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Exclusieve bonenselectie",
|
||||
"Ambachtelijke precisie",
|
||||
"Gouden extractie-tijd",
|
||||
"Natuurlijke fermentatie",
|
||||
"Met de hand gebrande bonen",
|
||||
],
|
||||
"Exclusieve bonenselectie", "Ambachtelijke precisie", "Gouden extractie-tijd", "Natuurlijke fermentatie", "Met de hand gebrande bonen"],
|
||||
}}
|
||||
title="Het Geheim van Monsieur"
|
||||
description="Elke kop is een reis door donkere, rijke aroma's en gouden perfectie. Ontdek wat koffie echt luxe maakt."
|
||||
@@ -177,60 +123,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jansen",
|
||||
date: "12-05-2023",
|
||||
title: "Echte aanrader!",
|
||||
quote: "De beste espresso die ik ooit in de stad heb geproefd.",
|
||||
tag: "Lokaal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg?_wi=2",
|
||||
imageAlt: "luxury espresso shot dark noir",
|
||||
},
|
||||
id: "1", name: "Sarah Jansen", date: "12-05-2023", title: "Echte aanrader!", quote: "De beste espresso die ik ooit in de stad heb geproefd.", tag: "Lokaal", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg", imageAlt: "luxury espresso shot dark noir"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark de Vries",
|
||||
date: "15-06-2023",
|
||||
title: "Pure luxe",
|
||||
quote: "Monsieur Kaffee is een ervaring, geen simpele stop.",
|
||||
tag: "Kenners",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg?_wi=2",
|
||||
imageAlt: "barista crafting artisanal coffee",
|
||||
},
|
||||
id: "2", name: "Mark de Vries", date: "15-06-2023", title: "Pure luxe", quote: "Monsieur Kaffee is een ervaring, geen simpele stop.", tag: "Kenners", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg", imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg", imageAlt: "barista crafting artisanal coffee"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
date: "20-07-2023",
|
||||
title: "Kwaliteit!",
|
||||
quote: "De bediening is even verfijnd als de koffie zelf.",
|
||||
tag: "Vaste gast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg",
|
||||
imageAlt: "coffee connoisseur portrait dark",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", date: "20-07-2023", title: "Kwaliteit!", quote: "De bediening is even verfijnd als de koffie zelf.", tag: "Vaste gast", avatarSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg", imageAlt: "coffee connoisseur portrait dark"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jan Janssen",
|
||||
date: "25-08-2023",
|
||||
title: "Subliem",
|
||||
quote: "Geen andere plek haalt dit niveau van toewijding.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg",
|
||||
imageAlt: "professional coffee enjoyment portrait",
|
||||
},
|
||||
id: "4", name: "Jan Janssen", date: "25-08-2023", title: "Subliem", quote: "Geen andere plek haalt dit niveau van toewijding.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg", imageAlt: "professional coffee enjoyment portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Bakker",
|
||||
date: "02-09-2023",
|
||||
title: "Hemels",
|
||||
quote: "Echt vakmanschap in elk kopje, dag na dag.",
|
||||
tag: "Koffie fanaat",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg?_wi=2",
|
||||
imageAlt: "handcrafted coffee cup close up",
|
||||
},
|
||||
id: "5", name: "Sophie Bakker", date: "02-09-2023", title: "Hemels", quote: "Echt vakmanschap in elk kopje, dag na dag.", tag: "Koffie fanaat", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg", imageAlt: "handcrafted coffee cup close up"},
|
||||
]}
|
||||
title="Wat de kenners zeggen"
|
||||
description="Echte verhalen van onze gasten die dagelijks genieten van de Monsieur-standaard."
|
||||
@@ -241,14 +142,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Bezoek Monsieur Kaffee. Laat u meevoeren door de rijkdom van onze espresso in een sfeer van nachtelijke elegantie."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan uw bezoek",
|
||||
href: "#",
|
||||
},
|
||||
text: "Plan uw bezoek", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -259,33 +157,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Vind ons",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Vind ons", href: "#contact"},
|
||||
{
|
||||
label: "Ons Verhaal",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Ons Verhaal", href: "#features"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Menu", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user