bender/ff862f7c-8ad6-4c6f-b6c9-e7c8d0086f13
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-19 16:52:58 +00:00
parent 8289345d9a
commit deffa86908
1 changed files with 61 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files

383
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Diensten",
id: "features",
},
{
name: "Projecten",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Diensten", id: "features" },
{ name: "Projecten", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="De Veranda Man"
/>
@@ -55,104 +43,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Exclusieve Veranda’s & Serres Op Maat"
description="De Veranda Man realiseert hoogwaardige buitenruimte waar comfort, luxe en vakmanschap samenkomen. Uw buitenleven begint hier."
testimonials={[
{
name: "Familie Jansen",
handle: "@klant",
testimonial: "Vakwerk geleverd vanaf het eerste gesprek.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg?_wi=1",
},
{
name: "Dhr. de Vries",
handle: "@klant",
testimonial: "Simon luistert naar je wensen en bedenkt slimme oplossingen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg?_wi=1",
},
{
name: "Familie Bakker",
handle: "@klant",
testimonial: "Geweldige service en een prachtig eindresultaat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg?_wi=1",
},
{
name: "Mevr. Visser",
handle: "@klant",
testimonial: "Zeer professionele aanpak en oog voor detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30889.jpg?_wi=1",
},
{
name: "Dhr. Willems",
handle: "@klant",
testimonial: "Echt een aanrader voor iedereen die een veranda zoekt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg?_wi=1",
},
{ name: "Familie Jansen", handle: "@klant", testimonial: "Vakwerk geleverd vanaf het eerste gesprek.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg" },
{ name: "Dhr. de Vries", handle: "@klant", testimonial: "Simon luistert naar je wensen en bedenkt slimme oplossingen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg" },
{ name: "Familie Bakker", handle: "@klant", testimonial: "Geweldige service en een prachtig eindresultaat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg" },
{ name: "Mevr. Visser", handle: "@klant", testimonial: "Zeer professionele aanpak en oog voor detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30889.jpg" },
{ name: "Dhr. Willems", handle: "@klant", testimonial: "Echt een aanrader voor iedereen die een veranda zoekt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg" }
]}
buttons={[
{
text: "Gratis Offerte",
href: "#contact",
},
{
text: "Bekijk Projecten",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/indoor-oasis-sunlit-dining-with-lush-greenery_23-2152008216.jpg?_wi=1"
buttons={[{ text: "Gratis Offerte", href: "#contact" }, { text: "Bekijk Projecten", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/indoor-oasis-sunlit-dining-with-lush-greenery_23-2152008216.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
alt: "Klant avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg",
alt: "Klant avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg",
alt: "Klant avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-plants_23-2149722631.jpg",
alt: "Klant avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-family-playing-with-child_23-2149001391.jpg",
alt: "Klant avatar 5",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg", alt: "Klant avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg", alt: "Klant avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg", alt: "Klant avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-plants_23-2149722631.jpg", alt: "Klant avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-family-playing-with-child_23-2149001391.jpg", alt: "Klant avatar 5" }
]}
avatarText="Bekroond door meer dan 100 tevreden klanten"
marqueeItems={[
{
type: "text",
text: "Maatwerk",
},
{
type: "text",
text: "Hoogwaardig Hout",
},
{
type: "text",
text: "Snelle Realisatie",
},
{
type: "text",
text: "Persoonlijk Advies",
},
{
type: "text",
text: "Duurzaam Design",
},
{ type: "text", text: "Maatwerk" },
{ type: "text", text: "Hoogwaardig Hout" },
{ type: "text", text: "Snelle Realisatie" },
{ type: "text", text: "Persoonlijk Advies" },
{ type: "text", text: "Duurzaam Design" }
]}
/>
</div>
@@ -162,9 +79,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Vakmanschap in Elk Detail"
description={[
"Bij De Veranda Man geloven we dat een buitenruimte meer is dan alleen een overkapping. Het is een verlengstuk van uw woning.",
"Simon en zijn team staan voor persoonlijk contact, meedenken in oplossingen en een zeer nette afwerking.",
"Wij garanderen betrouwbaarheid en vakmanschap bij elk project.",
"Bij De Veranda Man geloven we dat een buitenruimte meer is dan alleen een overkapping. Het is een verlengstuk van uw woning.", "Simon en zijn team staan voor persoonlijk contact, meedenken in oplossingen en een zeer nette afwerking.", "Wij garanderen betrouwbaarheid en vakmanschap bij elk project."
]}
/>
</div>
@@ -176,65 +91,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Luxe Veranda’s",
description: "Maatwerk veranda’s voor elk type woning.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg",
},
items: [
{
icon: CheckCircle,
text: "Houtbouw van kwaliteit",
},
{
icon: CheckCircle,
text: "Persoonlijk ontwerp",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-oasis-sunlit-dining-with-lush-greenery_23-2152008216.jpg?_wi=2",
imageAlt: "custom veranda architecture detail",
title: "Luxe Veranda’s", description: "Maatwerk veranda’s voor elk type woning.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg" },
items: [{ icon: CheckCircle, text: "Houtbouw van kwaliteit" }, { icon: CheckCircle, text: "Persoonlijk ontwerp" }],
reverse: false
},
{
title: "Serres & Tuinkamers",
description: "Geniet het hele jaar door van uw tuin.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
},
items: [
{
icon: CheckCircle,
text: "Licht en comfort",
},
{
icon: CheckCircle,
text: "Geïsoleerde oplossingen",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-worker_23-2147773330.jpg",
imageAlt: "custom veranda architecture detail",
title: "Serres & Tuinkamers", description: "Geniet het hele jaar door van uw tuin.", media: { imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg" },
items: [{ icon: CheckCircle, text: "Licht en comfort" }, { icon: CheckCircle, text: "Geïsoleerde oplossingen" }],
reverse: true
},
{
title: "Carports & Overkappingen",
description: "Functioneel design met stijl.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-sanding-wood-with-orbital-sander-workshop_23-2147944826.jpg",
},
items: [
{
icon: CheckCircle,
text: "Nette uitvoering",
},
{
icon: CheckCircle,
text: "Duurzame materialen",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg?_wi=1",
imageAlt: "custom veranda architecture detail",
},
title: "Carports & Overkappingen", description: "Functioneel design met stijl.", media: { imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-sanding-wood-with-orbital-sander-workshop_23-2147944826.jpg" },
items: [{ icon: CheckCircle, text: "Nette uitvoering" }, { icon: CheckCircle, text: "Duurzame materialen" }],
reverse: false
}
]}
title="Onze Specialisaties"
description="Hoogwaardige maatwerkoplossingen voor elke buitenruimte."
@@ -246,49 +116,14 @@ export default function LandingPage() {
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "1",
name: "Luxe Veranda Modern",
price: "Op aanvraag",
variant: "Veranda",
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg?_wi=2",
},
{
id: "2",
name: "Landelijke Serre",
price: "Op aanvraag",
variant: "Serre",
imageSrc: "http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg",
},
{
id: "3",
name: "Moderne Tuinkamer",
price: "Op aanvraag",
variant: "Tuinkamer",
imageSrc: "http://img.b2bpic.net/free-photo/parasol-located-old-quarter-seville_268835-15507.jpg",
},
{
id: "4",
name: "Design Carport",
price: "Op aanvraag",
variant: "Carport",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692243.jpg",
},
{
id: "5",
name: "Glazen Schuifwand",
price: "Op aanvraag",
variant: "Maatwerk",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cement-seat-urban-park_23-2148328851.jpg",
},
{
id: "6",
name: "Exclusieve Overkapping",
price: "Op aanvraag",
variant: "Maatwerk",
imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-beautiful-business-woman-with-laptop-documents-drinks-her-coffee-morning-nea_1258-116850.jpg",
},
{ id: "1", name: "Luxe Veranda Modern", price: "Op aanvraag", variant: "Veranda", imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg" },
{ id: "2", name: "Landelijke Serre", price: "Op aanvraag", variant: "Serre", imageSrc: "http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg" },
{ id: "3", name: "Moderne Tuinkamer", price: "Op aanvraag", variant: "Tuinkamer", imageSrc: "http://img.b2bpic.net/free-photo/parasol-located-old-quarter-seville_268835-15507.jpg" },
{ id: "4", name: "Design Carport", price: "Op aanvraag", variant: "Carport", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692243.jpg" },
{ id: "5", name: "Glazen Schuifwand", price: "Op aanvraag", variant: "Maatwerk", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cement-seat-urban-park_23-2148328851.jpg" },
{ id: "6", name: "Exclusieve Overkapping", price: "Op aanvraag", variant: "Maatwerk", imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-beautiful-business-woman-with-laptop-documents-drinks-her-coffee-morning-nea_1258-116850.jpg" }
]}
title="Gerealiseerde Projecten"
description="Een impressie van ons maatwerk vakmanschap."
@@ -301,41 +136,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Familie Bakker",
role: "Klant",
testimonial: "Veel goede adviezen en super netjes gewerkt.",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg?_wi=2",
},
{
id: "2",
name: "Klant 2",
role: "Klant",
testimonial: "Simon luistert naar je wensen en bedenkt slimme oplossingen.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg?_wi=2",
},
{
id: "3",
name: "Klant 3",
role: "Klant",
testimonial: "Vakwerk geleverd vanaf het eerste gesprek.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg?_wi=2",
},
{
id: "4",
name: "Klant 4",
role: "Klant",
testimonial: "Enorme aanrader voor iedereen.",
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30889.jpg?_wi=2",
},
{
id: "5",
name: "Klant 5",
role: "Klant",
testimonial: "Zeer tevreden over de snelle communicatie.",
imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg?_wi=2",
},
{ id: "1", name: "Familie Bakker", role: "Klant", testimonial: "Veel goede adviezen en super netjes gewerkt.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg" },
{ id: "2", name: "Klant 2", role: "Klant", testimonial: "Simon luistert naar je wensen en bedenkt slimme oplossingen.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-rooftop-enjoying-time-together_23-2147891229.jpg" },
{ id: "3", name: "Klant 3", role: "Klant", testimonial: "Vakwerk geleverd vanaf het eerste gesprek.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg" },
{ id: "4", name: "Klant 4", role: "Klant", testimonial: "Enorme aanrader voor iedereen.", imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30889.jpg" },
{ id: "5", name: "Klant 5", role: "Klant", testimonial: "Zeer tevreden over de snelle communicatie.", imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176587.jpg" }
]}
title="Wat Klanten Zeggen"
description="Ervaringen met De Veranda Man."
@@ -347,36 +152,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "1. Kennismaking",
content: "We bespreken uw wensen aan huis.",
},
{
id: "2",
title: "2. Advies & Ontwerp",
content: "Samen maken we een ontwerp op maat.",
},
{
id: "3",
title: "3. Offerte",
content: "Een heldere offerte zonder verrassingen.",
},
{
id: "4",
title: "4. Planning",
content: "We plannen de werkzaamheden in.",
},
{
id: "5",
title: "5. Realisatie",
content: "Vakmanschap bij u thuis.",
},
{
id: "6",
title: "6. Oplevering",
content: "Genieten van uw nieuwe buitenruimte.",
},
{ id: "1", title: "1. Kennismaking", content: "We bespreken uw wensen aan huis." },
{ id: "2", title: "2. Advies & Ontwerp", content: "Samen maken we een ontwerp op maat." },
{ id: "3", title: "3. Offerte", content: "Een heldere offerte zonder verrassingen." },
{ id: "4", title: "4. Planning", content: "We plannen de werkzaamheden in." },
{ id: "5", title: "5. Realisatie", content: "Vakmanschap bij u thuis." },
{ id: "6", title: "6. Oplevering", content: "Genieten van uw nieuwe buitenruimte." }
]}
title="Het Proces"
description="In 6 stappen naar uw droomveranda."
@@ -389,21 +170,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Wat zijn de kosten?",
content: "Elk project is maatwerk. Vraag een offerte aan voor een prijsindicatie.",
},
{
id: "q2",
title: "Hoe lang is de levertijd?",
content: "In overleg plannen we de realisatie in.",
},
{
id: "q3",
title: "Werken jullie in heel Nederland?",
content: "Ja, wij zijn actief door heel Nederland.",
},
{ id: "q1", title: "Wat zijn de kosten?", content: "Elk project is maatwerk. Vraag een offerte aan voor een prijsindicatie." },
{ id: "q2", title: "Hoe lang is de levertijd?", content: "In overleg plannen we de realisatie in." },
{ id: "q3", title: "Werken jullie in heel Nederland?", content: "Ja, wij zijn actief door heel Nederland." }
]}
title="Veelgestelde Vragen"
description="Antwoorden op uw vragen over veranda's."
@@ -417,36 +186,12 @@ export default function LandingPage() {
title="Vraag Vandaag Nog Uw Gratis Veranda Advies Aan"
description="Neem direct contact op via het formulier, WhatsApp of telefoon."
inputs={[
{
name: "name",
type: "text",
placeholder: "Uw naam",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Telefoonnummer",
required: true,
},
{
name: "email",
type: "email",
placeholder: "E-mailadres",
required: true,
},
{
name: "city",
type: "text",
placeholder: "Woonplaats",
required: true,
},
{ name: "name", type: "text", placeholder: "Uw naam", required: true },
{ name: "phone", type: "tel", placeholder: "Telefoonnummer", required: true },
{ name: "email", type: "email", placeholder: "E-mailadres", required: true },
{ name: "city", type: "text", placeholder: "Woonplaats", required: true }
]}
textarea={{
name: "message",
placeholder: "Beschrijf uw wensen",
required: true,
}}
textarea={{ name: "message", placeholder: "Beschrijf uw wensen", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/woman-with-smartphone-sitting-cafe_23-2147771342.jpg"
/>
</div>
@@ -454,14 +199,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="De Veranda Man"
leftLink={{
text: "Privacy Policy",
href: "/privacy",
}}
rightLink={{
text: "Algemene Voorwaarden",
href: "/voorwaarden",
}}
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
rightLink={{ text: "Algemene Voorwaarden", href: "/voorwaarden" }}
/>
</div>
</ReactLenis>