Merge version_1 into main #1
247
src/app/page.tsx
247
src/app/page.tsx
@@ -17,139 +17,58 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "diensten",
|
||||
},
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "over-ons",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Diensten", id: "diensten" },
|
||||
{ name: "Over ons", id: "over-ons" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Van de Ridder Tuinen"
|
||||
button={{
|
||||
text: "Bespreek je tuin",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Bespreek je tuin", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Vakmanschap voor uw tuin in Apeldoorn"
|
||||
description="Van de Ridder Tuinen is uw professionele hovenier voor tuinonderhoud en tuin aanleg. Bespreek uw droomtuin met ons."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jan de Vries",
|
||||
handle: "@apeldoorn",
|
||||
testimonial: "Zeer tevreden over de snelle en professionele aanpak van Van de Ridder Tuinen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-taking-care-garden_23-2151804047.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marieke Jansen",
|
||||
handle: "@tuin_liefhebber",
|
||||
testimonial: "Echt vakmanschap. Onze tuin ligt er prachtig bij dankzij hun inzet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5463.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bert Veen",
|
||||
handle: "@lokale_klant",
|
||||
testimonial: "Duidelijke afspraken en een zeer net resultaat. Zeker een aanrader.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5462.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sanne Bakker",
|
||||
handle: "@groene_vingers",
|
||||
testimonial: "Super fijn contact en altijd meedenkend voor de beste oplossing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3427.jpg",
|
||||
},
|
||||
{
|
||||
name: "Wim Houtman",
|
||||
handle: "@uddel_bewoner",
|
||||
testimonial: "Snel, vakkundig en betrouwbaar. Precies wat we zochten voor onze tuin.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-plus-size-women-doing-sports-outdoors-focused-chubby-women-different-nationalities-sport-clothes-doing-push-ups-sport-body-positive-concept_74855-21347.jpg",
|
||||
},
|
||||
{ name: "Jan de Vries", handle: "@apeldoorn", testimonial: "Zeer tevreden over de snelle en professionele aanpak van Van de Ridder Tuinen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-robot-taking-care-garden_23-2151804047.jpg" },
|
||||
{ name: "Marieke Jansen", handle: "@tuin_liefhebber", testimonial: "Echt vakmanschap. Onze tuin ligt er prachtig bij dankzij hun inzet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5463.jpg" },
|
||||
{ name: "Bert Veen", handle: "@lokale_klant", testimonial: "Duidelijke afspraken en een zeer net resultaat. Zeker een aanrader.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5462.jpg" },
|
||||
{ name: "Sanne Bakker", handle: "@groene_vingers", testimonial: "Super fijn contact en altijd meedenkend voor de beste oplossing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3427.jpg" },
|
||||
{ name: "Wim Houtman", handle: "@uddel_bewoner", testimonial: "Snel, vakkundig en betrouwbaar. Precies wat we zochten voor onze tuin.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-plus-size-women-doing-sports-outdoors-focused-chubby-women-different-nationalities-sport-clothes-doing-push-ups-sport-body-positive-concept_74855-21347.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Vraag een offerte aan",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Neem contact op",
|
||||
href: "tel:0653343417",
|
||||
},
|
||||
{ text: "Vraag een offerte aan", href: "#contact" },
|
||||
{ text: "Neem contact op", href: "tel:0653343417" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-umbrellas-seen-from-tree_1203-297.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
|
||||
alt: "Klant avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-stone-pavement-made-blocks-grass-winter_181624-42753.jpg",
|
||||
alt: "Klant avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8976.jpg",
|
||||
alt: "Klant avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905236.jpg",
|
||||
alt: "Klant avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-looking-fresh-green-plant_23-2147844325.jpg",
|
||||
alt: "Klant avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg", alt: "Klant avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-stone-pavement-made-blocks-grass-winter_181624-42753.jpg", alt: "Klant avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8976.jpg", alt: "Klant avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905236.jpg", alt: "Klant avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gardener-looking-fresh-green-plant_23-2147844325.jpg", alt: "Klant avatar 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Vakmanschap",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Lokaal",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Betrouwbaar",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Kwaliteit",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Persoonlijk",
|
||||
icon: Users,
|
||||
},
|
||||
{ type: "text-icon", text: "Vakmanschap", icon: Wrench },
|
||||
{ type: "text-icon", text: "Lokaal", icon: MapPin },
|
||||
{ type: "text-icon", text: "Betrouwbaar", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Kwaliteit", icon: Leaf },
|
||||
{ type: "text-icon", text: "Persoonlijk", icon: Users },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,38 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "d1",
|
||||
label: "Aanleg",
|
||||
title: "Tuin aanleggen",
|
||||
items: [
|
||||
"Nieuwbouw tuinen",
|
||||
"Bestrating",
|
||||
"Beplanting",
|
||||
"Ontwerp",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
label: "Onderhoud",
|
||||
title: "Tuinonderhoud",
|
||||
items: [
|
||||
"Snoeien",
|
||||
"Gazon onderhoud",
|
||||
"Seizoensonderhoud",
|
||||
"Onkruid verwijderen",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
label: "Advies",
|
||||
title: "Tuinadvies",
|
||||
items: [
|
||||
"Beplantingsplan",
|
||||
"Onderhoudsadvies",
|
||||
"Tuinrenovatie",
|
||||
],
|
||||
},
|
||||
{ id: "d1", label: "Aanleg", title: "Tuin aanleggen", items: ["Nieuwbouw tuinen", "Bestrating", "Beplanting", "Ontwerp"] },
|
||||
{ id: "d2", label: "Onderhoud", title: "Tuinonderhoud", items: ["Snoeien", "Gazon onderhoud", "Seizoensonderhoud", "Onkruid verwijderen"] },
|
||||
{ id: "d3", label: "Advies", title: "Tuinadvies", items: ["Beplantingsplan", "Onderhoudsadvies", "Tuinrenovatie"] },
|
||||
]}
|
||||
title="Onze diensten"
|
||||
description="Wij bieden alles voor uw tuin in de regio Apeldoorn."
|
||||
@@ -202,12 +92,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Uw hovenier in Uddel en Apeldoorn"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp ons",
|
||||
href: "https://wa.me/31653343417",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp ons", href: "https://wa.me/31653343417" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -217,33 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Lokaal",
|
||||
title: "Regio Apeldoorn",
|
||||
items: [
|
||||
"Altijd in de buurt",
|
||||
"Snelle service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Expert",
|
||||
title: "Vakmanschap",
|
||||
items: [
|
||||
"Jarenlange ervaring",
|
||||
"Gedegen advies",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Direct",
|
||||
title: "Persoonlijk",
|
||||
items: [
|
||||
"Eén contactpersoon",
|
||||
"Heldere afspraken",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "Lokaal", title: "Regio Apeldoorn", items: ["Altijd in de buurt", "Snelle service"] },
|
||||
{ id: "m2", value: "Expert", title: "Vakmanschap", items: ["Jarenlange ervaring", "Gedegen advies"] },
|
||||
{ id: "m3", value: "Direct", title: "Persoonlijk", items: ["Eén contactpersoon", "Heldere afspraken"] },
|
||||
]}
|
||||
title="Waarom kiezen voor Van de Ridder Tuinen?"
|
||||
description="Betrouwbaar vakmanschap dichtbij."
|
||||
@@ -253,19 +114,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Klaar om uw tuin aan te pakken? Bel naar 06 - 53343417 of stuur een bericht via WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel direct",
|
||||
href: "tel:0653343417",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/31653343417",
|
||||
},
|
||||
{ text: "Bel direct", href: "tel:0653343417" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/31653343417" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -273,24 +126,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Adres",
|
||||
items: [
|
||||
{
|
||||
label: "Uttilochweg 16, 3888 LK Uddel",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "06 - 53343417",
|
||||
href: "tel:0653343417",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Adres", items: [{ label: "Uttilochweg 16, 3888 LK Uddel", href: "https://maps.google.com" }] },
|
||||
{ title: "Contact", items: [{ label: "06 - 53343417", href: "tel:0653343417" }] },
|
||||
]}
|
||||
logoText="Van de Ridder Tuinen"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user