bender/0a2a4ccc-9e7a-4e53-984b-72a2b01fbfeb
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-04-07 13:19:00 +00:00
parent 889edc5b2d
commit 20a36f4603
1 changed files with 28 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/app/page.tsx
View File

@@ -29,40 +29,29 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Diensten",
id: "#services",
},
name: "Diensten", id: "#services"},
{
name: "Werkwijze",
id: "#how-it-works",
},
name: "Werkwijze", id: "#how-it-works"},
]}
brandName="BouwFlow"
button={{
text: "Demo aanvragen",
href: "#contact",
}}
text: "Demo aanvragen", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
logoText="BouwFlow"
description="Werkvoorbereiding in de bouw, maar dan slimmer. Sneller offertes, foutloze materiaallijsten en direct inzicht uit tekeningen."
buttons={[
{
text: "Vraag een demo aan",
href: "#contact",
},
text: "Vraag een demo aan", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-digital-particles_1048-16335.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-digital-particles_1048-16335.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -75,19 +64,13 @@ export default function LandingPage() {
features={[
{
icon: FileText,
title: "OfferteFlow",
description: "Maak offertes 2x sneller met onze slimme sjablonen en automatische berekeningen.",
},
title: "OfferteFlow", description: "Maak offertes 2x sneller met onze slimme sjablonen en automatische berekeningen."},
{
icon: Box,
title: "MateriaalFlow",
description: "Genereer complete materiaallijsten zonder fouten en voorkom vergeten bestellingen.",
},
title: "MateriaalFlow", description: "Genereer complete materiaallijsten zonder fouten en voorkom vergeten bestellingen."},
{
icon: Layers,
title: "ExtractFlow",
description: "Haal automatisch data uit technische tekeningen en kozijnlijsten voor direct inzicht.",
},
title: "ExtractFlow", description: "Haal automatisch data uit technische tekeningen en kozijnlijsten voor direct inzicht."},
]}
title="Onze Core Services"
description="BouwFlow neemt het zware voorbereidende werk uit handen."
@@ -102,19 +85,13 @@ export default function LandingPage() {
features={[
{
icon: Upload,
title: "Stap 1: Upload",
description: "Upload je projecttekening of schets in onze portal.",
},
title: "Stap 1: Upload", description: "Upload je projecttekening of schets in onze portal."},
{
icon: Gauge,
title: "Stap 2: Analyse",
description: "BouwFlow verwerkt de data volledig automatisch.",
},
title: "Stap 2: Analyse", description: "BouwFlow verwerkt de data volledig automatisch."},
{
icon: CheckCircle,
title: "Stap 3: Output",
description: "Ontvang direct een offerte en nauwkeurige lijst.",
},
title: "Stap 3: Output", description: "Ontvang direct een offerte en nauwkeurige lijst."},
]}
title="Simpel in 3 stappen"
description="Bespaar direct 5-10 uur werk per week."
@@ -131,69 +108,51 @@ export default function LandingPage() {
mediaAnimation="slide-up"
bulletPoints={[
{
title: "Bespaar Tijd",
description: "Automatiseer repetitief tekenwerk.",
},
title: "Bespaar Tijd", description: "Automatiseer repetitief tekenwerk."},
{
title: "Minder Fouten",
description: "Elimineer handmatige invoerfouten.",
},
title: "Minder Fouten", description: "Elimineer handmatige invoerfouten."},
{
title: "Direct Resultaat",
description: "Van tekening naar offerte in minuten.",
},
title: "Direct Resultaat", description: "Van tekening naar offerte in minuten."},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="demo"
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Laat ons één project zien"
description="Wij laten je het verschil zien. Vraag vandaag nog een vrijblijvende demo aan en ontdek de kracht van BouwFlow."
mediaAnimation="slide-up"
inputPlaceholder="Jouw e-mailadres"
buttonText="Start met BouwFlow"
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-digital-particles_1048-16335.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-digital-particles_1048-16335.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-digital-particles_1048-16335.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-digital-particles_1048-16335.jpg"
logoText="BouwFlow"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "OfferteFlow",
href: "#services",
},
label: "OfferteFlow", href: "#services"},
{
label: "MateriaalFlow",
href: "#services",
},
label: "MateriaalFlow", href: "#services"},
{
label: "ExtractFlow",
href: "#services",
},
label: "ExtractFlow", href: "#services"},
],
},
{
title: "Bedrijf",
items: [
title: "Bedrijf", items: [
{
label: "Over BouwFlow",
href: "#",
},
label: "Over BouwFlow", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}
@@ -202,4 +161,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}