Kopieer mijn AI-setup.Verdien €2.000+ per opdracht.

Je krijgt precies mijn setup — Claude Code, agents en tools — én je leert meteen hoe alles werkt: websites, apps, agents en eigen software bouwen, en er opdrachten + maandelijkse inkomsten uit halen.

E-mailadres

Website

Kopieer mijn setup→

 

Gratis · Geen spam · Je hoort het als eerste

debruin-vloerenClaude Code

TS VloerCalculator.tsxTS route.tsSimple Browser

components › VloerCalculator.tsx › VloerCalculator

1"use client";

2import { useState } from "react";

3import { prijsPerM2 } from "@/lib/prijzen";

4

5export default function VloerCalculator() {

6 const [m2, setM2] = useState(45);

7 const [patroon, setPatroon] = useState("visgraat");

8 const totaal = m2 * prijsPerM2[patroon];

9

10 return (

11 <form className="rounded-2xl bg-navy p-6 text-cream">

12 <label htmlFor="m2">Hoe groot is je ruimte?</label>

13 <input id="m2" value={m2} onChange={(e) => setM2(+e.target.value)} />

14 <p>Vanaf € {totaal.toLocaleString("nl-NL")}</p>

15 <button type="submit">Bereken mijn vloerprijs →</button>

16 </form>

17 );

18}

‹›↻localhost:3000

De BruinVloerenVloerenCalculatorProjectenContactBereken je vloerprijs

Direct inzicht

Wat kost jouw pvc vloer?

Vul een paar korte vragen in en ontvang direct een heldere prijsindicatie voor materiaal, voorbereiding en plaatsing.

Stap 1 van 4

Hoe groot is je ruimte?

45 m²✎

20 m²40 m²60 m²80 m²

Bereken mijn vloerprijs →

✓ Geen e-mailadres nodig✓ Inclusief leggen✓ Binnen 1 minuut klaar

Kies je legpatroonLive calculatie

Rechte plankenVoordeligVisgraatMeest gekozenHongaarse puntPremium

✓ Direct een heldere prijsindicatie

mobiel ok

PROBLEMSOUTPUTDEBUG CONSOLETERMINALPORTS

➜ debruin-vloeren git:(main) pnpm dev

▲ Next.js 16.3.2 (Turbopack) · http://localhost:3000

✓ Ready in 612ms

○ Compiling / … ✓ Compiled / in 1.2s

POST /api/offerte 200 in 84ms

›‹⎇ main*⊗ 0 ⚠ 0Ln 11, Col 31Spaces: 2UTF-8LFTypeScript JSXClaude Code ✓