Vergelijk honderden verzekeringen en sluit direct online af. Binnen 5 minuten uw dekking geregeld.
Zorgverzekering · Autoverzekering · Inboedelverzekering · Reisverzekering · Rechtsbijstand · Levensverzekering
Voer uw gegevens in en ontdek binnen seconden welke verzekering het beste bij uw situatie past. VerzekeringDirect vergelijkt direct alle aanbieders zodat u altijd de scherpste premie krijgt.
Selecteer het type verzekering dat u zoekt: zorg, auto, wonen of zakelijk.
Vul uw geboortedatum, postcode en gewenste ingangsdatum in voor een nauwkeurige berekening.
Bekijk een overzichtelijke vergelijking van alle aanbieders op prijs én dekking.
Sluit uw verzekering direct online af — zonder gedoe, zonder papierwerk.
Bij VerzekeringDirect kiest u altijd de verzekering die aansluit bij uw wensen én budget. Of u nu uw gezondheid, auto, woning of bedrijf wilt verzekeren — wij hebben de juiste oplossing.
Verplichte basisverzekering plus aanvullende pakketten. Vergelijk alle zorgverzekeraars op premie, eigen risico en vergoedingen.
WA, beperkt of volledig casco. Kies de dekking die past bij uw rijgedrag en voertuigwaarde.
Inboedel- en opstalverzekering voor huurders en eigenaren. Inclusief aansprakelijkheid en rechtsbijstand.
Bedrijfsaansprakelijkheid, beroepsaansprakelijkheid en bedrijfsschadeverzekering voor ondernemers.
Meer dan 500.000 Nederlanders gingen u voor. Ontdek waarom zij kiezen voor VerzekeringDirect.
Beoordeeld door echte klanten via onafhankelijk reviewplatform.
Wij vergelijken meer dan 200 verzekeringen van alle grote aanbieders.
Uw polis, schademeldingen en documenten altijd beschikbaar via het klantportaal.
Vergelijken en afsluiten via VerzekeringDirect is altijd gratis voor u.
Van vergelijken tot afsluiten in drie eenvoudige stappen. Ons platform is ontworpen om het vinden van de beste verzekering zo eenvoudig en transparant mogelijk te maken.
Voer uw gegevens in en bekijk direct alle opties op prijs en dekking
Selecteer de verzekering die het beste bij u past
Ontvang uw polisdocumenten per e-mail
Uw polisdocumenten en alle bijbehorende documenten ontvangt u direct per e-mail na afsluiting. U kunt uw polis altijd inzien en beheren via ons beveiligde klantportaal.
⭐⭐⭐⭐⭐ Uitstekend · 4.8 van 5 sterren op Trustpilot · Gebaseerd op 12.847 reviews
⭐⭐⭐⭐⭐
"Binnen 5 minuten mijn zorgverzekering overgesloten. Enorm veel bespaard!"
Sandra de Boer
3 uur geleden
⭐⭐⭐⭐⭐
"Duidelijk overzicht van alle aanbieders. Mijn autoverzekering is nu €40 per maand goedkoper."
Mark Visser
1 dag geleden
⭐⭐⭐⭐⭐
"Snel en professioneel geholpen bij mijn bedrijfsverzekering. Aanrader!"
Fatima El Amrani
2 dagen geleden
⭐⭐⭐⭐⭐
"Eindelijk een site die alles eerlijk vergelijkt. Geen verborgen kosten."
Peter Janssen
3 dagen geleden
VerzekeringDirect ontvangt een provisie van de verzekeraar wanneer u via ons platform een verzekering afsluit. Deze vergoeding is al inbegrepen in de premie die u betaalt — u betaalt dus nooit extra. Wij vergelijken altijd onafhankelijk en objectief. Onze aanbevelingen zijn gebaseerd op prijs, dekking en klanttevredenheid — niet op de hoogte van onze provisie.
Speciaal ontwikkeld voor assurantietussenpersonen en financieel adviseurs die hun klanten direct een verzekeringsaanbod willen doen. Via het Tussenpersoon Portaal beheert u eenvoudig uw klanten, volgt u polissen op en downloadt u maandelijkse provisieoverzichten.
Bekijk in één oogopslag hoeveel polissen er zijn afgesloten, door welke adviseur en wat de status is van elke aanvraag.
Voeg eenvoudig nieuwe klanten toe, beheer hun polissen en stel automatische verlengingsherinneringen in.
Bekijk uw maandelijkse provisie-inkomsten per verzekeraar en per product in één duidelijk overzicht.
Download professionele PDF-rapporten per maand met een volledig overzicht van polissen, verlengingen en provisies.
Blijf op de hoogte van de nieuwste ontwikkelingen op het gebied van verzekeringen, wet- en regelgeving en consumentenbescherming in Nederland.
Per 1 januari 2026 zijn de premies gemiddeld met 8% gestegen. Lees welke zorgverzekeraars de beste prijs-kwaliteitverhouding bieden dit jaar.
Het Verbond van Verzekeraars heeft nieuwe richtlijnen gepubliceerd voor schadeafhandeling bij autoverzekeringen. Wat betekent dit voor u?
Meer dan 40% van de MKB-ondernemers heeft inmiddels een cyberverzekering. VerzekeringDirect vergelijkt nu ook cyberverzekeringen.
Welkom terug. Log in om toegang te krijgen tot uw verzekeringsportaal.
E-mailadres
(placeholder: naam@bedrijf.nl)
Wachtwoord
(placeholder: ••••••••)
Wachtwoord vergeten? Neem contact op met uw beheerder.
Beveiligde verbinding (SSL)
Alleen voor geautoriseerde gebruikers
Support: 088 - 123 4567
© 2026 VerzekeringDirect · Portaal v3.1 · Privacyverklaring
Overzicht van vandaag · Zondag 12 juli 2026
↑ +3 vandaag
↔ Geen wijziging
↑ +12% vs vorige maand
↓ 8 facturen open
Periode: Januari 2026 – Juli 2026
Totale premie-omzet YTD
Polissen YTD
Acceptatieratio
Gem. jaarpremie
Beheer en download alle facturen · Juli 2026
8 facturen
31 facturen
2 facturen
5 facturen
Totaal 1.847 actieve klanten · Bijgewerkt op 12 juli 2026
🔍 Zoek op naam, BSN of polisnummer...
€ 4.200/jr
Transportverzekering — ⭐⭐⭐⭐⭐
€ 2.780/jr
Rechtsbijstandverzekering — ⭐⭐⭐⭐⭐
€ 2.840/jr
Bedrijfsaansprakelijkheid — ⭐⭐⭐⭐
€ 1.445/jr
Beroepsaansprakelijkheid — ⭐⭐⭐⭐
€ 1.920/jr
Beroepsaansprakelijkheid — ⭐⭐⭐⭐⭐
Alle lopende en afgeronde verzekeringsaanvragen · Juli 2026
Totaal deze maand
Geaccepteerd
In behandeling
Afgewezen
Klant dient aanvraag in via portaal
VerzekeringDirect controleert volledigheid documenten
Verzekeraar beoordeelt risicoprofiel
Definitief verzekeringsvoorstel naar klant
Digitaal ondertekenen en polis activeren
Complete bouwinstructies voor Claude Code
Volledig uitgewerkt
Tech stack
Styling
Taal
Dit document bevat alle informatie die nodig is om de VerzekeringDirect website volledig na te bouwen met Claude Code. Van projectstructuur en huisstijl tot componentbeschrijvingen, pagina-inhoud en deployment-instructies.
Een volledig statische marketingwebsite voor VerzekeringDirect — een Nederlandse verzekeringscomparator actief sinds 2008. De website heeft als doel bezoekers te informeren over alle verzekeringsvormen, hen te helpen vergelijken en te converteren via een aanvraagformulier of doorverwijzing naar de verzekeraar.
# Project aanmaken
npx create-next-app@latest verzekering-direct --typescript --tailwind --app --src-dir
# Dependencies installeren
pnpm add framer-motion react-hook-form zod @hookform/resolvers lucide-react clsx tailwind-merge
# Dev server starten
pnpm devcolors: {
blue: {
DEFAULT: '#0A3D8F',
medium: '#1A52A8',
light: '#2A6FD4',
},
accent: {
DEFAULT: '#00A651',
hover: '#008A43',
},
}Gebruik uitsluitend Tailwind spacing-klassen. Sectionpadding: py-20 (desktop) / py-12 (mobiel). Containerwidth: max-w-7xl mx-auto px-4 sm:px-6 lg:px-8. Gap tussen elementen: gap-8 (standaard), gap-12 (grote secties).
Gebruik de Next.js 14 App Router structuur met de src/ map. Hieronder de volledige mappenstructuur die aangemaakt moet worden.
verzekering-direct/
├── src/
│ ├── app/
│ │ ├── layout.tsx # Root layout (nav + footer)
│ │ ├── page.tsx # Homepage
│ │ ├── globals.css # Global styles + Tailwind imports
│ │ ├── zorgverzekering/
│ │ │ └── page.tsx # Zorgverzekering pagina
│ │ ├── autoverzekering/
│ │ │ └── page.tsx # Autoverzekering pagina
│ │ ├── woonverzekering/
│ │ │ └── page.tsx # Woonverzekering pagina
│ │ ├── zakelijk/
│ │ │ └── page.tsx # Zakelijke verzekeringen pagina
│ │ └── contact/
│ │ └── page.tsx # Contactpagina
│ ├── components/
│ │ ├── layout/
│ │ │ ├── Navbar.tsx # Navigatiebalk
│ │ │ └── Footer.tsx # Footer
│ │ ├── ui/
│ │ │ ├── Button.tsx # Herbruikbare knop
│ │ │ ├── Badge.tsx # Label/badge component
│ │ │ ├── Card.tsx # Kaartcomponent
│ │ │ └── SectionWrapper.tsx # Sectie-wrapper met padding
│ │ ├── sections/
│ │ │ ├── HeroSection.tsx # Hero met vergelijkingstool
│ │ │ ├── VerzekeringSection.tsx
│ │ │ ├── StappenSection.tsx # 4-stappen proces
│ │ │ ├── VoorNadelenSection.tsx
│ │ │ ├── AanbiedersSection.tsx
│ │ │ ├── ReviewsSection.tsx # Trustpilot reviews
│ │ │ ├── StatsSection.tsx # Statistieken
│ │ │ ├── FaqSection.tsx # Accordion FAQ
│ │ │ └── CtaSection.tsx # Call-to-action banner
│ │ └── forms/
│ │ └── AanvraagForm.tsx # Verzekeringsaanvraagformulier
│ ├── lib/
│ │ ├── utils.ts # cn() helper (clsx + twMerge)
│ │ └── constants.ts # Verzekeraars, nav-links, FAQ-data
│ └── types/
│ └── index.ts # TypeScript interfaces
├── public/
│ ├── images/ # Statische afbeeldingen
│ └── icons/ # SVG-iconen
├── tailwind.config.ts
├── next.config.js
└── tsconfig.jsonimport { clsx, type ClassValue } from 'clsx'
import { twMerge } from 'tailwind-merge'
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}export const NAV_LINKS = [
{ label: 'Zorgverzekering', href: '/zorgverzekering' },
{ label: 'Autoverzekering', href: '/autoverzekering' },
{ label: 'Woonverzekering', href: '/woonverzekering' },
{ label: 'Zakelijk', href: '/zakelijk' },
{ label: 'Contact', href: '/contact' },
]
export const POPULAR_INSURERS = [
'Centraal Beheer', 'Nationale-Nederlanden', 'Interpolis', 'OHRA',
'Zilveren Kruis', 'Menzis', 'CZ', 'VGZ', 'Allianz', 'AXA',
]Sticky navigatiebalk bovenaan elke pagina. Wordt transparant op de hero en solid blauw bij scrollen.
// components/layout/Navbar.tsx
'use client'
import { useState, useEffect } from 'react'
import Link from 'next/link'
import { Menu, X } from 'lucide-react'
import { NAV_LINKS } from '@/lib/constants'
import { cn } from '@/lib/utils'
export default function Navbar() {
const [scrolled, setScrolled] = useState(false)
const [mobileOpen, setMobileOpen] = useState(false)
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20)
window.addEventListener('scroll', onScroll)
return () => window.removeEventListener('scroll', onScroll)
}, [])
return (
VerzekeringDirect {/* Desktop nav */}
{NAV_LINKS.map(link => ( {link.label} ))} Bereken premie
{/* Mobile hamburger */}
{/* Mobile menu */} {mobileOpen && (
{NAV_LINKS.map(link => ( {link.label} ))}
)} ) }
// components/ui/Button.tsx
import { cn } from '@/lib/utils'
type ButtonProps = React.ButtonHTMLAttributes & {
variant?: 'primary' | 'outline' | 'ghost'
size?: 'sm' | 'md' | 'lg'
}
export default function Button({
variant = 'primary', size = 'md', className, children, ...props
}: ButtonProps) {
return (
// components/ui/SectionWrapper.tsx
import { cn } from '@/lib/utils'
export default function SectionWrapper({
children, className, dark = false
}: {
children: React.ReactNode
className?: string
dark?: boolean
}) {
return (
{children}
{children}
) }
VerzekeringDirect