<!DOCTYPE html>

<html lang="nl">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Tijdelijk onderhoud</title>

<style>

body {

margin: 0;

font-family: Arial, sans-serif;

background: #f4f6f8;

color: #263238;

min-height: 100vh;

display: flex;

align-items: center;

justify-content: center;

text-align: center;

}

main {

background: white;

padding: 40px 24px;

margin: 20px;

max-width: 560px;

border-radius: 12px;

box-shadow: 0 4px 20px #00000012;

}

img {

max-width: 240px;

max-height: 120px;

object-fit: contain;

margin-bottom: 24px;

}

h1 { font-size: 28px; }

p { line-height: 1.7; }

</style>

</head>

<body>

<main>

<img src="/logo.png" alt="Bedrijfslogo">

<h1>We zijn tijdelijk offline</h1>

<p>Vanwege een belangrijke beveiligingsupdate is onze website tijdelijk niet beschikbaar.</p>

<p>We werken eraan om de website zo snel mogelijk weer veilig online te brengen.</p>

<p>Bedankt voor je begrip.</p>

</main>

</body>

</html>