PageSourceSearch

https://apicheck.nl/

html apicheck.nl collected 2026-10-02 05:13:28 UTC 114,493 bytes, 1,503 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="csrf-token" content="FiK5HdmJriRxPZKuMKNDwEBgiG5AKtJis830jGaG">
7            <meta name="google-analytics-id" content="G-BW16HE5XLB">
8            <title>Address · Email · Phone · License Plate Validation API - Features, Pricing &amp;amp; Integrations</title>
9    <meta name="description" content="ApiCheck validates addresses, email addresses, and phone numbers in real time. Free plugins for WooCommerce, Magento 2, and Contact Form 7. Start free with 200 credits.">
10
11    <link rel="canonical" href="https://apicheck.nl">
12            <link rel="alternate" hreflang="en" href="https://apicheck.nl">
13            <link rel="alternate" hreflang="fr" href="https://apicheck.nl/fr">
14            <link rel="alternate" hreflang="de" href="https://apicheck.nl/de">
15            <link rel="alternate" hreflang="x-default" href="https://apicheck.nl">
16    
17    <link rel="icon" type="image/png" href="https://apicheck.nl/favicon.png">
18    <link rel="shortcut icon" type="image/png" href="https://apicheck.nl/favicon.png">
19
20    <meta property="og:type" content="website">
21    <meta property="og:site_name" content="ApiCheck">
22    <meta property="og:locale" content="en_US">
23    <meta property="og:url" content="https://apicheck.nl">
24    <meta property="og:title" content="Address · Email · Phone · License Plate Validation API - Features, Pricing &amp;amp; Integrations">
25    <meta property="og:description" content="ApiCheck validates addresses, email addresses, and phone numbers in real time. Free plugins for WooCommerce, Magento 2, and Contact Form 7. Start free with 200 credits.">
26    <meta property="og:image" content="https://apicheck.nl/images/logo-apicheck.png">
27
28    <meta name="twitter:card" content="summary_large_image">
29    <meta name="twitter:title" content="Address · Email · Phone · License Plate Validation API - Features, Pricing &amp;amp; Integrations">
30    <meta name="twitter:description" content="ApiCheck validates addresses, email addresses, and phone numbers in real time. Free plugins for WooCommerce, Magento 2, and Contact Form 7. Start free with 200 credits.">
31    <meta name="twitter:image" content="https://apicheck.nl/images/logo-apicheck.png">
32
33    <link rel="preconnect" href="https://fonts.googleapis.com">
34    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
35
36    <!-- FOUC Prevention: Apply theme immediately -->
37    
37<script>
38        (function() {
39            'use strict';
40
41            /**
42             * Dark Mode - Apply immediately to prevent flash
43             * Priority: localStorage (manual override) > system preference > default (light)
44             */
45            const theme = localStorage.getItem('theme');
46            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
47            const finalTheme = theme || (prefersDark ? 'dark' : 'light');
48
49            if (finalTheme === 'dark') {
50                document.documentElement.classList.add('dark');
51            }
52
53            /**
54             * Language - Store detected locale for JavaScript access
55             * Priority: localStorage > server locale > browser language > default (nl)
56             */
57            const serverLocale = 'en';
58            const storedLocale = localStorage.getItem('locale');
59
60            // If no stored locale, save the server-detected one
61            if (!storedLocale && serverLocale) {
62                localStorage.setItem('locale', serverLocale.substring(0, 2));
63            }
64
65            // Listen for system theme changes (only if no manual override)
66            if (!theme) {
67                window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) {
68                    if (!localStorage.getItem('theme')) {
69                        if (e.matches) {
70                            document.documentElement.classList.add('dark');
71                        } else {
72                            document.documentElement.classList.remove('dark');
73                        }
74                    }
75                });
76            }
77        })();
78    </script>
78
79
80    <link rel="preload" as="style" href="https://apicheck.nl/build/assets/app-1yQ2OLcA.css" /><link rel="modulepreload" as="script" href="https://apicheck.nl/build/assets/app-CiiWo85C.js" /><link rel="stylesheet" href="https://apicheck.nl/build/assets/app-1yQ2OLcA.css" />
80<script type="module" src="https://apicheck.nl/build/assets/app-CiiWo85C.js"></script>
80</head>
81<body class="font-sans bg-white dark:bg-slate-950 text-slate-700 dark:text-slate-300 antialiased overflow-x-hidden transition-colors duration-300">
82    <!-- ── ANNOUNCE BAR ── -->
83<div class="relative overflow-hidden bg-[#0f1f3d] text-white text-center py-[9px] px-6 text-[0.8rem] font-medium flex items-center justify-center gap-3 flex-wrap">
84    <div class="ann-shimmer"></div>
85    <span class="inline-flex items-center gap-[6px] bg-blue-500/20 border border-blue-400/30 text-blue-200 rounded-full px-3 py-[2px] text-[0.75rem] font-semibold flex-shrink-0">
86        <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
87        Start free with 200 credits - no credit card required
88    </span>
89</div>
90<!-- ── NAV ── -->
91<nav class="sticky top-0 z-[100] bg-white/95 dark:bg-slate-900 backdrop-blur-xl backdrop-saturate-200 border-b border-slate-200 dark:border-slate-700 px-4 md:px-8 lg:px-12 h-[66px] flex items-center justify-between transition-colors duration-300" data-current-route="home" data-current-slug="">
92    
93    <a href="https://apicheck.nl/en" class="flex items-center no-underline flex-shrink-0">
94        <img src="https://apicheck.nl/images/logo-apicheck.png" alt="ApiCheck" class="h-8 w-auto">
95    </a>
96
97    <ul class="hidden lg:flex items-center gap-0.5 list-none">
98        <li><a href="https://apicheck.nl/en" data-nav-section="home" class="text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 no-underline px-[14px] py-[7px] rounded-lg hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all">Home</a></li>
99        <li><a href="#features" data-nav-section="features" class="text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 no-underline px-[14px] py-[7px] rounded-lg hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all">Features</a></li>
100        <li><a href="#pricing" data-nav-section="pricing" class="text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 no-underline px-[14px] py-[7px] rounded-lg hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all">Pricing</a></li>
101        <li><a href="#integrations" data-nav-section="integrations" class="text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 no-underline px-[14px] py-[7px] rounded-lg hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all">Integrations</a></li>
102        <li><a href="#trust" data-nav-section="trust" class="text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 no-underline px-[14px] py-[7px] rounded-lg hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all">Reliability</a></li>
103        <li class="relative">
104            <button type="button" id="resources-toggle" aria-haspopup="true" aria-expanded="false" class="flex items-center gap-1 text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 px-[14px] py-[7px] rounded-lg hover:text-slate-900 dark:hover:text-white hover:bg-slate-100 dark:hover:bg-slate-700 transition-all ">
105                Resources
106                <svg id="resources-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="text-slate-400 dark:text-slate-500 transition-transform"><polyline points="6 9 12 15 18 9"/></svg>
107            </button>
108            <div id="resources-dropdown" class="absolute left-0 top-full mt-1 w-[180px] bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-[12px] shadow-[0_8px_24px_rgba(0,0,0,0.1)] dark:shadow-black/30 overflow-hidden z-50" style="display:none">
109                <a href="https://apicheck.nl/en/blog" class="flex items-center px-4 py-[10px] text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 no-underline hover:bg-slate-50 dark:hover:bg-slate-700 transition-colors">Blog</a>
110                <a href="https://apicheck.nl/en/support" class="flex items-center px-4 py-[10px] text-[0.875rem] font-medium text-slate-600 dar
110k:text-slate-200 no-underline hover:bg-slate-50 dark:hover:bg-slate-700 transition-colors">Support</a>
111                <a href="https://docs.apicheck.nl" class="flex items-center px-4 py-[10px] text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 no-underline hover:bg-slate-50 dark:hover:bg-slate-700 transition-colors">Docs</a>
112            </div>
113        </li>
114    </ul>
115
116    <div class="flex items-center gap-[10px]">
117        <!-- Dark mode toggle -->
118        <button
119            id="dark-mode-toggle"
120            class="flex items-center justify-center w-10 h-10 rounded-lg border-[1.5px] border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-800 hover:border-blue-600 dark:hover:border-blue-400 transition-all"
121            aria-label="Toggle dark mode"
122            title="Toggle dark mode"
123        >
124            <span class="theme-icon text-slate-600 dark:text-slate-300">
125                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
126                    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
127                </svg>
128            </span>
129        </button>
130
131        <a href="https://app.apicheck.nl/authentication/login/" class="hidden sm:inline-flex text-[0.875rem] font-semibold text-slate-700 dark:text-slate-200 no-underline px-[18px] py-2 rounded-[9px] border-[1.5px] border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-800 hover:border-blue-600 dark:hover:border-blue-400 hover:text-blue-600 dark:hover:text-blue-400 transition-all">Login</a>
132
133        <!-- Language switcher -->
134        <div class="relative">
135            <button id="lang-toggle" class="flex items-center gap-[6px] text-[0.875rem] font-semibold text-slate-600 dark:text-slate-200 px-3 py-2 rounded-[9px] border-[1.5px] border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-800 hover:border-blue-600 dark:hover:border-blue-400 hover:text-blue-600 dark:hover:text-blue-400 transition-all" data-locale-display aria-haspopup="true" aria-expanded="false">
136                <span class="text-base leading-none">🇬🇧</span>
137                <span class="hidden sm:inline">EN</span>
138                <svg id="lang-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="hidden sm:block text-slate-400 dark:text-slate-500 transition-transform"><polyline points="6 9 12 15 18 9"/></svg>
139            </button>
140            <div id="lang-dropdown" class="absolute right-0 top-full mt-1 w-[140px] bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-[12px] shadow-[0_8px_24px_rgba(0,0,0,0.1)] dark:shadow-black/30 overflow-hidden z-50" style="display:none">
141                                    <button type="button" class="locale-switcher-btn flex items-center gap-[9px] px-4 py-[10px] text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 hover:bg-slate-50 dark:hover:bg-slate-700 w-full text-left transition-colors" data-locale="nl" data-switch-url="https://apicheck.nl/language/nl">
142                        <span class="text-base leading-none">🇳🇱</span> Dutch
143                    </button>
144                                    <button type="button" class="locale-switcher-btn flex items-center gap-[9px] px-4 py-[10px] text-[0.875rem] font-semibold text-blue-600 bg-blue-50 dark:bg-slate-700 dark:text-blue-400 w-full text-left transition-colors" data-locale="en" data-switch-url="https://apicheck.nl/language/en">
145                        <span class="text-base leading-none">🇬🇧</span> English
146                    </button>
147                                    <button type="button" class="locale-switcher-btn flex items-center gap-[9px] px-4 py-[10px] text-[0.875rem] font-medium text-slate-600 dark:text-slate-200 hover:bg-slate-50 dark:hover:bg-slate-700 w-full text-left transition-colors" data-locale="fr" data-switch-url="https://apicheck.nl/language/fr">
148                        <span class="text-base leading-none">🇫🇷</span> French
149                    </button>
150                                    <button type="button" class="locale-switcher-btn flex items-center gap-[9px] px-4 py-[10px] text-[0.875rem] font-medium text-slate-600 dar
150k:text-slate-200 hover:bg-slate-50 dark:hover:bg-slate-700 w-full text-left transition-colors" data-locale="de" data-switch-url="https://apicheck.nl/language/de">
151                        <span class="text-base leading-none">🇩🇪</span> German
152                    </button>
153                            </div>
154        </div>
155
156        <a href="https://app.apicheck.nl/authentication/register" class="hidden lg:inline-flex text-[0.875rem] font-bold text-white no-underline px-5 py-[9px] rounded-[9px] bg-gradient-to-br from-blue-600 to-blue-700 shadow-[0_2px_8px_rgba(37,99,235,0.3)] hover:-translate-y-px hover:shadow-[0_6px_20px_rgba(37,99,235,0.4)] transition-all">Start free</a>
157
158        <!-- Hamburger button -->
159        <button id="mobile-menu-toggle" class="lg:hidden flex items-center justify-center w-10 h-10 rounded-lg border-[1.5px] border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-800 hover:border-blue-600 dark:hover:border-blue-400 transition-all" aria-label="Menu openen">
160            <svg id="hamburger-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="text-slate-600 dark:text-slate-300">
161                <line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/>
162            </svg>
163            <svg id="close-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="text-slate-600 dark:text-slate-300" style="display:none">
164                <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
165            </svg>
166        </button>
167    </div>
168</nav>
169
170<!-- Mobile menu -->
171<div id="mobile-menu" class="lg:hidden sticky top-[66px] z-[99] bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-700 shadow-lg" style="display:none">
172    <ul class="list-none px-4 py-3 space-y-1">
173        <li><a href="https://apicheck.nl/en" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Home</a></li>
174        <li><a href="#features" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Features</a></li>
175        <li><a href="#pricing" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Pricing</a></li>
176        <li><a href="#integrations" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Integrations</a></li>
177        <li><a href="#trust" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Reliability</a></li>
178        <li><a href="https://apicheck.nl/en/blog" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Blog</a></li>
179        <li><a href="https://apicheck.nl/en/support" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Support</a></li>
180        <li><a href="https://docs.apicheck.nl" class="flex items-center text-[0.9rem] font-medium text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Docs</a></li>
181    </ul>
182    <div class="px-4 py-3 border-t border-slate-200 dark:border-slate-700 flex flex-col gap-2">
183        <a href="https://app.apicheck.nl/authentication/login/" class="text-center text-[0.9rem] font-semibold text-slate-700 dark:text-slate-200 no-underline px-4 py-2.5 rounded-[9px] border-[1.5px] border-slate-300 dark:border-slate-600 hover:border-blue-600 dar
183k:hover:border-blue-400 hover:text-blue-600 transition-colors">Login</a>
184        <a href="https://app.apicheck.nl/authentication/register" class="text-center text-[0.9rem] font-bold text-white no-underline px-4 py-2.5 rounded-[9px] bg-gradient-to-br from-blue-600 to-blue-700 shadow-[0_2px_8px_rgba(37,99,235,0.3)] transition-all">Start free</a>
185    </div>
186</div>
187
188<script>
189(function () {
190    // Hamburger menu
191    var toggle = document.getElementById('mobile-menu-toggle');
192    var menu = document.getElementById('mobile-menu');
193    var hamburger = document.getElementById('hamburger-icon');
194    var closeIcon = document.getElementById('close-icon');
195
196    if (toggle && menu) {
197        toggle.addEventListener('click', function () {
198            var open = menu.style.display !== 'none';
199            menu.style.display = open ? 'none' : 'block';
200            hamburger.style.display = open ? 'block' : 'none';
201            closeIcon.style.display = open ? 'none' : 'block';
202        });
203
204        menu.querySelectorAll('a').forEach(function (link) {
205            link.addEventListener('click', function () {
206                menu.style.display = 'none';
207                hamburger.style.display = 'block';
208                closeIcon.style.display = 'none';
209            });
210        });
211    }
212
213    // Dropdown menus (language switcher, resources)
214    var closeFns = [];
215
216    function setupDropdown(toggleId, dropdownId, chevronId) {
217        var toggle = document.getElementById(toggleId);
218        var dropdown = document.getElementById(dropdownId);
219        var chevron = chevronId ? document.getElementById(chevronId) : null;
220
221        if (!toggle || !dropdown) {
222            return;
223        }
224
225        function close() {
226            dropdown.style.display = 'none';
227            toggle.setAttribute('aria-expanded', 'false');
228            if (chevron) { chevron.style.transform = ''; }
229        }
230
231        closeFns.push(close);
232
233        toggle.addEventListener('click', function (e) {
234            e.stopPropagation();
235            var open = dropdown.style.display !== 'none';
236            closeFns.forEach(function (fn) { fn(); });
237            if (!open) {
238                dropdown.style.display = 'block';
239                toggle.setAttribute('aria-expanded', 'true');
240                if (chevron) { chevron.style.transform = 'rotate(180deg)'; }
241            }
242        });
243
244        dropdown.addEventListener('click', function (e) {
245            e.stopPropagation();
246        });
247    }
248
249    setupDropdown('lang-toggle', 'lang-dropdown', 'lang-chevron');
250    setupDropdown('resources-toggle', 'resources-dropdown', 'resources-chevron');
251
252    document.addEventListener('click', function () {
253        closeFns.forEach(function (fn) { fn(); });
254    });
255})();
256</script>
256
257<!-- ── COOKIE BANNER ── -->
258<div id="cookie-banner" class="cookie-banner hidden" role="dialog" aria-labelledby="cookie-banner-title" aria-describedby="cookie-banner-description">
259    <!-- Banner Container -->
260    <div class="cookie-banner-container">
261        <!-- Collapsed View -->
262        <div class="cookie-banner-content">
263            <div class="cookie-banner-message">
264                <h2 id="cookie-banner-title" class="cookie-banner-title">
265                    <svg class="cookie-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
266                        <circle cx="12" cy="12" r="10"/>
267                        <path d="M12 2a5 5 0 0 1 5 5"/>
268                        <circle cx="12" cy="12" r="3"/>
269                        <path d="M12 12v.01"/>
270                        <path d="M7 12a5 5 0 0 1 5-5"/>
271                        <path d="M17 12a5 5 0 0 0-5-5"/>
272                    </svg>
273                    Privacy &amp; Cookies
274                </h2>
275                <p id="cookie-banner-description" class="cookie-banner-text">
276                    We use cookies to improve our site. Functional cookies are always active.
277                    <a href="/cookiebeleid-eu" class="cookie-banner-link">Read our cookie policy</a>
278                </p>
279            </div>
280            <div class="cookie-banner-actions">
281                <button type="button" class="cookie-btn cookie-btn-secondary" data-action="reject">
282                    Only necessary
283                </button>
284                <button type="button" class="cookie-btn cookie-btn-secondary" data-action="preferences">
285                    Preferences
286                </button>
287                <button type="button" class="cookie-btn cookie-btn-primary" data-action="accept">
288                    Accept all
289                </button>
290            </div>
291        </div>
292
293        <!-- Expanded Preferences Panel -->
294        <div class="cookie-preferences-panel" id="cookie-preferences-panel">
295            <div class="cookie-category">
296                <div class="cookie-category-info">
297                    <h3 class="cookie-category-title">Functional</h3>
298                    <p class="cookie-category-desc">Essential cookies for the proper functioning of the website</p>
299                </div>
300                <div class="cookie-toggle disabled">
301                    <span class="cookie-toggle-label">Always active</span>
302                    <div class="cookie-toggle-switch">
303                        <div class="cookie-toggle-slider active"></div>
304                    </div>
305                </div>
306            </div>
307
308            <div class="cookie-category">
309                <div class="cookie-category-info">
310                    <h3 class="cookie-category-title">Statistics</h3>
311                    <p class="cookie-category-desc">Anonymous statistics (Google Analytics) to improve our website</p>
312                </div>
313                <div class="cookie-toggle">
314                    <label class="cookie-toggle-switch" for="toggle-statistics">
315                        <input type="checkbox" id="toggle-statistics" class="cookie-toggle-checkbox" data-category="statistics">
316                        <div class="cookie-toggle-slider"></div>
317                    </label>
318                </div>
319            </div>
320
321            <div class="cookie-category">
322                <div class="cookie-category-info">
323                    <h3 class="cookie-category-title">Marketing</h3>
324                    <p class="cookie-category-desc">Cookies for marketing purposes and personalized advertisements</p>
325                </div>
326                <div class="cookie-toggle">
327                    <label class="cookie-toggle-switch" for="toggle-marketing">
328                        <input type="checkbox" id="toggle-marketing" class="cookie-toggle-checkbox" data-category="marketing">
329                        <div class="cookie-toggle-slider"></div>
330                    </label>
331                </div>
332            </div>
333
334            <div class="cookie-preferences-actions">
335                <button type="button" class="cookie-btn cookie-btn-secondary" data-action="collapse">
336                    Back
337                </button>
338                <button type="button" class="cookie-btn cookie-btn-primary" data-action="save">
339                    Save preferences
340                </button>
341            </div>
342        </div>
343    </div>
344</div>
345
346<style>
347/* Cookie Banner Styles */
348.cookie-banner {
349    position: fixed;
350    bottom: 0;
351    left: 0;
352    right: 0;
353    z-index: 50;
354    font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
355}
356
357.cookie-banner.hidden {
358    display: none;
359}
360
361.cookie-banner-container {
362    position: relative;
363    background: linear-gradient(135deg, #1e3a5f 0%, #0f1f3d 100%);
364    border-top: 1px solid rgba(96, 165, 250, 0.2);
365    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.3);
366    padding: 1.25rem 1.5rem;
367}
368
369.cookie-banner-content {
370    display: flex;
371    flex-direction: column;
372    gap: 1rem;
373}
374
375.cookie-banner-message {
376    color: #e2e8f0;
377}
378
379.cookie-banner-title {
380    display: flex;
381    align-items: center;
382    gap: 0.5rem;
383    font-size: 1.125rem;
384    font-weight: 600;
385    color: #f1f5f9;
386    margin: 0 0 0.5rem 0;
387}
388
389.cookie-icon {
390    flex-shrink: 0;
391    color: #60a5fa;
392}
393
394.cookie-banner-text {
395    font-size: 0.875rem;
396    line-height: 1.5;
397    color: #cbd5e1;
398    margin: 0;
399}
400
401.cookie-banner-link {
402    color: #60a5fa;
403    text-decoration: underline;
404    transition: color 0.2s;
405}
406
407.cookie-banner-link:hover {
408    color: #93c5fd;
409}
410
411.cookie-banner-actions {
412    display: flex;
413    flex-wrap: wrap;
414    gap: 0.75rem;
415}
416
417.cookie-btn {
418    padding: 0.625rem 1.25rem;
419    border-radius: 0.5rem;
420    font-size: 0.875rem;
421    font-weight: 500;
422    cursor: pointer;
423    transition: all 0.2s;
424    border: none;
425}
426
427.cookie-btn-primary {
428    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
429    color: white;
430}
431
432.cookie-btn-primary:hover {
433    background: linear-gradient(135deg, #1d4ed8 0%, #6d28d9 100%);
434    transform: translateY(-1px);
435    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
436}
437
438.cookie-btn-secondary {
439    background: rgba(255, 255, 255, 0.1);
440    color: #e2e8f0;
441    border: 1px solid rgba(255, 255, 255, 0.15);
442}
443
444.cookie-btn-secondary:hover {
445    background: rgba(255, 255, 255, 0.15);
446    border-color: rgba(255, 255, 255, 0.25);
447}
448
449/* Preferences Panel */
450.cookie-preferences-panel {
451    display: none;
452    margin-top: 1.25rem;
453    padding-top: 1.25rem;
454    border-top: 1px solid rgba(255, 255, 255, 0.1);
455}
456
457.cookie-preferences-panel.active {
458    display: block;
459    animation: slideDown 0.3s ease;
460}
461
462@keyframes slideDown {
463    from {
464        opacity: 0;
465        transform: translateY(-10px);
466    }
467    to {
468        opacity: 1;
469        transform: translateY(0);
470    }
471}
472
473.cookie-category {
474    display: flex;
475    justify-content: space-between;
476    align-items: flex-start;
477    gap: 1rem;
478    padding: 0.875rem 0;
479    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
480}
481
482.cookie-category:last-of-type {
483    border-bottom: none;
484}
485
486.cookie-category-info {
487    flex: 1;
488}
489
490.cookie-category-title {
491    font-size: 0.9375rem;
492    font-weight: 600;
493    color: #f1f5f9;
494    margin: 0 0 0.25rem 0;
495}
496
497.cookie-category-desc {
498    font-size: 0.8125rem;
499    color: #94a3b8;
500    margin: 0;
501    line-height: 1.4;
502}
503
504/* Toggle Switch */
505.cookie-toggle {
506    flex-shrink: 0;
507}
508
509.cookie-toggle.disabled .cookie-toggle-label {
510    font-size: 0.8125rem;
511    color: #94a3b8;
512    margin-right: 0.75rem;
513}
514
515.cookie-toggle.disabled .cookie-toggle-switch {
516    opacity: 0.6;
517    cursor: not-allowed;
518}
519
520.cookie-toggle-switch {
521    position: relative;
522    display: inline-block;
523    width: 44px;
524    height: 24px;
525    cursor: pointer;
526}
527
528.cookie-toggle-checkbox {
529    position: absolute;
530    opacity: 0;
531    width: 0;
532    height: 0;
533}
534
535.cookie-toggle-slider {
536    position: absolute;
537    inset: 0;
538    background: rgba(255, 255, 255, 0.15);
539    border-radius: 12px;
540    transition: background 0.3s;
541}
542
543.cookie-toggle-slider::before {
544    content: '';
545    position: absolute;
546    width: 18px;
547    height: 18px;
548    left: 3px;
549    top: 3px;
550    background: white;
551    border-radius: 50%;
552    transition: transform 0.3s;
553    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
554}
555
556.cookie-toggle-checkbox:checked ~ .cookie-toggle-slider {
557    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
558}
559
560.cookie-toggle-checkbox:checked ~ .cookie-toggle-slider::before,
561.cookie-toggle-slider.active::before {
562    transform: translateX(20px);
563}
564
565.cookie-toggle-slider.active {
566    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
567}
568
569.cookie-preferences-actions {
570    display: flex;
571    flex-wrap: wrap;
572    gap: 0.75rem;
573    margin-top: 1rem;
574}
575
576/* Dark Mode */
577.dark .cookie-banner-container {
578    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
579    border-top-color: rgba(96, 165, 250, 0.15);
580}
581
582.dark .cookie-banner-title {
583    color: #f8fafc;
584}
585
586.dark .cookie-banner-text {
587    color: #cbd5e1;
588}
589
590.dark .cookie-category-title {
591    color: #f8fafc;
592}
593
594.dark .cookie-category-desc {
595    color: #94a3b8;
596}
597
598.dark .cookie-btn-secondary {
599    background: rgba(255, 255, 255, 0.05);
600    color: #e2e8f0;
601    border-color: rgba(255, 255, 255, 0.1);
602}
603
604.dark .cookie-btn-secondary:hover {
605    background: rgba(255, 255, 255, 0.1);
606    border-color: rgba(255, 255, 255, 0.2);
607}
608
609/* Responsive */
610@media (min-width: 640px) {
611    .cookie-banner-content {
612        flex-direction: row;
613        align-items: center;
614        justify-content: space-between;
615    }
616
617    .cookie-banner-message {
618        flex: 1;
619        margin-right: 1rem;
620    }
621
622    .cookie-banner-actions {
623        flex-shrink: 0;
624    }
625
626    .cookie-banner-container {
627        padding: 1.25rem 2rem;
628    }
629
630    .cookie-preferences-actions {
631        justify-content: flex-end;
632    }
633}
634</style>
635<main>
636    <section class="relative overflow-hidden bg-[#f0f6ff] dark:bg-slate-950 flex flex-col min-h-[92vh] transition-colors duration-300">
637    <div class="hero-blobs isolate" aria-hidden="true">
638      <div class="hero-blob hero-blob-1"></div>
639      <div class="hero-blob hero-blob-2"></div>
640      <div class="hero-blob hero-blob-3"></div>
641    </div>
642
643    <!-- Floating validation hints in grid -->
644    <div class="absolute inset-0 isolate pointer-events-none overflow-hidden" id="grid-hints">
645        <!-- Address icon -->
646        <div class="grid-hint mouse-parallax icon-glow icon-blue" data-depth="0.04" style="top: 18%; left: 6%;">
647            <svg class="w-14 h-14" viewBox="0 0 24 24" fill="none" stroke="url(#blueGradient)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
648                <defs>
649                    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
650                        <stop offset="0%" style="stop-color:#60a5fa;stop-opacity:0.9" />
651                        <stop offset="100%" style="stop-color:#3b82f6;stop-opacity:0.7" />
652                    </linearGradient>
653                </defs>
654                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
655                <polyline points="9 22 9 12 15 12 15 22"/>
656            </svg>
657        </div>
658
659        <!-- Email icon -->
660        <div class="grid-hint mouse-parallax icon-glow icon-teal" data-depth="0.05" style="top: 8%; right: 5%;">
661            <svg class="w-14 h-14" viewBox="0 0 24 24" fill="none" stroke="url(#tealGradient)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
662                <defs>
663                    <linearGradient id="tealGradient" x1="0%" y1="0%" x2="100%" y2="100%">
664                        <stop offset="0%" style="stop-color:#5eead4;stop-opacity:0.9" />
665                        <stop offset="100%" style="stop-color:#14b8a6;stop-opacity:0.7" />
666                    </linearGradient>
667                </defs>
668                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
669                <polyline points="22,6 12,13 2,6"/>
670            </svg>
671        </div>
672
673        <!-- Phone icon -->
674        <div class="grid-hint mouse-parallax icon-glow icon-orange" data-depth="0.045" style="bottom: 10%; left: 20%;">
675            <svg class="w-14 h-14" viewBox="0 0 24 24" fill="none" stroke="url
675(#orangeGradient)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
676                <defs>
677                    <linearGradient id="orangeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
678                        <stop offset="0%" style="stop-color:#fdba74;stop-opacity:0.9" />
679                        <stop offset="100%" style="stop-color:#f97316;stop-opacity:0.7" />
680                    </linearGradient>
681                </defs>
682                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.14 13.9 19.79 19.79 0 0 1 1.08 5.27 2 2 0 0 1 3.06 3h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.09 10.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21 18z"/>
683            </svg>
684        </div>
685
686        <!-- License plate icon -->
687        <div class="grid-hint mouse-parallax icon-glow icon-purple" data-depth="0.055" style="bottom: 11%; right: 4%;">
688            <svg class="w-14 h-14" viewBox="0 0 24 24" fill="none" stroke="url(#purpleGradient)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
689                <defs>
690                    <linearGradient id="purpleGradient" x1="0%" y1="0%" x2="100%" y2="100%">
691                        <stop offset="0%" style="stop-color:#c4b5fd;stop-opacity:0.9" />
692                        <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:0.7" />
693                    </linearGradient>
694                </defs>
695                <rect x="2" y="6" width="20" height="12" rx="2"/>
696                <path d="M7 6v12"/>
697                <path d="M11 12h3M16 12h3"/>
698            </svg>
699        </div>
700
701        <!-- Map pin icon (postcode) -->
702        <div class="grid-hint mouse-parallax icon-glow icon-blue" data-depth="0.035" style="bottom: 25%; left: 8%;">
703            <svg class="w-12 h-12" viewBox="0 0 24 24" fill="none" stroke="url(#blueGradient2)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
704                <defs>
705                    <linearGradient id="blueGradient2" x1="0%" y1="0%" x2="100%" y2="100%">
706                        <stop offset="0%" style="stop-color:#60a5fa;stop-opacity:0.8" />
707                        <stop offset="100%" style="stop-color:#3b82f6;stop-opacity:0.6" />
708                    </linearGradient>
709                </defs>
710                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
711                <circle cx="12" cy="10" r="3"/>
712            </svg>
713        </div>
714
715        <!-- Shield icon -->
716        <div class="grid-hint mouse-parallax icon-glow icon-purple" data-depth="0.04" style="bottom: 14%; right: 20%;">
717            <svg class="w-12 h-12" viewBox="0 0 24 24" fill="none" stroke="url(#purpleGradient2)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
718                <defs>
719                    <linearGradient id="purpleGradient2" x1="0%" y1="0%" x2="100%" y2="100%">
720                        <stop offset="0%" style="stop-color:#c4b5fd;stop-opacity:0.8" />
721                        <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:0.6" />
722                    </linearGradient>
723                </defs>
724                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
725            </svg>
726        </div>
727    </div>
728
729    <!-- Hero content -->
730    <div class="relative z-10 flex-1 flex items-center max-w-[1300px] mx-auto w-full px-12 gap-[72px] pt-[88px] pb-16 flex-wrap lg:flex-nowrap">
731
732      <!-- Left -->
733      <div class="relative flex-1 max-w-[620px]">
734        <!-- Headline: rotating typewriter (resources/js/typewriter.js). Server-rendered with the first phrase so content/SEO never depend on JS; the JS measures every phrase up front and locks in a min-height before it starts cycling, so nothing below the headline ever shifts. -->
735        <h1 class="font-display font-extrabold text-slate-900 dark:text-slate-100 tracking-tight leading-[1.04] mb-5" style="font-size:clamp(3rem,5.5vw,4.6rem)">
736          <span class="sr-only">Data you can trust.</span>
737          <span id="heroHeadlineVisible" aria-hidden="true">Data you can <span class="grad-text">trust</span>.</span>
738        </h1>
739                  
739<script>window.heroPhrases = JSON.parse('[[{\u0022text\u0022:\u0022Data you can \u0022,\u0022highlight\u0022:false},{\u0022text\u0022:\u0022trust\u0022,\u0022highlight\u0022:true},{\u0022text\u0022:\u0022.\u0022,\u0022highlight\u0022:false}],[{\u0022text\u0022:\u0022Blazing-fast\u0022,\u0022highlight\u0022:true},{\u0022text\u0022:\u0022 validation APIs.\u0022,\u0022highlight\u0022:false}],[{\u0022text\u0022:\u0022Fewer returns, \u0022,\u0022highlight\u0022:false},{\u0022text\u0022:\u0022more revenue\u0022,\u0022highlight\u0022:true},{\u0022text\u0022:\u0022.\u0022,\u0022highlight\u0022:false}],[{\u0022text\u0022:\u0022Live in \u0022,\u0022highlight\u0022:false},{\u0022text\u0022:\u0022just minutes\u0022,\u0022highlight\u0022:true},{\u0022text\u0022:\u0022.\u0022,\u0022highlight\u0022:false}]]');</script>
739
740        
741        <!-- Sub -->
742        <p class="animate-fade-up-d2 text-[1.08rem] text-slate-600 dark:text-slate-400 leading-[1.78] max-w-[500px] mb-9">
743          The fastest and most accurate validation APIs for 18 European countries. Reduce returns, improve conversion and prevent errors - live in minutes.
744        </p>
745
746        <!-- CTA buttons -->
747        <div class="animate-fade-up-d3 flex gap-[13px] flex-wrap mb-9">
748          <a href="https://app.apicheck.nl/authentication/register" class="group inline-flex items-center gap-2 bg-gradient-to-br from-blue-600 to-blue-700 text-white text-[0.95rem] font-bold px-7 py-[14px] rounded-[11px] no-underline shadow-[0_4px_16px_rgba(37,99,235,0.35)] hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(37,99,235,0.45)] transition-all">
749            Create free account
750            <span class="inline-block transition-transform group-hover:translate-x-1">→</span>
751          </a>
752          <a href="https://docs.apicheck.nl/docs/introduction" class="inline-flex items-center gap-2 border-[1.5px] border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-300 text-[0.95rem] font-semibold px-7 py-[14px] rounded-[11px] no-underline bg-white dark:bg-slate-800 shadow-sm hover:border-blue-600 dark:hover:border-blue-400 hover:text-blue-600 dark:hover:text-blue-400 transition-all">
753            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
754            Documentation
755          </a>
756        </div>
757
758        <!-- Trust items -->
759        <div class="animate-fade-up-d4 flex gap-[22px] flex-wrap">
760          <div class="flex items-center gap-[7px] text-[0.82rem] text-slate-500 dark:text-slate-400 font-medium"><svg class="text-emerald-600 dark:text-emerald-400 flex-shrink-0" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>200 free credits</div>
761          <div class="flex items-center gap-[7px] text-[0.82rem] text-slate-500 dark:text-slate-400 font-medium"><svg class="text-emerald-600 dark:text-emerald-400 flex-shrink-0" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>GDPR-ready</div>
762          <div class="flex items-center gap-[7px] text-[0.82rem] text-slate-500 dark:text-slate-400 font-medium"><svg class="text-emerald-600 dark:text-emerald-400 flex-shrink-0" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>18+ countries supported</div>
763          <div class="flex items-center gap-[7px] text-[0.82rem] text-slate-500 dark:text-slate-400 font-medium"><svg class="text-emerald-600 dark:text-emerald-400 flex-shrink-0" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>99.99% uptime</div>
764        </div>
765      </div>
766
767      <!-- Right - Demo panel -->
768      <div class="animate-fade-up-d15 flex-shrink-0 w-full lg:w-[520px]">
769        <div class="bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-[20px] overflow-hidden shadow-[0_16px_48px_rgba(37,99,235,0.1),0_2px_8px_rgba(0,0,0,0.05)] dark:shadow-[0_16px_48px_rgba(0,0,0,0.3),0_2px_8px_rgba(0,0,0,0.2)]">
770          <!-- Topbar -->
771          <div class="bg-slate-50 dark:bg-slate-900/50 border-b border-slate-200 dark:border-slate-700 px-[18px] py-[13px] flex items-center gap-3">
772            <div class="flex gap-[6px]">
773              <span class="w-[11px] h-[11px] rounded-full bg-[#ff5f57]"></span>
774              <span class="w-[11px] h-[11px] rounded-full bg-[#febc2e]"></span>
775              <span class="w-[11px] h-[11px] rounded-full bg-[#28c840]"></span>
776            </div>
777            <div class="flex-1 bg-slate-200/70 dark:bg-slate-700/50 rounded-[6px] px-3 py-[5px] font-mono text-[0.72rem] text-slate-400 dark:text-slate-500" id="demoUrl">api.apicheck.nl/v1/address/validate</div>
778          </div>
779
780          <!-- Validation Type Tabs -->
781          <div class="flex border-b border-slate-200 dark:border-slate-700">
782            <button class="demo-tab active flex-1 px-3 py-3 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-slate-600 dar
782k:text-slate-400 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-slate-50 dark:hover:bg-slate-900/50 transition-all border-b-2 border-transparent" data-type="address">
783              <svg class="mx-auto mb-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
784              Address
785            </button>
786            <button class="demo-tab flex-1 px-3 py-3 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-slate-600 dark:text-slate-400 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-slate-50 dark:hover:bg-slate-900/50 transition-all border-b-2 border-transparent" data-type="kenteken">
787              <svg class="mx-auto mb-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M7 6v12"/><path d="M11 12h3M16 12h3"/></svg>
788              License Plate
789            </button>
790            <button class="demo-tab flex-1 px-3 py-3 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-slate-600 dark:text-slate-400 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-slate-50 dark:hover:bg-slate-900/50 transition-all border-b-2 border-transparent" data-type="phone">
791              <svg class="mx-auto mb-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.14 13.9 19.79 19.79 0 0 1 1.08 5.27 2 2 0 0 1 3.06 3h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.09 10.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21 18z"/></svg>
792              Phone
793            </button>
794            <button class="demo-tab flex-1 px-3 py-3 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-slate-600 dark:text-slate-400 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-slate-50 dark:hover:bg-slate-900/50 transition-all border-b-2 border-transparent" data-type="email">
795              <svg class="mx-auto mb-1" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
796              Email
797            </button>
798          </div>
799
800          <!-- Body -->
801          <div class="p-5">
802            <!-- Address Form -->
803            <div class="demo-form" id="form-address">
804              <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[7px]">Request parameters</div>
805
806              <!-- Country Selector -->
807              <div class="mb-[10px]">
808                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Country</div>
809                <select id="dCountry" class="demo-input-light w-full">
810                  <optgroup label="Lookup API Countries">
811                    <option value="lookup-nl">🇳🇱 Nederland (Lookup)</option>
812                    <option value="lookup-lu">🇱🇺 Luxemburg (Lookup)</option>
813                  </optgroup>
814                  <optgroup label="Autocomplete API Countries">
815                    <option value="nl">🇳🇱 Nederland</option>
816                    <option value="lu">🇱🇺 Luxemburg</option>
817                    <option value="de">🇩🇪 Duitsland</option>
818                    <option value="cz">🇨🇿 Tsjechië</option>
819                    <option value="fi">🇫🇮 Finland</option>
820                    <option value="it">🇮🇹 Italië</option>
821                    <option value="no">🇳🇴 Noorwegen</option>
822                    <option value="pl">🇵🇱 Polen</option>
823                    <option value="pt">🇵🇹 Portugal</option>
824                    <option value="ro">🇷🇴 Roemenië</option>
825                    <option value="es">🇪🇸 Spanje</option>
826                    <option value="ch">🇨🇭 Zwitserland</option>
827                    <option value="at">🇦🇹 Oostenrijk</option>
828                    <option value="dk">🇩🇰 Denemarken</option>
829                    <option value="gb">🇬🇧 Verenigd Koninkrijk</option>
830                    <option value="se">🇸🇪 Zweden</option>
831                    <option value="fr">🇫🇷 Frankrijk</option>
832                    <option value="be">🇧🇪 België</option>
833                  </optgroup>
834                </select>
835              </div>
836
837              <!-- Mode Toggle (Lookup/Autocomplete) -->
838              <div class="mb-[10px]">
839                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Validation Mode</div>
840                <div class="flex gap-[8px]">
841                  <button id="dModeLookup" class="flex-1 demo-mode-btn active" data-mode="lookup">Lookup</button>
842                  <button id="dModeAutocomplete" class="flex-1 demo-mode-btn" data-mode="autocomplete">Autocomplete</button>
843                </div>
844              </div>
845
846              <!-- Lookup Mode Fields -->
847              <div id="dLookupFields">
848                <div class="grid grid-cols-2 gap-[10px] mb-[10px]">
849                  <div>
850                    <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Postcode</div>
851                    <div class="relative">
852                      <input id="dPostcode" class="demo-input-light pr-10" placeholder="1234 AB" maxlength="7">
853                      <div id="dPostcodeSpinner" class="hidden absolute right-3 top-1/2 -translate-y-1/2">
854                        <svg class="animate-spin h-4 w-4 text-blue-600 dar
854k:text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
855                          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
856                          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
857                        </svg>
858                      </div>
859                    </div>
860                  </div>
861                  <div>
862                    <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">House number</div>
863                    <div class="relative">
864                      <input id="dHuisnummer" class="demo-input-light pr-10" placeholder="10">
865                      <div id="dHuisnummerSpinner" class="hidden absolute right-3 top-1/2 -translate-y-1/2">
866                        <svg class="animate-spin h-4 w-4 text-blue-600 dark:text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
867                          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
868                          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
869                        </svg>
870                      </div>
871                    </div>
872                  </div>
873                </div>
874
875                <div class="mb-[10px]">
876                  <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Addition (optional)</div>
877                  <div class="relative">
878                    <input id="dToevoeging" class="demo-input-light pr-10" placeholder="A">
879                    <select id="dToevoegingSelect" class="demo-input-light hidden"></select>
880                    <div id="dToevoegingSpinner" class="hidden absolute right-3 top-1/2 -translate-y-1/2">
881                      <svg class="animate-spin h-4 w-4 text-blue-600 dark:text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
882                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
883                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
884                      </svg>
885                    </div>
886                  </div>
887                  <p id="dToevoegingHint" class="hidden mt-[6px] text-[0.7rem] text-amber-600 dark:text-amber-400"></p>
888                </div>
889              </div>
890
891              <!-- Autocomplete Mode Field -->
892              <div id="dAutocompleteField" class="mb-[10px] hidden">
893                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Search Address</div>
894                <div class="relative">
895                  <input id="dSearch" class="demo-input-light pr-10" placeholder="Search by street, postcode, or city..." autocomplete="off">
896                  <div id="dSearchSpinner" class="hidden absolute right-3 top-1/2 -translate-y-1/2">
897                    <svg class="animate-spin h-4 w-4 text-blue-600 dark:text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
898                      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
899                      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
900                    </svg>
901                  </div>
902                  <div id="dSearchResults" class="hidden absolute z-10 w-full mt-1 bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg shadow-lg max-h-60 overflow-auto"></div>
903                </div>
904              </div>
905
906              <div class="mb-3">
907                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Street (auto-complete)</div>
908                <input id="dStraat" class="demo-input-light" readonly placeholder="Will be automatically completed...">
909              </div>
910            </div>
911
912            <!-- Kenteken Form -->
913            <div class="demo-form hidden" id="form-kenteken">
914              <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[7px]">Request parameters</div>
915              <div class="mb-3">
916                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">License Plate</div>
917                <div class="relative">
918                  <input id="dKenteken" class="demo-input-light pr-10" placeholder="GB-123-B">
919                  <div id="dKentekenSpinner" class="hidden absolute right-3 top-1/2 -translate-y-1/2">
920                    <svg class="animate-spin h-4 w-4 text-blue-600 dark:text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
921                      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
922                      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
923                    </svg>
924                  </div>
925                </div>
926              </div>
927              <div class="mb-3">
928                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Brand (auto-complete)</div>
929                <input id="dMerk" class="demo-input-light" readonly placeholder="Will be automatically completed...">
930              </div>
931            </div>
932
933            <!-- Phone Form -->
934            <div class="demo-form hidden" id="form-phone">
935              <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[7px]">Request parameters</div>
936              <div class="mb-3">
937                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Phone Number</div>
938                <div class="relative">
939                  <input id="dPhone" class="demo-input-light pr-10" placeholder="+31 6 12345678">
940                  <div id="dPhoneSpinner" class="hidden absolute right-3 top-1/2 -translate-y-1/2">
941                    <svg class="animate-spin h-4 w-4 text-blue-600 dark:text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
942                      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
943                      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
944                    </svg>
945                  </div>
946                </div>
947              </div>
948              <div class="mb-3">
949                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Type (auto-complete)</div>
950                <input id="dPhoneType" class="demo-input-light" readonly placeholder="Will be automatically completed...">
951              </div>
952            </div>
953
954            <!-- Email Form -->
955            <div class="demo-form hidden" id="form-email">
956              <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[7px]">Request parameters</div>
957              <div class="mb-3">
958                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Email Address</div>
959                <div class="relative">
960                  <input id="dEmail" class="demo-input-light pr-10" placeholder="[email protected]">
961                  <div id="dEmailSpinner" class="hidden absolute right-3 top-1/2 -translate-y-1/2">
962                    <svg class="animate-spin h-4 w-4 text-blue-600 dark:text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
963                      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
964                      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
965                    </svg>
966                  </div>
967                </div>
968              </div>
969              <div class="mb-3">
970                <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500 mb-[6px]">Status (auto-complete)</div>
971                <input id="dEmailStatus" class="demo-input-light" readonly placeholder="Will be automatically completed...">
972              </div>
973            </div>
974
975            <div class="flex items-center justify-between mb-[7px]">
976              <div class="text-[0.68rem] font-bold uppercase tracking-[0.1em] text-slate-400 dark:text-slate-500">Response</div>
977              <button type="button" id="dResponseFullBtn" class="hidden items-center gap-1 text-[0.68rem] font-bold text-blue-600 dar
977k:text-blue-300 bg-blue-50 dark:bg-blue-500/10 hover:bg-blue-100 dark:hover:bg-blue-500/20 border border-blue-200 dark:border-blue-500/30 rounded-md px-[8px] py-[3px] transition-colors">
978                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>
979                Full response
980              </button>
981            </div>
982            <div class="demo-code-light" id="dResponse"><span class="lc">// Enter data to validate...</span></div>
983          </div>
984          <!-- Valid banner -->
985          <div id="dBanner" class="hidden items-center gap-[9px] bg-emerald-50 dark:bg-emerald-900/30 border-t border-emerald-200 dark:border-emerald-800 px-[18px] py-[10px]">
986            <div class="w-2 h-2 bg-emerald-500 dark:bg-emerald-400 rounded-full animate-blink"></div>
987            <span id="dBannerText" class="text-[0.8rem] font-semibold text-emerald-700 dark:text-emerald-300">200 OK - Address successfully validated</span>
988          </div>
989        </div>
990      </div>
991
992      <!-- Scroll for more hint -->
993      <a href="#features" id="heroScrollHint" class="hidden md:flex absolute bottom-3 left-1/2 -translate-x-1/2 flex-col items-center gap-1.5 text-slate-400 dark:text-slate-500 hover:text-blue-600 dark:hover:text-blue-400 no-underline transition duration-300">
994        <span class="text-[0.65rem] font-semibold uppercase tracking-[0.14em]">Scroll</span>
995        <svg class="w-4 h-4 animate-bounce" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M19 12l-7 7-7-7"/></svg>
996      </a>
997    </div>
998
999    <!-- Stats strip at bottom of hero -->
1000    <div class="relative z-10 border-t border-blue-200/60 dark:border-blue-900/40 bg-white/70 dark:bg-slate-900/70 backdrop-blur-sm transition-colors duration-300">
1001      <div class="max-w-[1300px] mx-auto px-12 flex flex-wrap">
1002        <div class="flex-1 min-w-[120px] py-7 text-center border-r border-slate-200 dark:border-slate-700 last:border-r-0">
1003          <div class="font-display text-[2.1rem] font-extrabold text-slate-900 dark:text-slate-100 leading-none mb-1"><span class="counter" data-target="9999" data-mode="uptime">0</span></div>
1004          <div class="text-[0.8rem] text-slate-500 dark:text-slate-400 font-medium">Uptime SLA</div>
1005        </div>
1006        <div class="flex-1 min-w-[120px] py-7 text-center border-r border-slate-200 dark:border-slate-700 last:border-r-0">
1007          <div class="font-display text-[2.1rem] font-extrabold text-slate-900 dark:text-slate-100 leading-none mb-1">&lt;<span class="counter" data-target="80" data-suffix="ms">0</span></div>
1008          <div class="text-[0.8rem] text-slate-500 dark:text-slate-400 font-medium">Avg. response time</div>
1009        </div>
1010        <div class="flex-1 min-w-[120px] py-7 text-center border-r border-slate-200 dark:border-slate-700 last:border-r-0">
1011          <div class="font-display text-[2.1rem] font-extrabold text-slate-900 dark:text-slate-100 leading-none mb-1"><span class="counter" data-target="500" data-suffix="K+">0</span></div>
1012          <div class="text-[0.8rem] text-slate-500 dark:text-slate-400 font-medium">Validations per month</div>
1013        </div>
1014        <div class="flex-1 min-w-[120px] py-7 text-center border-r border-slate-200 dark:border-slate-700 last:border-r-0">
1015          <div class="font-display text-[2.1rem] font-extrabold text-blue-600 dark:text-blue-400 leading-none mb-1">18+</div>
1016          <div class="text-[0.8rem] text-slate-500 dark:text-slate-400 font-medium">Countries supported</div>
1017        </div>
1018        <div class="flex-1 min-w-[120px] py-7 text-center">
1019          <div class="font-display text-[2.1rem] font-extrabold text-slate-900 dark:text-slate-100 leading-none mb-1"><span class="counter" data-target="4" data-suffix="">0</span></div>
1020          <div class="text-[0.8rem] text-slate-500 dark:text-slate-400 font-medium">Validation APIs</div>
1021        </div>
1022      </div>
1023    </div>
1024
1025    <!-- Full response modal -->
1026    <div id="response-modal" class="response-modal hidden" role="dialog" aria-modal="true" aria-labelledby="response-modal-title">
1027      <div class="response-modal-backdrop" data-response-modal-close></div>
1028      <div class="response-modal-panel">
1029        <button type="button" class="response-modal-close" data-response-modal-close aria-label="Close">
1030          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 6L6 18M6 6l12 12"/></svg>
1031        </button>
1032        <h3 id="response-modal-title" class="response-modal-title">Full API response</h3>
1033        <div class="demo-code-light response-modal-code" id="dResponseFull"></div>
1034      </div>
1035    </div>
1036
1037    
1037<script>
1038      window.translations = {
1039        streets: 'Streets',
1040        postcodes: 'Postcodes',
1041        cities: 'Cities',
1042        addresses: 'Addresses',
1043        success_address: '200 OK - Address successfully validated',
1044        success_email: '200 OK - Email successfully validated',
1045        success_phone: '200 OK - Phone number successfully validated',
1046        success_kenteken: '200 OK - License plate successfully validated',
1047        toevoeging_hint: 'Multiple additions found for this house number, pick one:'
1048      };
1049    </script>
1049
1050  </section>
1051    <section class="features-wrap" id="features">
1052  <div class="wrapper">
1053    <div class="sec-header reveal">
1054      <div class="eyebrow"><div class="eyebrow-line"></div>Features</div>
1055      <h2 class="section-h">Four APIs. One platform.</h2>
1056      <p class="section-p">Integrate address, email and phone validation via a single REST API. Flexible, fast and documented.</p>
1057    </div>
1058    <div class="feat-plan-switcher reveal">
1059      <span class="feat-plan-label">Calculate the price per validation for your plan:</span>
1060      <div class="feat-plan-btns" role="group" aria-label="Calculate the price per validation for your plan:">
1061        <span class="feat-plan-indicator" aria-hidden="true"></span>
1062                  <button type="button" class="feat-plan-btn" data-credits="250" data-price="1.95">Mini</button>
1063                  <button type="button" class="feat-plan-btn" data-credits="1000" data-price="4.95">Small</button>
1064                  <button type="button" class="feat-plan-btn active" data-credits="5000" data-price="14.95">Medium</button>
1065                  <button type="button" class="feat-plan-btn" data-credits="10000" data-price="24.95">Large</button>
1066              </div>
1067    </div>
1068    <div class="feat-grid">
1069      <a href="https://apicheck.nl/en/address-validation" class="feat-card reveal no-underline">
1070        <div class="feat-num">01</div>
1071        <div class="feat-icon fi-blue"><svg viewBox="0 0 24 24" fill="none" stroke="#2563eb" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></div>
1072        <h3>Address Validation API</h3>
1073        <p>Validate and autocomplete addresses in real-time. Postcode lookup for 18 European countries. Reduce returns and improve delivery reliability.</p>
1074        <div class="feat-price" data-credits-per-call="1"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M14.8 9a2 2 0 0 0-1.8-1h-1.5a2 2 0 0 0 0 4h1a2 2 0 0 1 0 4h-1.5a2 2 0 0 1-1.8-1"/><path d="M12 6v2m0 8v2"/></svg><span data-feat-price>From €0.0030 per validation</span></div>
1075        <div class="chips"><span class="chip ch-b">Postcode lookup</span><span class="chip ch-b">18 countries</span><span class="chip ch-b">Autocomplete</span></div>
1076        <span class="feat-more">Learn more<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span>
1077      </a>
1078      <a href="https://apicheck.nl/en/email-validation" class="feat-card reveal d1 no-underline">
1079        <div class="feat-num">02</div>
1080        <div class="feat-icon fi-teal"><svg viewBox="0 0 24 24" fill="none" stroke="#0e7490" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></div>
1081        <h3>Email Validation API</h3>
1082        <p>Check syntax, domain and deliverability. Detect disposable addresses and non-existent mailboxes before they pollute your list.</p>
1083        <div class="feat-price" data-credits-per-call="2"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M14.8 9a2 2 0 0 0-1.8-1h-1.5a2 2 0 0 0 0 4h1a2 2 0 0 1 0 4h-1.5a2 2 0 0 1-1.8-1"/><path d="M12 6v2m0 8v2"/></svg><span data-feat-price>From €0.0060 per validation</span></div>
1084        <div class="chips"><span class="chip ch-t">Syntax check</span><span class="chip ch-t">MX verification</span><span class="chip ch-t">Disposable detection</span></div>
1085        <span class="feat-more">Learn more<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span>
1086      </a>
1087      <a href="https://apicheck.nl/en/phone-validation" class="feat-card reveal d2 no-underline">
1088        <div class="feat-num">03</div>
1089        <div class="feat-icon fi-orange"><svg viewBox="0 0 24 24" fill="none" stroke="#b45309" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.14 13.9 19.79 19.79 0 0 1 1.08 5.27 2 2 0 0 1 3.06 3h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.09 10.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21 18z"/></svg></div>
1090        <h3>Phone Validation API</h3>
1091        <p>Validate and normalize phone numbers internationally. Detect line type, operators and format to E.164 standard.</p>
1092        <div class="feat-price" data-credits-per-call="0.5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M14.8 9a2 2 0 0 0-1.8-1h-1.5a2 2 0 0 0 0 4h1a2 2 0 0 1 0 4h-1.5a2 2 0 0 1-1.8-1"/><path d="M12 6v2m0 8v2"/></svg><span data-feat-price>From €0.0015 per validation</span></div>
1093        <div class="chips"><span class="chip ch-o">International</span><span class="chip ch-o">Line type</span><span class="chip ch-o">E.164 format</span></div>
1094        <span class="feat-more">Learn more<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span>
1095      </a>
1096      <a href="https://apicheck.nl/en/license-plate-validation" class="feat-card reveal d3 no-underline">
1097        <div class="feat-num">04</div>
1098        <div class="feat-icon fi-purple"><svg viewBox="0 0 24 24" fill="none" stroke="#7c3aed" stroke-width="2" stroke-linecap="round"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M7 6v12"/><path d="M11 12h3M16 12h3"/></svg></div>
1099        <h3>License Plate Validation API</h3>
1100        <p>Validate Dutch license plates and retrieve vehicle information. Brand, model, color and build year available instantly.</p>
1101        <div class="feat-price" data-credits-per-call="5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M14.8 9a2 2 0 0 0-1.8-1h-1.5a2 2 0 0 0 0 4h1a2 2 0 0 1 0 4h-1.5a2 2 0 0 1-1.8-1"/><path d="M12 6v2m0 8v2"/></svg><span data-feat-price>From €0.0150 per validation</span></div>
1102        <div class="chips"><span class="chip ch-p">RDW data</span><span class="chip ch-p">Vehicle details</span><span class="chip ch-p">Real-time</span><span class="chip ch-p">All formats</span></div>
1103        <span class="feat-more">Learn more<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span>
1104      </a>
1105    </div>
1106  </div>
1107  
1107<script>
1108    window.featurePriceTemplate = "From :price per validation";
1109  </script>
1109
1110</section>
1111    <section class="code-wrap">
1112  <div class="wrapper">
1113    <div class="code-layout">
1114      <div class="code-window reveal">
1115        <div class="code-window-top">
1116          <div class="code-dots2"><span></span><span></span><span></span></div>
1117          <div class="code-file">validate_address.php</div>
1118          <div class="code-top-bar-line"></div>
1119        </div>
1120        <div class="code-body"><pre>
1121<span class="cm">// ApiCheck - Adres Validatie</span>
1122<span class="cm">// composer require api-check/php-client</span>
1123
1124<span class="ck">use</span> <span class="cs">ApiCheck\ApiClient</span>;
1125
1126<span class="cp">$client</span> = <span class="ck">new</span> <span class="co">ApiClient</span>();
1127<span class="cp">$client</span>-><span class="co">setApiKey</span>(<span class="cs">'uw-api-key'</span>);
1128
1129<span class="cp">$result</span> = <span class="cp">$client</span>-><span class="co">lookup</span>(<span class="cs">'1234AB'</span>, <span class="cs">'10'</span>);
1130
1131<span class="ck">echo</span> <span class="cp">$result</span>[<span class="cs">'street'</span>];  <span class="cm">// "Dreef"</span>
1132<span class="ck">echo</span> <span class="cp">$result</span>[<span class="cs">'city'</span>];    <span class="cm">// "Haarlem"</span></pre></div>
1133      </div>
1134      <div class="code-text reveal d1">
1135        <div class="eyebrow"><div class="eyebrow-line"></div>Integration</div>
1136        <h3>Live in 15 minutes.</h3>
1137        <p>Detailed documentation, ready-to-use SDKs and plugins for the most popular platforms. Integrate into your stack with minimal effort.</p>
1138        <div class="code-badges">
1139          <div class="code-badge"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>REST API</div>
1140          <div class="code-badge"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/></svg>PHP &amp; Laravel SDK</div>
1141          <div class="code-badge"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>&lt; 80ms response</div>
1142          <div class="code-badge"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>GDPR-ready</div>
1143        </div>
1144      </div>
1145    </div>
1146  </div>
1147</section>
1148    <section class="process-wrap">
1149  <div class="wrapper">
1150    <div class="sec-header ctr reveal">
1151      <div class="eyebrow"><div class="eyebrow-line"></div>How it works</div>
1152      <h2 class="section-h">From registration to live validation.</h2>
1153      <p class="section-p">Get operational in four steps - in less than 15 minutes.</p>
1154    </div>
1155    <div class="steps-grid">
1156      <div class="step-card reveal">
1157        <div class="step-arrow-icon">›</div>
1158        <div class="step-num-badge">01</div>
1159        <h3>Create account</h3>
1160        <p>Register for free. No credit card, no obligations. Ready in 60 seconds.</p>
1161      </div>
1162      <div class="step-card reveal d1">
1163        <div class="step-arrow-icon">›</div>
1164        <div class="step-num-badge">02</div>
1165        <h3>Generate API key</h3>
1166        <p>Your unique key is ready immediately in the dashboard. Secure and personal.</p>
1167      </div>
1168      <div class="step-card reveal d2">
1169        <div class="step-arrow-icon">›</div>
1170        <div class="step-num-badge">03</div>
1171        <h3>Integrate &amp; test</h3>
1172        <p>Plugin, SDK or direct REST connection. Documentation and integration help included.</p>
1173      </div>
1174      <div class="step-card reveal d3">
1175        <div class="step-num-badge">04</div>
1176        <h3>Monitor &amp; scale</h3>
1177        <p>Real-time statistics in the dashboard. Easily upgrade as your usage grows.</p>
1178      </div>
1179    </div>
1180  </div>
1181</section>
1182    <section class="pricing-wrap" id="pricing">
1183  <div class="wrapper">
1184    <div class="sec-header ctr reveal">
1185      <div class="eyebrow"><div class="eyebrow-line"></div>
1185Pricing</div>
1186      <h2 class="section-h">Transparent. Fair. Scalable.</h2>
1187      <p class="section-p">Pay only for what you use. No hidden costs, monthly cancellable.</p>
1188    </div>
1189    <div class="pricing-grid">
1190      <div class="p-card reveal">
1191        <div class="p-star-badge" style="background: linear-gradient(135deg, rgba(16,185,129,0.15), rgba(5,150,105,0.1)); border-color: rgba(16,185,129,0.3); color: #10b981;">✦ Try it out</div>
1192        <div class="p-name">Free</div><div class="p-credits">200 credits - one-time</div>
1193        <div class="p-price"><span class="p-amount">€0</span><span class="p-mo">/mo</span></div>
1194        <ul class="p-feats">
1195          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>200 one-time credits</li>
1196          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>No credit card required</li>
1197          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Free plugins</li>
1198          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Integration help</li>
1199        </ul>
1200        <a href="https://app.apicheck.nl/authentication/register" class="btn-p out" style="border-color: #10b981; color: #10b981;">Get started free</a>
1201      </div>
1202      <div class="p-card reveal d1">
1203        <div class="p-name">Mini</div><div class="p-credits">250 credits / month</div>
1204        <div class="p-price"><span class="p-amount">€1.95</span><span class="p-mo">/mo</span></div>
1205        <ul class="p-feats">
1206          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>250 credits/month</li>
1207          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Standard support</li>
1208          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Free plugins</li>
1209          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Integration help</li>
1210        </ul>
1211        <a href="https://app.apicheck.nl/authentication/register?type=7" class="btn-p out">Choose Mini</a>
1212      </div>
1213      <div class="p-card reveal d1">
1214        <div class="p-name">Small</div><div class="p-credits">1,000 credits / month</div>
1215        <div class="p-price"><span class="p-amount">€4.95</span><span class="p-mo">/mo</span></div>
1216        <ul class="p-feats">
1217          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>1,000 credits/month</li>
1218          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Standard support</li>
1219          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Free plugins</li>
1220          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Integration help</li>
1221        </ul>
1222        <a href="https://app.apicheck.nl/authentication/register?type=1" class="btn-p out">Choose Small</a>
1223      </div>
1224      <div class="p-card star reveal d2">
1225        <div class="p-star-badge">✦ Most Popular</div>
1226        <div class="p-name">Medium</div><div class="p-credits">5,000 credits / month</div>
1227        <div class="p-price"><span class="p-amount">€14.95</span><span class="p-mo">/mo</span></div>
1228        <ul class="p-feats">
1229          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>5,000 credits/month</li>
1230          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Priority support</li>
1231          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>
1231Free plugins</li>
1232          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Personal help</li>
1233        </ul>
1234        <a href="https://app.apicheck.nl/authentication/register?type=5" class="btn-p fill">Choose Medium</a>
1235      </div>
1236      <div class="p-card reveal d3">
1237        <div class="p-name">Large</div><div class="p-credits">10,000 credits / month</div>
1238        <div class="p-price"><span class="p-amount">€24.95</span><span class="p-mo">/mo</span></div>
1239        <ul class="p-feats">
1240          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>10,000 credits/month</li>
1241          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Priority support</li>
1242          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Free plugins</li>
1243          <li><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Dedicated help</li>
1244        </ul>
1245        <a href="https://app.apicheck.nl/authentication/register?type=2" class="btn-p out">Choose Large</a>
1246      </div>
1247    </div>
1248    <p class="p-note">Extra usage: <strong>€0.01</strong> per credit · or buy extra credits from <button type="button" class="topup-link" data-topup-trigger aria-haspopup="dialog">€8.95</button> · All prices excl. 21% VAT · Monthly cancellable</p>
1249  </div>
1250
1251  <div id="credit-topup-modal" class="credit-modal hidden" role="dialog" aria-modal="true" aria-labelledby="credit-topup-modal-title">
1252    <div class="credit-modal-backdrop" data-topup-close></div>
1253    <div class="credit-modal-panel">
1254      <button type="button" class="credit-modal-close" data-topup-close aria-label="Close">
1255        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 6L6 18M6 6l12 12"/></svg>
1256      </button>
1257      <h3 id="credit-topup-modal-title" class="credit-modal-title">Buy extra credits</h3>
1258      <p class="credit-modal-desc">Out of credits during your subscription? Buy a one-time top-up at a fixed price, often cheaper than the <strong>€0.01 per credit</strong> extra usage rate.</p>
1259      <div class="credit-modal-table-wrap">
1260        <table class="credit-modal-table">
1261          <thead>
1262            <tr>
1263              <th>Credits</th>
1264              <th>Price (excl. VAT)</th>
1265              <th>Per credit</th>
1266            </tr>
1267          </thead>
1268          <tbody>
1269                          <tr>
1270                <td>1,000</td>
1271                <td>€8.95</td>
1272                <td>€0.0090</td>
1273              </tr>
1274                          <tr>
1275                <td>5,000</td>
1276                <td>€19.95</td>
1277                <td>€0.0040</td>
1278              </tr>
1279                          <tr>
1280                <td>10,000</td>
1281                <td>€29.95</td>
1282                <td>€0.0030</td>
1283              </tr>
1284                          <tr>
1285                <td>50,000</td>
1286                <td>€59.95</td>
1287                <td>€0.0012</td>
1288              </tr>
1289                          <tr>
1290                <td>100,000</td>
1291                <td>€109.95</td>
1292                <td>€0.0011</td>
1293              </tr>
1294                          <tr>
1295                <td>250,000</td>
1296                <td>€274.95</td>
1297                <td>€0.0011</td>
1298              </tr>
1299                          <tr>
1300                <td>500,000</td>
1301                <td>€549.95</td>
1302                <td>€0.0011</td>
1303              </tr>
1304                      </tbody>
1305        </table>
1306      </div>
1307      <p class="credit-modal-footnote">All prices are excl. 21% VAT. Order extra credits from your dashboard.</p>
1308    </div>
1309  </div>
1310</section>
1311    <section class="int-wrap" id="integrations">
1312  <div class="wrapper">
1313    <div class="sec-header ctr reveal">
1314      <div class="eyebrow"><div class="eyebrow-line"></div>Integrations</div>
1315      <h2 class="section-h" style="font-size:2rem">Connect to your existing stack</h2>
1316    </div>
1317    <div class="int-row reveal">
1318      <a href="https://apicheck.nl/integraties/woocommerce" class="int-pill">
1319        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M.754 9.58a.754.754 0 00-.754.758v2.525c0 .42.339.758.758.758h3.135l1.431.799-.326-.799h2.373a.757.757 0 00.758-.758v-2.525a.757.757 0 00-.758-.758H.754zm2.709.445h.03c.065.001.124.023.179.067a.26.26 0 01.103.19.29.29 0 01-.033.16c-.13.239-.236.64-.322 1.199-.083.541-.114.965-.094 1.267a.392.392 0 01-.039.219.213.213 0 01-.176.12c-.086.006-.177-.034-.263-.124-.31-.316-.555-.788-.735-1.416-.216.425-.375.744-.478.957-.196.376-.363.568-.502.578-.09.007-.166-.069-.233-.228-.17-.436-.352-1.277-.548-2.524a.297.297 0 01.054-.222c.047-.064.116-.095.21-.102.169-.013.265.065.288.238.103.695.217 1.284.336 1.766l.727-1.387c.066-.126.15-.192.25-.199.146-.01.237.083.273.28.083.441.188.817.315 1.136.086-.844.233-1.453.44-1.828a.255.255 0 01.218-.147zm1.293.36c.056 0 .116.006.18.02.232.05.411.177.53.386.107.18.161.395.161.654 0 .343-.087.654-.26.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.158
1319-.659c0-.342.085-.655.258-.937.202-.333.462-.498.78-.498zm2.084 0c.056 0 .116.006.18.02.236.05.411.177.53.386.107.18.16.395.16.654 0 .343-.086.654-.259.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.16-.659c0-.342.087-.655.26-.937.202-.333.462-.498.78-.498zm4.437.047c-.305 0-.546.102-.718.304-.173.203-.256.49-.256.856 0 .395.086.697.256.906.17.21.418.316.744.316.315 0 .559-.107.728-.316.17-.21.256-.504.256-.883s-.087-.673-.26-.879c-.176-.202-.424-.304-.75-.304zm-1.466.002a1.13 1.13 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.505.336.861.336.103 0 .22-.016.346-.052v-.54c-.117.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm12.414 0a1.135 1.135 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.506.336.861.336.103 0 .22-.016.346-.052v-.54c-.116.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm-9.598.06l-.29 2.264h.579l.156-1.559.395 1.559h.412l.379-1.555.164 1.555h.603l-.304-2.264h-.791l-.12.508c-.03.13-.06.264-.087.4l-.067.352a29.97 29.97 0 00-.258-1.26h-.771zm2.768 0l-.29 2.264h.579l.156-1.559.396 1.559h.412l.375-1.555.165 1.555h.603l-.305-2.264h-.789l-.119.508c-.03.13-.06.264-.086.4l-.066.352c-.063-.352-.15-.771-.26-1.26h-.771zm3.988 0v2.264h.611v-1.031h.012l.494 1.03h.645l-.489-1.019a.61.61 0 00.37-.552.598.598 0 00-.25-.506c-.167-.123-.394-.186-.68-.186h-.713zm3.377 0v2.264H24v-.483h-.63v-.414h.54v-.468h-.54v-.416h.626v-.483H22.76zm-4.793.004v2.264h1.24v-.483h-.627v-.416h.541v-.468h-.54v-.415h.622v-.482h-1.236zm2.025.432c.146.003.25.025.313.072.063.046.091.12.091.227 0 .156-.135.236-.404.24v-.54zm-15.22.011c-.104 0-.205.069-.301.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.016-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm2.083 0c-.103 0-.204.069-.3.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.013-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm4.428.006c.233 0 .354.218.354.66-.004.273-.038.46-.098.553a.293.293 0 01-.262.139.266.266 0 01-.242-.139c-.056-.093-.084-.28-.084-.562 0-.436.11-.65.332-.65Z"/></svg>
1320        WooCommerce
1321      </a>
1322      <a href="https://apicheck.nl/integraties/contact-form-7" class="int-pill">
1323        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"/></svg>
1324        Contact Form 7
1325      </a>
1326      <a href="https://apicheck.nl/integraties/magento2" class="int-pill">
1327        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 24l-4.455-2.572v-12l2.97-1.715v12.001l1.485.902 1.485-.902V7.713l2.971 1.715v12L12 24zM22.391 6v12l-2.969 1.714V7.713L12 3.43 4.574 7.713v12.001L1.609 18V6L12 0l10.391 6z"/></svg>
1328        Magento 2
1329      </a>
1330      <a href="https://github.com/api-check/php-client" class="int-pill">
1331        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314.272-.21.455-.559.55-1.049.092-.47.05-.802-.124-.995-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.5
133175.438-.917.551-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628.366.417.477 1.001.331 1.751zM17.766 10.207h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314.272-.21.455-.559.551-1.049.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z"/></svg>
1332        PHP Client
1333      </a>
1334      <a href="https://github.com/api-check/php-laravel-client" class="int-pill">
1335        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M23.642 5.43a.364.364 0 01.014.1v5.149c0 .135-.073.26-.189.326l-4.323 2.49v4.934a.378.378 0 01-.188.326L9.93 23.949a.316.316 0 01-.066.027c-.008.002-.016.008-.024.01a.348.348 0 01-.192 0c-.011-.002-.02-.008-.03-.012-.02-.008-.042-.014-.062-.025L.533 18.755a.376.376 0 01-.189-.326V2.974c0-.033.005-.066.014-.098.003-.012.01-.02.014-.032a.369.369 0 01.023-.058c.004-.013.015-.022.023-.033l.033-.045c.012-.01.025-.018.037-.027.014-.012.027-.024.041-.034H.53L5.043.05a.375.375 0 01.375 0L9.93 2.647h.002c.015.01.027.021.04.033l.038.027c.013.014.02.03.033.045.008.011.02.021.025.033.01.02.017.038.024.058.003.011.01.021.013.032.01.031.014.064.014.098v9.652l3.76-2.164V5.527c0-.033.004-.066.013-.098.003-.01.01-.02.013-.032a.487.487 0 01.024-.059c.007-.012.018-.02.025-.033.012-.015.021-.03.033-.043.012-.012.025-.02.037-.028.014-.01.026-.023.041-.032h.001l4.513-2.598a.375.375 0 01.375 0l4.513 2.598c.016.01.027.021.042.031.012.01.025.018.036.028.013.014.022.03.034.044.008.012.019.021.024.033.011.02.018.04.024.06.006.01.012.021.015.032zm-.74 5.032V6.179l-1.578.908-2.182 1.256v4.283zm-4.51 7.75v-4.287l-2.147 1.225-6.126 3.498v4.325zM1.093 3.624v14.588l8.273 4.761v-4.325l-4.322-2.445-.002-.003H5.04c-.014-.01-.025-.021-.04-.031-.011-.01-.024-.018-.035-.027l-.001-.002c-.013-.012-.021-.025-.031-.04-.01-.011-.021-.022-.028-.036h-.002c-.008-.014-.013-.031-.02-.047-.006-.016-.014-.027-.018-.043a.49.49 0 01-.008-.057c-.002-.014-.006-.027-.006-.041V5.789l-2.18-1.257zM5.23.81L1.47 2.974l3.76 2.164 3.758-2.164zm1.956 13.505l2.182-1.256V3.624l-1.58.91-2.182 1.255v9.435zm11.581-10.95l-3.76 2.163 3.76 2.163 3.759-2.164zm-.376 4.978L16.21 7.087 14.63 6.18v4.283l2.182 1.256 1.58.908zm-8.65 9.654l5.514-3.148 2.756-1.572-3.757-2.163-4.323 2.489-3.941 2.27z"/></svg>
1336        Laravel
1337      </a>
1338      <a href="https://github.com/api-check/php-symfony-client" class="int-pill">
1339        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12c0 6.628-5.372 12-12 12S0 18.628 0 12 5.372 0 12 0s12 5.372 12 12zm-6.753-7.561c-1.22.042-2.283.715-3.075 1.644-.878 1.02-1.461 2.229-1.881 3.461-.753-.614-1.332-1.414-2.539-1.761-.966-.297-2.015-.105-2.813.514-.41.319-.71.757-.861 1.254-.36 1.176.381 2.225.719 2.6l.737.79c.15.154.519.56.339 1.138-.193.631-.951 1.037-1.732.799-.348-.106-.848-.366-.734-.73.045-.15.152-.263.21-.391.052-.11.077-.194.095-.242.141-.465-.053-1.07-.551-1.223-.465-.143-.939-.03-1.125.566-.209.68.117 1.913 1.86 2.449 2.04.628 3.765-.484 4.009-1.932.153-.907-.255-1.582-1.006-2.447l-.612-.677c-.371-.37-.497-1.002-.114-1.485.324-.409.785-.584 1.539-.379 1.103.3 1.594 1.063 2.412 1.68-.338 1.11-.56 2.223-.759 3.222l-.123.746c-.585 3.07-1.033 4.757-2.194 5.726-.234.166-.57.416-1.073.434-.266.005-.352-.176-.355-.257-.006-.184.15-.271.255-.353.154-.083.39-.224.372-.674-.016-.532-.456-.994-1.094-.973-.477.017-1.203.465-1.176 1.286.028.85.819 1.485 2.012 1.444.638-.021 2.062-.281 3.464-1.949 1.633-1.911 2.09-4.101 2.434-5.706l.383-2.116c.213.024.441.042.69.048 2.032.044 3.049-1.01 3.064-1.776.01-.464-.304-.921-.744-.91-.386.009-.718.278-.806.654-.094.428.646.813.068 1.189-.41.266-1.146.452-2.184.3l.188-1.042c.386-1.976.859-4.407 2.661-4.467.132-.007.612.006.623.323.003.105-.022.134-.147.375-.115.155-.174.345-.168.537.017.504.4.836.957.816.743-.023.955-.748.945-1.119-.032-.874-.952-1.424-2.17-1.386z"/></svg>
1340        Symfony Bundle
1341      </a>
1342      <a href="https://github.com/api-check/javascript-wrapper" class="int-pill">
1343        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.51
13435-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"/></svg>
1344        JavaScript / TypeScript
1345      </a>
1346      <a href="https://github.com/api-check/angular-client" class="int-pill">
1347        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M16.712 17.711H7.288l-1.204 2.916L12 24l5.916-3.373-1.204-2.916ZM14.692 0l7.832 16.855.814-12.856L14.692 0ZM9.308 0 .662 3.999l.814 12.856L9.308 0Zm-.405 13.93h6.198L12 6.396 8.903 13.93Z"/></svg>
1348        Angular
1349      </a>
1350      <a href="https://github.com/api-check/python-client" class="int-pill">
1351        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z"/></svg>
1352        Python Client
1353      </a>
1354      <a href="https://github.com/api-check/kotlin-client" class="int-pill">
1355        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M24 24H0V0h24L12 12Z"/></svg>
1356        Kotlin Client
1357      </a>
1358      <a href="https://github.com/api-check/csharp-client" class="int-pill">
1359        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M24 8.77h-2.468v7.565h-1.425V8.77h-2.462V7.53H24zm-6.852 7.565h-4.821V7.53h4.63v1.24h-3.205v2.494h2.953v1.234h-2.953v2.604h3.396zm-6.708 0H8.882L4.78 9.863a2.896 2.896 0 0 1-.258-.51h-.036c.032.189.048.592.048 1.21v5.772H3.157V7.53h1.659l3.965 6.32c.167.261.275.442.323.54h.024c-.04-.233-.06-.629-.06-1.185V7.529h1.372zm-8.703-.693a.868.829 0 0 1-.869.829.868.829 0 0 1-.868-.83.868.829 0 0 1 .868-.828.868.829 0 0 1 .869.829Z"/></svg>
1360        C# Client
1361      </a>
1362      <a href="https://github.com/api-check/n8n-nodes-apicheck" class="int-pill">
1363        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M21.4737 5.6842c-1.1772 0-2.1663.8051-2.4468 1.8947h-2.8955c-1.235 0-2.289.893-2.492 2.111l-.1038.623a1.263 1.263 0 0 1-1.246 1.0555H11.289c-.2805-1.0896-1.2696-1.8947-2.4468-1.8947s-2.1663.8051-2.4467 1.8947H4.973c-.2805-1.0896-1.2696-1.8947-2.4468-1.8947C1.1311 9.4737 0 10.6047 0 12s1.
1363131 2.5263 2.5263 2.5263c1.1772 0 2.1663-.8051 2.4468-1.8947h1.4223c.2804 1.0896 1.2696 1.8947 2.4467 1.8947 1.1772 0 2.1663-.8051 2.4468-1.8947h1.0008a1.263 1.263 0 0 1 1.2459 1.0555l.1038.623c.203 1.218 1.257 2.111 2.492 2.111h.3692c.2804 1.0895 1.2696 1.8947 2.4468 1.8947 1.3952 0 2.5263-1.131 2.5263-2.5263s-1.131-2.5263-2.5263-2.5263c-1.1772 0-2.1664.805-2.4468 1.8947h-.3692a1.263 1.263 0 0 1-1.246-1.0555l-.1037-.623A2.52 2.52 0 0 0 13.9607 12a2.52 2.52 0 0 0 .821-1.4794l.1038-.623a1.263 1.263 0 0 1 1.2459-1.0555h2.8955c.2805 1.0896 1.2696 1.8947 2.4468 1.8947 1.3952 0 2.5263-1.131 2.5263-2.5263s-1.131-2.5263-2.5263-2.5263m0 1.2632a1.263 1.263 0 0 1 1.2631 1.2631 1.263 1.263 0 0 1-1.2631 1.2632 1.263 1.263 0 0 1-1.2632-1.2632 1.263 1.263 0 0 1 1.2632-1.2631M2.5263 10.7368A1.263 1.263 0 0 1 3.7895 12a1.263 1.263 0 0 1-1.2632 1.2632A1.263 1.263 0 0 1 1.2632 12a1.263 1.263 0 0 1 1.2631-1.2632m6.3158 0A1.263 1.263 0 0 1 10.1053 12a1.263 1.263 0 0 1-1.2632 1.2632A1.263 1.263 0 0 1 7.579 12a1.263 1.263 0 0 1 1.2632-1.2632m10.1053 3.7895a1.263 1.263 0 0 1 1.2631 1.2632 1.263 1.263 0 0 1-1.2631 1.2631 1.263 1.263 0 0 1-1.2632-1.2631 1.263 1.263 0 0 1 1.2632-1.2632"/></svg>
1364        n8n
1365      </a>
1366      <a href="https://zapier.com/developer/public-invite/238732/bb926bb9cd1c60e9a6bff714c7dd6943/" class="int-pill">
1367        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M13.38 3.498c-.27 0-.511.19-.566.465L9.85 18.986a.578.578 0 0 0 .453.678l4.095.826a.58.58 0 0 0 .682-.455l2.963-15.021a.578.578 0 0 0-.453-.678l-4.096-.826a.589.589 0 0 0-.113-.012zm-5.876.098a.576.5
136776 0 0 0-.516.318L.062 17.697a.575.575 0 0 0 .256.774l3.733 1.877a.578.578 0 0 0 .775-.258l6.926-13.781a.577.577 0 0 0-.256-.776L7.762 3.658a.571.571 0 0 0-.258-.062zm11.74.115a.576.576 0 0 0-.576.576v15.426c0 .318.258.578.576.578h4.178a.58.58 0 0 0 .578-.578V4.287a.578.578 0 0 0-.578-.576Z"/></svg>
1368        Zapier
1369      </a>
1370      <a href="https://github.com/api-check/make" class="int-pill">
1371        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M4.157 0A4.151 4.151 0 0 0 0 4.161v15.678A4.151 4.151 0 0 0 4.157 24h15.682A4.152 4.152 0 0 0 24 19.839V4.161A4.152 4.152 0 0 0 19.839 0H4.157Zm10.61 8.761h.03a.577.577 0 0 1 .23.038.585.585 0 0 1 .201.124.63.63 0 0 1 .162.431.612.612 0 0 1-.162.435.58.58 0 0 1-.201.128.58.58 0 0 1-.23.042.529.529 0 0 1-.235-.042.585.585 0 0 1-.332-.328.559.559 0 0 1-.038-.235.613.613 0 0 1 .17-.431.59.59 0 0 1 .405-.162Zm2.853 1.572c.03.004.061.004.095.004.325-.011.646.064.937.219.238.144.431.355.552.609.128.279.189.582.185.888v.193a2 2 0 0 1 0 .219h-2.498c.003.227.075.45.204.642a.78.78 0 0 0 .646.265.714.714 0 0 0 .484-.136.642.642 0 0 0 .23-.318l.915.257a1.398 1.398 0 0 1-.28.537c-.14.159-.321.284-.521.355a2.234 2.234 0 0 1-.836.136 1.923 1.923 0 0 1-1.001-.245 1.618 1.618 0 0 1-.665-.703 2.221 2.221 0 0 1-.227-1.036 1.95 1.95 0 0 1 .48-1.398 1.9 1.9 0 0 1 1.3-.488Zm-9.607.023c.162.004.325.026.48.079.207.065.4.174.563.314.26.302.393.692.366 1.088v2.276H8.53l-.109-.711h-.065c-.064.163-.155.31-.272.439a1.122 1.122 0 0 1-.374.264 1.023 1.023 0 0 1-.453.083 1.334 1.334 0 0 1-.866-.264.965.965 0 0 1-.329-.801.993.993 0 0 1 .076-.431 1.02 1.02 0 0 1 .242-.363 1.478 1.478 0 0 1 1.043-.303h.952v-.181a.696.696 0 0 0-.136-.454.553.553 0 0 0-.438-.154.695.695 0 0 0-.378.086.48.48 0 0 0-.193.254l-.99-.144a1.26 1.26 0 0 1 .257-.563c.14-.174.321-.302.533-.378.261-.091.54-.136.82-.129.053-.003.106-.007.163-.007Zm4.384.007c.174 0 .347.038.506.114.182.083.34.211.458.374.257.423.377.911.351 1.406a2.53 2.53 0 0 1-.355 1.448 1.148 1.148 0 0 1-1.009.517c-.204 0-.401-.045-.582-.136a1.052 1.052 0 0 1-.48-.457 1.298 1.298 0 0 1-.114-.234h-.045l.004 1.784h-1.059v-4.713h.904l.117.805h.057c.068-.208.177-.401.328-.56a1.129 1.129 0 0 1 .843-.344h.076v-.004Zm7.559.084h.903l.113.805h.053a1.37 1.37 0 0 1 .235-.484.813.813 0 0 1 .313-.242.82.82 0 0 1 .39-.076h.234v1.051h-.401a.662.662 0 0 0-.313.008.623.623 0 0 0-.272.155.663.663 0 0 0-.174.26.683.683 0 0 0-.027.314v1.875h-1.054v-3.666Zm-17.515.003h3.262v.896L3.73 13.104l.034.113h1.973l.042.9H2.4v-.9l1.931-1.754-.045-.117H2.441v-.896Zm11.815 0h1.055v3.659h-1.055V10.45Zm3.443.684.019.016a.69.69 0 0 0-.351.045.756.756 0 0 0-.287.204c-.11.155-.174.336-.189.522h1.545c-.034-.526-.257-.787-.74-.787h.003Zm-5.718.163c-.026 0-.057 0-.083.004a.78.78 0 0 0-.31.053.746.746 0 0 0-.257.189 1.016 1.016 0 0 0-.204.695v.064c-.015.257.057.507.204.711a.634.634 0 0 0 .253.196.638.638 0 0 0 .314.061.644.644 0 0 0 .578-.265c.14-.223.204-.48.189-.74a1.216 1.216 0 0 0-.181-.711.677.677 0 0 0-.503-.257Zm-4.509 1.266a.464.464 0 0 0-.268.102.373.373 0 0 0-.114.276c0 .053.008.106.027.155a.375.375 0 0 0 .087.132.576.576 0 0 0 .397.11v.004a.863.863 0 0 0 .563-.182.573.573 0 0 0 .211-.457v-.14h-.903Z"/></svg>
1372        Make
1373      </a>
1374    </div>
1375    <p style="text-align:center;margin-top:26px;font-size:0.85rem;color:var(--muted)">Works with any language via REST API. <a href="https://docs.apicheck.nl" style="color:var(--blue);font-weight:600">Read the documentation →</a></p>
1376    <div class="reveal" style="text-align:center;margin-top:28px;padding-top:28px;border-top:1px solid var(--border)">
1377      <p style="font-size:0.9rem;color:var(--muted);margin-bottom:14px">Want to learn more? View the full overview of all integrations including installation documentation and live demos.</p>
1378      <a href="https://apicheck.nl/integraties" class="inline-flex items-center gap-2 text-[0.875rem] font-semibold no-underline px-5 py-2.5 rounded-[10px] transition-colors" style="color:var(--blue);border:1px solid var(--blue);background:transparent;" onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
1379        View all integrations &amp; demos
1380        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M9 18l6-6-6-6"/></svg>
1381      </a>
1382    </div>
1383  </div>
1384</section>
1385    <section class="trust-wrap" id="trust">
1386  <div class="wrapper">
1387    <div class="sec-header ctr reveal">
1388      <div class="eyebrow"><div class="eyebrow-line"></div>Reliability</div>
1389      <h2 class="section-h">Built on trust.</h2>
1390      <p class="section-p">
1390European infrastructure, GDPR principles and transparency as foundation.</p>
1391    </div>
1392    <div class="trust-grid">
1393      <div class="eu-card reveal">
1394        <div class="eu-emblem">
1395          <svg class="inline-block w-14 h-14" viewBox="0 0 100 100" fill="var(--eu-gold)" aria-hidden="true" focusable="false">
1396    <polygon points="50,7 52.02,13.22 58.56,13.22 53.27,17.06 55.29,23.28 50,19.44 44.71,23.28 46.73,17.06 41.44,13.22 47.98,13.22"/>
1397    <polygon points="67,11.56 69.02,17.78 75.56,17.78 70.27,21.62 72.29,27.84 67,24 61.71,27.84 63.73,21.62 58.44,17.78 64.98,17.78"/>
1398    <polygon points="79.44,24 81.46,30.22 88,30.22 82.71,34.06 84.73,40.28 79.44,36.44 74.15,40.28 76.17,34.06 70.88,30.22 77.42,30.22"/>
1399    <polygon points="84,41 86.02,47.22 92.56,47.22 87.27,51.06 89.29,57.28 84,53.44 78.71,57.28 80.73,51.06 75.44,47.22 81.98,47.22"/>
1400    <polygon points="79.44,58 81.46,64.22 88,64.22 82.71,68.06 84.73,74.28 79.44,70.44 74.15,74.28 76.17,68.06 70.88,64.22 77.42,64.22"/>
1401    <polygon points="67,70.44 69.02,76.66 75.56,76.66 70.27,80.5 72.29,86.72 67,82.88 61.71,86.72 63.73,80.5 58.44,76.66 64.98,76.66"/>
1402    <polygon points="50,75 52.02,81.22 58.56,81.22 53.27,85.06 55.29,91.28 50,87.44 44.71,91.28 46.73,85.06 41.44,81.22 47.98,81.22"/>
1403    <polygon points="33,70.44 35.02,76.66 41.56,76.66 36.27,80.5 38.29,86.72 33,82.88 27.71,86.72 29.73,80.5 24.44,76.66 30.98,76.66"/>
1404    <polygon points="20.56,58 22.58,64.22 29.12,64.22 23.83,68.06 25.85,74.28 20.56,70.44 15.27,74.28 17.29,68.06 12,64.22 18.54,64.22"/>
1405    <polygon points="16,41 18.02,47.22 24.56,47.22 19.27,51.06 21.29,57.28 16,53.44 10.71,57.28 12.73,51.06 7.44,47.22 13.98,47.22"/>
1406    <polygon points="20.56,24 22.58,30.22 29.12,30.22 23.83,34.06 25.85,40.28 20.56,36.44 15.27,40.28 17.29,34.06 12,30.22 18.54,30.22"/>
1407    <polygon points="33,11.56 35.02,17.78 41.56,17.78 36.27,21.62 38.29,27.84 33,24 27.71,27.84 29.73,21.62 24.44,17.78 30.98,17.78"/>
1408</svg>
1409        </div>
1410        <div>
1411          <h3>Made in the EU</h3>
1412          <p>ApiCheck is fully developed, managed and hosted within the European Union, with EU-hosted infrastructure and Dutch registers. Your data is never processed outside the EU - built around GDPR principles and the strictest European privacy standards.</p>
1413        </div>
1414      </div>
1415      <div class="trust-card reveal">
1416        <div class="trust-card-accent"></div>
1417        <div class="trust-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
1418        <h3>GDPR-ready</h3>
1419        <p>Your customer data is exclusively processed within the EU. No data storage, no profiles, no advertising purposes.</p>
1420      </div>
1421      <div class="trust-card reveal d1">
1422        <div class="trust-card-accent"></div>
1423        <div class="trust-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
1424        <h3>99.99% Uptime SLA</h3>
1425        <p>Guaranteed availability with SLA. Real-time status monitoring and proactive failure notifications.</p>
1426      </div>
1427      <div class="trust-card reveal d2">
1428        <div class="trust-card-accent"></div>
1429        <div class="trust-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg></div>
1430        <h3>Official data sources</h3>
1431        <p>Address data from official Dutch and Belgian government databases. Always current, always reliable.</p>
1432      </div>
1433    </div>
1434  </div>
1435</section>
1436    <section class="testi-wrap">
1437  <div class="wrapper">
1438    <div class="sec-header ctr reveal">
1439      <div class="eyebrow"><div class="eyebrow-line"></div>Reviews</div>
1440      <h2 class="section-h">What customers say.</h2>
1441    </div>
1442    <div class="testi-grid">
1443      <div class="t-card reveal">
1444        <div class="t-stars"><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div>
1445        <div class="t-quote">"</div>
1446        <p>Very happy with this service! Very nice that the system also checks Belgian addresses. So far very satisfied!</p>
1447        <div class="t-author"><div class="t-av">D</div><div><div class="t-name">Daphne van der Veen</div><div class="t-role">Daphne draaft door</div></div></div>
1448      </div>
1449      <div class="t-card reveal d1">
1450        <div class="t-stars"><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div>
1451        <div class="t-quote">"</div>
1452        <p>Works excellently and is definitely not expensive. A great development that we will never step away from.</p>
1453        <div class="t-author"><div class="t-av">F</div><div><div class="t-name">Floris-Jan</div><div class="t-role">Laderkoopjes.nl</div></div></div>
1454      </div>
1455      <div class="t-card reveal d2">
1456        <div class="t-stars"><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div>
1457        <div class="t-quote">"</div>
1458        <p>Thanks to address validation, we know for sure that every address is entered correctly. Easy to install. Very satisfied!</p>
1459        <div class="t-author"><div class="t-av">W</div><div><div class="t-name">Webgrade</div><div class="t-role">Webgrade.nl</div></div></div>
1460      </div>
1461    </div>
1462  </div>
1463</section>
1464    <section class="cta-wrap">
1465  <div class="wrapper">
1466    <div class="cta-box reveal">
1467      <h2 class="display">Ready to get started?</h2>
1468      <p>Start free with 200 credits - no credit card required.<br>Validate your first data immediately. No obligations.</p>
1469      <div class="cta-btns">
1470        <a href="https://app.apicheck.nl/authentication/register" class="btn-cta-white">Create free account</a>
1471        <a href="https://docs.apicheck.nl/docs/introduction" class="btn-cta-ghost">Read documentation</a>
1472      </div>
1473    </div>
1474  </div>
1475</section>
1476</main>
1477<footer>
1478    <div class="wrapper">
1479    <div class="footer-grid">
1480      <div>
1481        <a href="#" class="footer-logo-wrap"><img src="https://apicheck.nl/images/logo-apicheck.png" alt="ApiCheck" class="footer-logo-img"></a>
1482        <p class="footer-desc">The most reliable address, email, phone and license plate validation API for Europe.</p>
1483        <address class="footer-address">
1484          Ir. Herman de Grootweg 30<br>
1485          3201 AB Spijkenisse<br>
1486          Netherlands<br>
1487          (No visiting address)<br>
1488          KvK: 78384028
1489        </address>
1490      </div>
1491      <div class="footer-col"><h4>Product</h4><ul><li><a href="https://apicheck.nl/en/address-validation">Address Validation</a></li><li><a href="https://apicheck.nl/en/email-validation">Email Validation</a></li><li><a href="https://apicheck.nl/en/phone-validation">Phone Validation</a></li><li><a href="https://apicheck.nl/en/license-plate-validation">License Plate Validation</a></li><li><a href="https://apicheck.nl/en#pricing">Pricing</a></li></ul></div>
1492      <div class="footer-col"><h4>Integrations</h4><ul><li><a href="https://apicheck.nl/integraties/woocommerce">WooCommerce</a></li><li><a href="https://apicheck.nl/integraties/contact-form-7">Contact Form 7</a></li><li><a href="https://apicheck.nl/integraties/magento2">Magento 2</a></li><li><a href="https://github.com/api-check/php-client">PHP Client</a></li><li><a href="https://github.com/api-check/php-laravel-client">Laravel</a></li><li><a href="https://github.com/api-check/php-symfony-client">Symfony</a></li><li><a href="https://github.com/api-check/javascript-wrapper">JavaScript / TypeScript</a></li><li><a href="https://github.com/api-check/n8n-nodes-apicheck">n8n</a></li><li><a href="https://zapier.com/developer/public-invite/238732/bb926bb9cd1c60e9a6bff714c7dd6943/">Zapier</a></li><li><a href="https://github.com/api-check/make">Make</a></li></ul></div>
1493      <div class="footer-col"><h4>Company</h4><ul><li><a href="https://docs.apicheck.nl">Documentation</a></li><li><a href="https://apicheck.nl/en/blog">Blog</a></li><li><a href="https://apicheck.nl/en/support">Support</a></li><li><a href="mailto:[email protected]">[email protected]</a></li><li><a href="https://apicheck.nl/en/terms-and-conditions">Terms</a></li></ul></div>
1494    </div>
1495    <div class="footer-btm">
1496      <div class="footer-copy">© 2026 ApiCheck · KvK 78384028 · Spijkenisse, Netherlands</div>
1497      <div class="footer-links"><a href="https://apicheck.nl/en/terms-and-conditions">Terms</a> <a href="https://apicheck.nl/en/privacy-policy">Privacy</a></div>
1498    </div>
1499  </div>
1500</footer>
1501
1502    </body>
1503</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.