Compare commits
53 Commits
version_2
...
version_16
| Author | SHA1 | Date | |
|---|---|---|---|
| a807f1a87a | |||
| 746bf5c490 | |||
| 3ed0f870e6 | |||
| f6dad1c6a1 | |||
| 6976b702fa | |||
| 61c64c0f1a | |||
| a5ac1217b7 | |||
| be6cf657df | |||
| 57333c1800 | |||
| 448f10f7b4 | |||
| 1959a32b27 | |||
| 976f4ef359 | |||
| b4948e2ede | |||
| 095c3fb9b8 | |||
| 69141096be | |||
| d1b9cef77a | |||
| 8e37334927 | |||
| 5564452dd9 | |||
| 01eeba5b25 | |||
| c532b52f97 | |||
| 64e08e0e26 | |||
| 28462a349e | |||
| 2ad83c8cc9 | |||
| 96d2ebbc46 | |||
| 0961476e20 | |||
| 28bc7f1378 | |||
| d07183b6d0 | |||
| 00ce4ec83d | |||
| 9283b884a8 | |||
| 23c40ed14e | |||
| 62e1619ca4 | |||
| 714676b710 | |||
| a5f82d4c9c | |||
| 1b04ae7cc4 | |||
| 489c09d420 | |||
| aafb13fd2b | |||
| 7b6460ec5f | |||
| 097dbbc513 | |||
| 8e65196a32 | |||
| 2cc8c957cf | |||
| cb9b6c3db4 | |||
| 3ffe91b162 | |||
| 631aa01ad0 | |||
| 0f7dfdb8d2 | |||
| 4d7bbd775c | |||
| bad83303c1 | |||
| b53418f86c | |||
| 0054a8cbe5 | |||
| 4bdcd2fcc3 | |||
| 8bf48e75a4 | |||
| 893bb70cc0 | |||
| 7abdbb79c4 | |||
| e6b0e612b3 |
140
src/app/page.tsx
140
src/app/page.tsx
@@ -7,7 +7,6 @@ import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestim
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
@@ -30,54 +29,60 @@ export default function LandscapingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="GreenScape"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776377688661-negoqo85.png"
|
||||
logoClassName="!w-20 !h-20 md:!w-28 md:!h-28"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Diensten", id: "services" },
|
||||
{ name: "Over ons", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Call Now", href: "#contact" }}
|
||||
button={{ text: "Offerte Aanvragen", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
tag="Professional Landscaping"
|
||||
tag="Lokaal bedrijf in Kerkrade"
|
||||
tagIcon={Leaf}
|
||||
title="Transform Your Outdoor Space"
|
||||
description="Professional landscaping design, installation, and maintenance services. From lush gardens to stunning hardscapes, we bring your vision to life."
|
||||
title="Duurzame energie voor jouw thuis of bedrijf"
|
||||
description="Volt Duurzame Techniek installeert zonnepanelen en laadpalen in de regio Kerkrade. Vakkundig, eerlijk en lokaal."
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
{ text: "Gratis Offerte Aanvragen", href: "#contact" },
|
||||
{ text: "Onze Diensten", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776376475391-c26m28vv.png"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776378869605-n5dbejzh.png"
|
||||
imageAlt="Landscaped garden with manicured lawn and shrubs"
|
||||
showDimOverlay={true}
|
||||
textPosition="top"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.", handle: "Homeowner", testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", imageAlt: "Sarah M."},
|
||||
name: "Mark D.", handle: "Kerkrade", testimonial: "Volt heeft bij ons zonnepanelen geplaatst. Alles werd duidelijk uitgelegd en de installatie was binnen een dag klaar. Echt een aanrader!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776379735725-v0emyoc1.png"
|
||||
},
|
||||
{
|
||||
name: "David K.", handle: "Property Manager", testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", imageAlt: "David K."},
|
||||
name: "Sandra B.", handle: "Eygelshoven", testimonial: "Laadpaal laten installeren voor mijn elektrische auto. Snel, netjes en eerlijke prijs. Top service!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776379735725-x9ivjkdl.png"
|
||||
},
|
||||
{
|
||||
name: "Rob H.", handle: "Landgraaf", testimonial: "Fijn lokaal bedrijf. Persoonlijk advies gekregen en precies de juiste oplossing voor ons pand. Zeer tevreden!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776379735725-ia85hjom.png"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About GreenScape"
|
||||
tag="Over Volt Duurzame Techniek"
|
||||
tagIcon={Leaf}
|
||||
tagAnimation="slide-up"
|
||||
title="We've been transforming outdoor spaces for over 15 years — delivering designs that homeowners love and landscapes that last."
|
||||
description="James Carter, Lead Designer"
|
||||
subdescription="Founded in 2010"
|
||||
title="Al jaren installeren wij zonnepanelen en laadpalen in de regio Kerkrade — betrouwbaar, lokaal en altijd vakkundig uitgevoerd."
|
||||
description="Chretien, Eigenaar & Installateur"
|
||||
subdescription=" Opgericht in 2022"
|
||||
icon={TreePine}
|
||||
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/about-video.mp4"
|
||||
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776383923478-2byrx1mn.mp4"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -85,23 +90,24 @@ export default function LandscapingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
tag="Our Services"
|
||||
tag="Onze Diensten"
|
||||
tagIcon={Leaf}
|
||||
title="What We Do"
|
||||
description="From design to maintenance, we handle every aspect of your landscape."
|
||||
title="Wat Wij Doen"
|
||||
description="Van advies tot installatie, wij regelen alles voor jou."
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageContainerClassName="!rotate-0 !aspect-square"
|
||||
features={[
|
||||
{
|
||||
tag: "Design", title: "Landscape Design", subtitle: "Custom Plans", description: "We create tailored landscape designs that complement your property's architecture and your personal style.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg", imageAlt: "Landscape design"},
|
||||
tag: "Duurzame energie", title: "Zonnepanelen", subtitle: "Particulier & Zakelijk", description: "Wij installeren zonnepanelen op woningen en bedrijfspanden, volledig op maat voor jouw situatie.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776381176828-udesf7lw.png", imageAlt: "Landscape design"
|
||||
},
|
||||
{
|
||||
tag: "Installation", title: "Hardscape & Softscape", subtitle: "Full Installation", description: "From patios and walkways to gardens and trees, we handle the complete installation process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg", imageAlt: "Hardscape installation"},
|
||||
tag: "Elektrisch rijden", title: "Laadpalen", subtitle: "Thuis & Bedrijf", description: "Wij installeren slimme laadpalen voor elektrische auto's, zowel thuis als op het bedrijfspand.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776380953136-0bgjw33j.png", imageAlt: "Hardscape installation"
|
||||
},
|
||||
{
|
||||
tag: "Maintenance", title: "Lawn & Garden Care", subtitle: "Ongoing Service", description: "Keep your property looking pristine year-round with our professional maintenance plans.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg", imageAlt: "Lawn maintenance"},
|
||||
{
|
||||
tag: "Irrigation", title: "Smart Irrigation", subtitle: "Water Management", description: "Efficient irrigation systems that keep your landscape healthy while conserving water.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg", imageAlt: "Irrigation system"},
|
||||
tag: "Persoonlijk advies", title: "Advies & Installatie", subtitle: "Maatwerk", description: "Weet je niet wat het beste bij jou past? Wij geven eerlijk persoonlijk advies en regelen de volledige installatie van begin tot eind.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776381386087-p49uqpue.png", imageAlt: "Lawn maintenance"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,27 +122,14 @@ export default function LandscapingPage() {
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Lokaal bedrijf", role: "Diep geworteld in de regio met persoonlijke aandacht voor elke klant.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg", imageAlt: "Lokaal bedrijf"},
|
||||
id: "1", name: "Lokaal bedrijf", role: "Diep geworteld in de regio met persoonlijke aandacht voor elke klant.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776382066105-mj1fnm66.png", imageAlt: "Lokaal bedrijf"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Transparante prijzen", role: "Eerlijke prijzen zonder verborgen kosten, vooraf duidelijk gecommuniceerd.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg", imageAlt: "Transparante prijzen"},
|
||||
id: "2", name: "Transparante prijzen", role: "Eerlijke prijzen zonder verborgen kosten, vooraf duidelijk gecommuniceerd.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776382372209-7jfdgjzh.png", imageAlt: "Transparante prijzen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Snelle service", role: "Wij zijn snel ter plaatse voor uw tuinonderhoud en projecten.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg", imageAlt: "Snelle service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
tag="Ons Team"
|
||||
title="Meet the Expert"
|
||||
description="Uw toegewijde hovenier."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Chretien", role: "Senior Hovenier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg", imageAlt: "Chretien"}
|
||||
id: "3", name: "Snelle service", role: "Wij zijn snel ter plaatse voor uw tuinonderhoud en projecten.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776382784364-rkopvk8w.jpg", imageAlt: "Snelle service"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,17 +144,17 @@ export default function LandscapingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Wat is uw werkgebied?", content: "Wij zijn werkzaam in de regio rondom Eygelshoven."},
|
||||
id: "1", title: "Wat is uw werkgebied?", content: "Wij zijn werkzaam in de regio rondom Eygelshoven."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Bieden jullie vrijblijvend advies?", content: "Jazeker, wij komen graag langs om uw tuinwensen te bespreken."},
|
||||
id: "2", title: "Bieden jullie vrijblijvend advies?", content: "Jazeker, wij komen graag langs om uw wensen te bespreken."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Hoe snel kunnen jullie starten?", content: "Dankzij onze efficiënte planning kunnen wij vaak op korte termijn starten."},
|
||||
id: "3", title: "Hoe snel kunnen jullie starten?", content: "Dankzij onze efficiënte planning kunnen wij vaak op korte termijn starten."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Zijn jullie prijzen transparant?", content: "Absoluut, u ontvangt altijd een heldere offerte vooraf."},
|
||||
{
|
||||
id: "5", title: "Bieden jullie ook onderhoud aan?", content: "Ja, wij bieden diverse onderhoudscontracten voor uw tuin."},
|
||||
{
|
||||
id: "6", title: "Wat is uw KVK nummer?", content: "Ons KVK nummer is 12345678, dit staat ook op al onze offertes."},
|
||||
id: "4", title: "Zijn jullie prijzen transparant?", content: "Absoluut, u ontvangt altijd een heldere offerte vooraf."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -180,23 +173,22 @@ export default function LandscapingPage() {
|
||||
<div className="absolute inset-0 bg-foreground/70" />
|
||||
</div>
|
||||
<ContactSplitForm
|
||||
title="Get Your Free Estimate"
|
||||
description="Tell us about your project and we'll get back to you within 24 hours."
|
||||
title="Vraag een gratis offerte aan"
|
||||
description="Vertel ons over uw project en wij nemen binnen 24 uur contact met u op."
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="none"
|
||||
buttonText="Send Message"
|
||||
buttonText="Verstuur"
|
||||
contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
|
||||
|
||||
mediaWrapperClassName="hidden"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
{ name: "name", type: "text", placeholder: "Volledige Naam", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-mailadres", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Telefoonnummer" },
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "service", label: "Select a Service", options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
|
||||
name: "service", label: "Kies een dienst", options: ["Zonnepanelen", "Laadpaal"],
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
|
||||
textarea={{ name: "message", placeholder: "Beschrijf uw project...", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -204,24 +196,20 @@ export default function LandscapingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Landscape Design", href: "#services" },
|
||||
{ label: "Hardscape & Softscape", href: "#services" },
|
||||
{ label: "Lawn & Garden Care", href: "#services" },
|
||||
{ label: "Smart Irrigation", href: "#services" },
|
||||
title: "Diensten", items: [
|
||||
{ label: "Zonnepanelen", href: "#services" },
|
||||
{ label: "Laadpalen", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Laurastraat 131" },
|
||||
{ label: "6471 JK Eygelshoven" },
|
||||
{ label: "KVK: 12345678" },
|
||||
{ label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
|
||||
{ label: "Kerkrade, Nederland" },
|
||||
{ label: "hello@volt-techniek.nl", href: "mailto:hello@volt-techniek.nl" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2026 GreenScape Landscaping"
|
||||
bottomRightText="All rights reserved"
|
||||
bottomLeftText="© 2026 Volt Duurzame Techniek"
|
||||
bottomRightText="Alle rechten voorbehouden"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user