Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 152d3aa48c | |||
| f1726f7239 |
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over Ons", id: "about"},
|
||||
{
|
||||
name: "Assortiment",
|
||||
id: "products",
|
||||
},
|
||||
name: "Assortiment", id: "products"},
|
||||
{
|
||||
name: "Prijzen",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Prijzen", id: "pricing"},
|
||||
{
|
||||
name: "Recensies",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Recensies", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/retro-bakery-logo_23-2148474166.jpg"
|
||||
logoAlt="Bakkerij Joeri Logo"
|
||||
@@ -69,19 +55,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Bakkerij Joeri: Vers Gebakken, Elke Dag"
|
||||
description="Ambachtelijk brood, heerlijke patisserie en de beste gebakjes, met liefde bereid en dagelijks vers uit de oven."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ons Assortiment",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ons Assortiment", href: "#products"},
|
||||
{
|
||||
text: "Over Joeri",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Over Joeri", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cake-chocolate-desserts_23-2148368318.jpg"
|
||||
imageAlt="Verse broden en gebakjes van Bakkerij Joeri"
|
||||
@@ -93,47 +74,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Ons Verhaal van Passie en Ambacht"
|
||||
description={[
|
||||
"Bij Bakkerij Joeri draait alles om de liefde voor het bakken. Al meer dan 20 jaar maken we met zorg en toewijding de lekkerste broden en gebakjes. Elk ingrediënt is zorgvuldig geselecteerd, en elk product is een bewijs van onze passie voor vakmanschap.",
|
||||
"We geloven dat goed brood de basis is van elke maaltijd en dat een heerlijk gebakje elk moment bijzonder maakt. Kom langs en proef het zelf!",
|
||||
]}
|
||||
"Bij Bakkerij Joeri draait alles om de liefde voor het bakken. Al meer dan 20 jaar maken we met zorg en toewijding de lekkerste broden en gebakjes. Elk ingrediënt is zorgvuldig geselecteerd, en elk product is een bewijs van onze passie voor vakmanschap.", "We geloven dat goed brood de basis is van elke maaltijd en dat een heerlijk gebakje elk moment bijzonder maakt. Kom langs en proef het zelf!"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1",
|
||||
label: "Verse Ingrediënten",
|
||||
title: "Dagelijks vers, puur en lokaal",
|
||||
items: [
|
||||
"We gebruiken alleen de beste, lokaal ingekochte ingrediënten.",
|
||||
"Geen kunstmatige toevoegingen, alleen natuurlijke smaken.",
|
||||
"Elke ochtend vroeg beginnen we met het deeg maken voor de meest verse producten.",
|
||||
],
|
||||
id: "feature-1", label: "Verse Ingrediënten", title: "Dagelijks vers, puur en lokaal", items: [
|
||||
"We gebruiken alleen de beste, lokaal ingekochte ingrediënten.", "Geen kunstmatige toevoegingen, alleen natuurlijke smaken.", "Elke ochtend vroeg beginnen we met het deeg maken voor de meest verse producten."],
|
||||
},
|
||||
{
|
||||
id: "feature-2",
|
||||
label: "Ambachtelijk Vakmanschap",
|
||||
title: "Traditie ontmoet innovatie in elke hap",
|
||||
items: [
|
||||
"Al onze producten worden met de hand gemaakt, volgens traditionele recepten.",
|
||||
"Jarenlange ervaring in het bakken, doorgegeven van generatie op generatie.",
|
||||
"Constant op zoek naar nieuwe smaken en technieken om u te verrassen.",
|
||||
],
|
||||
id: "feature-2", label: "Ambachtelijk Vakmanschap", title: "Traditie ontmoet innovatie in elke hap", items: [
|
||||
"Al onze producten worden met de hand gemaakt, volgens traditionele recepten.", "Jarenlange ervaring in het bakken, doorgegeven van generatie op generatie.", "Constant op zoek naar nieuwe smaken en technieken om u te verrassen."],
|
||||
},
|
||||
{
|
||||
id: "feature-3",
|
||||
label: "Persoonlijke Service",
|
||||
title: "Uw glimlach is onze grootste beloning",
|
||||
items: [
|
||||
"Wij luisteren naar uw wensen en maken producten op maat voor speciale gelegenheden.",
|
||||
"Vriendelijk personeel dat u graag adviseert over ons assortiment.",
|
||||
"Een warme en gastvrije sfeer waar u zich thuis voelt.",
|
||||
],
|
||||
id: "feature-3", label: "Persoonlijke Service", title: "Uw glimlach is onze grootste beloning", items: [
|
||||
"Wij luisteren naar uw wensen en maken producten op maat voor speciale gelegenheden.", "Vriendelijk personeel dat u graag adviseert over ons assortiment.", "Een warme en gastvrije sfeer waar u zich thuis voelt."],
|
||||
},
|
||||
]}
|
||||
title="Waarom Kiezen voor Bakkerij Joeri?"
|
||||
@@ -149,53 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Rustiek Desembrood",
|
||||
price: "€4.50",
|
||||
variant: "Per brood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-black-cob-basket-with-butter-jam-milk-cloth-wooden-surface_141793-11325.jpg",
|
||||
imageAlt: "Rustiek Desembrood",
|
||||
},
|
||||
id: "product-1", name: "Rustiek Desembrood", price: "€4.50", variant: "Per brood", imageSrc: "http://img.b2bpic.net/free-photo/side-view-black-cob-basket-with-butter-jam-milk-cloth-wooden-surface_141793-11325.jpg", imageAlt: "Rustiek Desembrood"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Gevulde Speculaas",
|
||||
price: "€3.75",
|
||||
variant: "Per stuk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-sweet-christmas-cookies-stars-wooden-plate-with-red-balls-pinecone-cinnamon-sticks_114579-76483.jpg",
|
||||
imageAlt: "Gevulde Speculaas",
|
||||
},
|
||||
id: "product-2", name: "Gevulde Speculaas", price: "€3.75", variant: "Per stuk", imageSrc: "http://img.b2bpic.net/free-photo/three-sweet-christmas-cookies-stars-wooden-plate-with-red-balls-pinecone-cinnamon-sticks_114579-76483.jpg", imageAlt: "Gevulde Speculaas"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Appeltaart",
|
||||
price: "€18.00",
|
||||
variant: "Hele taart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-apples-delicious-cake_23-2148413976.jpg",
|
||||
imageAlt: "Hele Appeltaart",
|
||||
},
|
||||
id: "product-3", name: "Appeltaart", price: "€18.00", variant: "Hele taart", imageSrc: "http://img.b2bpic.net/free-photo/close-up-apples-delicious-cake_23-2148413976.jpg", imageAlt: "Hele Appeltaart"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Croissant",
|
||||
price: "€1.95",
|
||||
variant: "Per stuk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-cake-stand-counter-coffee-shop_23-2148027949.jpg",
|
||||
imageAlt: "Verse Croissant",
|
||||
},
|
||||
id: "product-4", name: "Croissant", price: "€1.95", variant: "Per stuk", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-cake-stand-counter-coffee-shop_23-2148027949.jpg", imageAlt: "Verse Croissant"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Schwarzwalder Kirsch",
|
||||
price: "€25.00",
|
||||
variant: "Hele taart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-dessert-topped-with-mixed-berries_140725-6106.jpg",
|
||||
imageAlt: "Schwarzwalder Kirsch taart",
|
||||
},
|
||||
id: "product-5", name: "Schwarzwalder Kirsch", price: "€25.00", variant: "Hele taart", imageSrc: "http://img.b2bpic.net/free-photo/creamy-dessert-topped-with-mixed-berries_140725-6106.jpg", imageAlt: "Schwarzwalder Kirsch taart"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Pistolets",
|
||||
price: "€0.70",
|
||||
variant: "Per stuk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tiramisu-concept_23-2148761665.jpg",
|
||||
imageAlt: "Knapperige Pistolets",
|
||||
},
|
||||
id: "product-6", name: "Pistolets", price: "€0.70", variant: "Per stuk", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tiramisu-concept_23-2148761665.jpg", imageAlt: "Knapperige Pistolets"},
|
||||
]}
|
||||
title="Ons Heerlijke Assortiment"
|
||||
description="Van knapperig brood tot verfijnde patisserie, voor elk moment van de dag."
|
||||
@@ -209,38 +134,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
badge: "Particulier",
|
||||
price: "Op aanvraag",
|
||||
subtitle: "Perfect voor verjaardagen en kleine bijeenkomsten",
|
||||
buttons: [
|
||||
id: "plan-1", badge: "Particulier", price: "Op aanvraag", subtitle: "Perfect voor verjaardagen en kleine bijeenkomsten", buttons: [
|
||||
{
|
||||
text: "Meer info",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Meer info", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Custom taarten",
|
||||
"Kleine gebakjes assortiment",
|
||||
"Levering optioneel",
|
||||
],
|
||||
"Custom taarten", "Kleine gebakjes assortiment", "Levering optioneel"],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
badge: "Zakelijk",
|
||||
price: "Offerte op maat",
|
||||
subtitle: "Ideaal voor bedrijfsevenementen en lunches",
|
||||
buttons: [
|
||||
id: "plan-2", badge: "Zakelijk", price: "Offerte op maat", subtitle: "Ideaal voor bedrijfsevenementen en lunches", buttons: [
|
||||
{
|
||||
text: "Offerte aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Offerte aanvragen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Grote catering bestellingen",
|
||||
"Speciaal brood assortiment",
|
||||
"Bezorgservice inbegrepen",
|
||||
],
|
||||
"Grote catering bestellingen", "Speciaal brood assortiment", "Bezorgservice inbegrepen"],
|
||||
},
|
||||
]}
|
||||
title="Speciale Bestellingen & Catering"
|
||||
@@ -253,35 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
name: "Maria Janssen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
||||
imageAlt: "Maria Janssen",
|
||||
},
|
||||
id: "t-1", name: "Maria Janssen", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg", imageAlt: "Maria Janssen"},
|
||||
{
|
||||
id: "t-2",
|
||||
name: "Pieter de Vries",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-gardener-man-wearing-jumpsuit-hat-holding-pumpkin-going-bite-it-standing-blue-wall_141793-96787.jpg",
|
||||
imageAlt: "Pieter de Vries",
|
||||
},
|
||||
id: "t-2", name: "Pieter de Vries", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-gardener-man-wearing-jumpsuit-hat-holding-pumpkin-going-bite-it-standing-blue-wall_141793-96787.jpg", imageAlt: "Pieter de Vries"},
|
||||
{
|
||||
id: "t-3",
|
||||
name: "Sophie Dubois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-white-shirt-is-holding-cupcakes_158595-1588.jpg",
|
||||
imageAlt: "Sophie Dubois",
|
||||
},
|
||||
id: "t-3", name: "Sophie Dubois", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-white-shirt-is-holding-cupcakes_158595-1588.jpg", imageAlt: "Sophie Dubois"},
|
||||
{
|
||||
id: "t-4",
|
||||
name: "Tom Van der Meer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg",
|
||||
imageAlt: "Tom Van der Meer",
|
||||
},
|
||||
id: "t-4", name: "Tom Van der Meer", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg", imageAlt: "Tom Van der Meer"},
|
||||
{
|
||||
id: "t-5",
|
||||
name: "Lena Mertens",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muffins-coffee_23-2147693688.jpg",
|
||||
imageAlt: "Lena Mertens",
|
||||
},
|
||||
id: "t-5", name: "Lena Mertens", imageSrc: "http://img.b2bpic.net/free-photo/muffins-coffee_23-2147693688.jpg", imageAlt: "Lena Mertens"},
|
||||
]}
|
||||
cardTitle="Heerlijke ervaringen van onze klanten"
|
||||
cardTag="Klanten Vertellen"
|
||||
@@ -295,25 +182,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Kan ik online bestellen?",
|
||||
content: "Momenteel nemen wij bestellingen op via telefoon of e-mail. Wij werken aan een online bestelsysteem.",
|
||||
},
|
||||
id: "faq-1", title: "Kan ik online bestellen?", content: "Momenteel nemen wij bestellingen op via telefoon of e-mail. Wij werken aan een online bestelsysteem."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Bieden jullie glutenvrije opties aan?",
|
||||
content: "Ja, we hebben een selectie van glutenvrije broden en gebakjes. Vraag in de winkel naar de mogelijkheden of bel ons.",
|
||||
},
|
||||
id: "faq-2", title: "Bieden jullie glutenvrije opties aan?", content: "Ja, we hebben een selectie van glutenvrije broden en gebakjes. Vraag in de winkel naar de mogelijkheden of bel ons."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Bezorgen jullie ook?",
|
||||
content: "Voor grote bestellingen of catering is bezorging mogelijk. Neem contact met ons op voor de voorwaarden en beschikbaarheid.",
|
||||
},
|
||||
id: "faq-3", title: "Bezorgen jullie ook?", content: "Voor grote bestellingen of catering is bezorging mogelijk. Neem contact met ons op voor de voorwaarden en beschikbaarheid."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Welke betaalmethoden accepteren jullie?",
|
||||
content: "Wij accepteren contant, pin en de meeste creditcards in de winkel.",
|
||||
},
|
||||
id: "faq-4", title: "Welke betaalmethoden accepteren jullie?", content: "Wij accepteren contant, pin en de meeste creditcards in de winkel."},
|
||||
]}
|
||||
title="Veelgestelde Vragen"
|
||||
description="Heb je een vraag over onze producten of diensten? Hier vind je de antwoorden."
|
||||
@@ -325,18 +200,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Neem Contact Op met Bakkerij Joeri"
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel Ons",
|
||||
href: "tel:+3212345678",
|
||||
},
|
||||
text: "Bel Ons", href: "tel:+3212345678"},
|
||||
{
|
||||
text: "Stuur een E-mail",
|
||||
href: "mailto:info@bakkerijjoeri.be",
|
||||
},
|
||||
text: "Stuur een E-mail", href: "mailto:info@bakkerijjoeri.be"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -345,58 +215,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie",
|
||||
items: [
|
||||
title: "Navigatie", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Over Ons",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over Ons", href: "#about"},
|
||||
{
|
||||
label: "Assortiment",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Assortiment", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Producten",
|
||||
items: [
|
||||
title: "Producten", items: [
|
||||
{
|
||||
label: "Brood",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Brood", href: "#products"},
|
||||
{
|
||||
label: "Gebak",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Gebak", href: "#products"},
|
||||
{
|
||||
label: "Taarten",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Taarten", href: "#products"},
|
||||
{
|
||||
label: "Specials",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Specials", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informatie",
|
||||
items: [
|
||||
title: "Informatie", items: [
|
||||
{
|
||||
label: "Privacybeleid",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacybeleid", href: "#"},
|
||||
{
|
||||
label: "Algemene Voorwaarden",
|
||||
href: "#",
|
||||
},
|
||||
label: "Algemene Voorwaarden", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user