Merge version_2 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Over ons", id: "about" },
|
||||
{ name: "Diensten", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kostelijk"
|
||||
/>
|
||||
@@ -52,64 +40,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your dream garden, expertly designed and maintained"
|
||||
description="Hoveniers Bedrijf Kostelijk transforms outdoor spaces with 15 years of professional landscaping expertise. From concept to completion, we handle every detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Uw droomtuin, vakkundig ontworpen en onderhouden"
|
||||
description="Hoveniersbedrijf Kostelijk transformeert buitenruimtes met 15 jaar professionele ervaring. Van ontwerp tot realisatie, wij regelen elk detail."
|
||||
buttons={[{ text: "Bekijk ons portfolio", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/night-barbecue-garden_23-2147643505.jpg",
|
||||
alt: "Night barbecue in the garden",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698292.jpg",
|
||||
alt: "Rustic patio furniture on house deck with vegetation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479107.jpg",
|
||||
alt: "Photorealistic sustainable garden with home grown plants",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/summer-barbecue-night_23-2147643500.jpg",
|
||||
alt: "Summer barbecue at night",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
|
||||
alt: "Young beautiful brunette woman wearing casual sweater",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/night-barbecue-garden_23-2147643505.jpg", alt: "Tuin" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698292.jpg", alt: "Patio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479107.jpg", alt: "Tuin" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/night-barbecue-garden_23-2147643505.jpg",
|
||||
alt: "Night barbecue",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698292.jpg",
|
||||
alt: "Rustic patio",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479107.jpg",
|
||||
alt: "Sustainable garden",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "15 Jaar Ervaring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kwaliteit & Passie",
|
||||
},
|
||||
{ type: "text", text: "15 Jaar Ervaring" },
|
||||
{ type: "text", text: "Kwaliteit & Passie" },
|
||||
{ type: "text", text: "Vakmanschap" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,21 +61,12 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Over 15 Years of Experience"
|
||||
description="Als het werk klaar is, even bijkomen van een drukke dag. Waar kunt u dat nu beter doen dan in uw eigen tuin? Maar wat als uw tuin helemaal niet naar wens is? Dan kan Hoveniersbedrijf Kostelijk u helpen. Wij hebben de passie en kennis om uw buitenruimte om te toveren tot uw eigen rustpunt."
|
||||
title="Ruim 15 Jaar Ervaring"
|
||||
description="Even bijkomen van een drukke dag? Waar kan dat beter dan in uw eigen tuin? Als uw tuin niet naar wens is, staat Hoveniersbedrijf Kostelijk voor u klaar. Wij hebben de passie en de kennis om uw buitenruimte om te toveren tot een oase van rust."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Jaar ervaring",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Succesvolle projecten",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Tevreden klanten",
|
||||
},
|
||||
{ value: "15+", title: "Jaar ervaring" },
|
||||
{ value: "100+", title: "Succesvolle projecten" },
|
||||
{ value: "100%", title: "Tevreden klanten" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12446.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -146,29 +81,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ontwerp",
|
||||
description: "Een professioneel tuinontwerp dat aansluit bij uw persoonlijke wensen en levensstijl.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg",
|
||||
},
|
||||
id: "1", title: "Ontwerp", description: "Een professioneel tuinontwerp dat aansluit bij uw persoonlijke wensen en levensstijl.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Aanleg",
|
||||
description: "Vakkundige realisatie van uw tuin door ervaren hoveniers met oog voor detail.",
|
||||
tag: "Bouw",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21665.jpg",
|
||||
},
|
||||
id: "2", title: "Aanleg", description: "Vakkundige realisatie van uw tuin door ervaren hoveniers met oog voor detail.", tag: "Bouw", imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21665.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Onderhoud",
|
||||
description: "Periodiek onderhoud zodat uw tuin elk seizoen weer in topconditie verkeert.",
|
||||
tag: "Zorg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg",
|
||||
},
|
||||
id: "3", title: "Onderhoud", description: "Periodiek onderhoud zodat uw tuin elk seizoen weer in topconditie verkeert.", tag: "Zorg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg"},
|
||||
]}
|
||||
title="Onze Diensten"
|
||||
description="Van eerste ontwerp tot jaarlijks onderhoud, wij zorgen voor uw tuin met de grootst mogelijke zorg."
|
||||
description="Van het eerste ontwerp tot het periodieke onderhoud, wij zorgen voor uw tuin met de grootst mogelijke zorg en aandacht."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,43 +99,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jan de Vries",
|
||||
handle: "Omgeving",
|
||||
testimonial: "Zeer tevreden over de nieuwe aanleg van onze achtertuin. Vakmanschap ten top!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg",
|
||||
},
|
||||
id: "1", name: "Jan de Vries", handle: "Omgeving", testimonial: "Zeer tevreden over de nieuwe aanleg van onze achtertuin. Puur vakmanschap!", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Annelies Bakker",
|
||||
handle: "Omgeving",
|
||||
testimonial: "Hoveniersbedrijf Kostelijk heeft onze droomtuin werkelijkheid laten worden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Visser",
|
||||
handle: "Omgeving",
|
||||
testimonial: "Onderhoud is altijd tot in de puntjes verzorgd. Absolute aanrader.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie Janssen",
|
||||
handle: "Omgeving",
|
||||
testimonial: "Dankzij hun ontwerp kunnen we eindelijk echt genieten van onze tuin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Peter Mulder",
|
||||
handle: "Omgeving",
|
||||
testimonial: "Deskundig advies en een vriendelijk team. Zeer professioneel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
},
|
||||
id: "2", name: "Annelies Bakker", handle: "Omgeving", testimonial: "Hoveniersbedrijf Kostelijk heeft onze droomtuin werkelijkheid laten worden.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg"}
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Ervaringen van tevreden klanten uit Broek op Langedijk en omstreken."
|
||||
description="Ervaringen van tevreden klanten uit de regio Broek op Langedijk."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -224,21 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wat zijn jullie werkgebieden?",
|
||||
content: "Wij zijn voornamelijk werkzaam in Broek op Langedijk en de omliggende regio.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bieden jullie ook tuinonderhoud aan?",
|
||||
content: "Ja, wij bieden zowel eenmalig als periodiek tuinonderhoud op maat aan.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Kan ik een vrijblijvende offerte aanvragen?",
|
||||
content: "Absoluut, neem contact met ons op via de contactpagina voor een vrijblijvend adviesgesprek.",
|
||||
},
|
||||
{ id: "1", title: "Wat zijn jullie werkgebieden?", content: "Wij zijn voornamelijk werkzaam in Broek op Langedijk en de omliggende regio." },
|
||||
{ id: "2", title: "Bieden jullie ook tuinonderhoud aan?", content: "Ja, wij bieden zowel eenmalig als periodiek tuinonderhoud op maat aan." },
|
||||
{ id: "3", title: "Kan ik een vrijblijvende offerte aanvragen?", content: "Absoluut, neem contact met ons op voor een vrijblijvend adviesgesprek." },
|
||||
]}
|
||||
title="Veelgestelde vragen"
|
||||
description="Alles wat u moet weten over onze diensten en werkwijze."
|
||||
@@ -251,50 +128,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Klaar om uw tuin naar een hoger niveau te tillen? Neem contact met ons op voor een persoonlijk adviesgesprek."
|
||||
buttons={[
|
||||
{
|
||||
text: "Stuur ons een bericht",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Klaar om uw tuin naar een hoger niveau te tillen? Neem contact met ons op voor een persoonlijk gesprek."
|
||||
buttons={[{ text: "Stuur ons een bericht", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Over ons",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacybeleid",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Over ons", href: "#about" }, { label: "Diensten", href: "#features" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacybeleid", href: "#" }] },
|
||||
]}
|
||||
logoText="Kostelijk"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user