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; 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; 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; 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 & 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"><<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 & 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>< 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 & 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 & 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 & 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.