PageSourceSearch

https://spartner.software/ai-platform/product-ai-lead-checker

html spartner.software collected 2026-10-01 00:55:51 UTC 240,529 bytes, 3,945 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    
4<script>
5    (function(){
6        var d=atob('c3BhcnRuZXI=');
7        // Break out of iframe embedding
8        if(window.top!==window.self){
9            try{window.top.location=window.self.location}
10            catch(e){document.documentElement.style.display='none'}
11        }
12        // Block reverse proxy domains
13        var h=window.location.hostname;
14        if(!(h.endsWith(d+'.nl')||h.endsWith(d+'.software')||h.endsWith('.test')))
15            window.location.replace('https://'+d+'.nl');
16    })();
17    </script>
17
18    <meta charset="utf-8">
19    <meta http-equiv="X-UA-Compatible" content="IE=edge">
20    <meta name="viewport" content="width=device-width, initial-scale=1">
21    <meta name="csrf-token" content="BbrtiblkcmYxyh960Z22TVTvhKasylYwJk5730iA" />
22    <title>AI lead checker: automatically qualify leads | Spartner</title>
23<meta name="description" content="Turn a CSV export into qualified conversations and pitches. The MIND AI lead checker combines timing, relevance and personalisation." />
24<meta property="og:type" content="website" />
25<meta property="og:title" content="AI lead checker: automatically qualify leads" />
26<meta property="og:description" content="Turn a CSV export into qualified conversations and pitches. The MIND AI lead checker combines timing, relevance and personalisation." />
27<meta property="og:url" content="https://spartner.software/ai-platform/product-ai-lead-checker" />
28<meta property="og:site_name" content="Spartner" />
29<meta property="og:locale" content="en_GB" />
30<meta property="og:locale:alternate" content="nl_NL" />
31<meta name="twitter:card" content="summary_large_image" />
32<meta name="twitter:site" content="@SpartnerNL" />
33<meta name="twitter:title" content="AI lead checker: automatically qualify leads" />
34<meta name="twitter:description" content="Turn a CSV export into qualified conversations and pitches. The MIND AI lead checker combines timing, relevance and personalisation." />
35<link href="https://spartner.software" rel="home" />
36<link href="https://spartner.software/ai-platform/product-ai-lead-checker" rel="canonical" />
37<link href="https://spartner.software/ai-platform/product-ai-lead-checker" rel="prev" />
38<link href="https://spartner.software/ai-platform/product-ai-lead-checker" rel="next" />
39<link rel="alternate" href="https://spartner.software/ai-platform/product-ai-lead-checker" hreflang="en" />
40<link rel="alternate" href="https://spartner.nl/ai-platform/product-ai-lead-checker" hreflang="nl" />
41<link type="text/plain" rel="author" href="https://spartner.software/humans.txt" />
42<meta name="google-site-verification" content="google-site-verification=ewb_3bg-t4z7EoGZNaD1cTn8oOM5QyRBzm8hj2G5eJw" />
43    
44    
45        
46            <link rel="alternate" href="https://spartner.software/ai-platform/product-ai-lead-checker" hreflang="x-default" />
47        
48    
49        
50    
51    
52    
53    
54    
55        
56            
57        
58    
59        
60    
61        
62    
63        
64    
65        
66    
67        
68    
69        
70    
71        
72    
73        
74    
75        
76    
77        
78    
79    
80    <meta property="og:image" content="/img/containers/assets/ai-platform/product-ai-lead-checker/ai-lead-checker-hero-pipeline.webp/9267b7a1e0e206f0eac7fb77387c989d/ai-lead-checker-hero-pipeline.webp" />
81    <meta property="og:image:width" content="1440" />
82    <meta property="og:image:height" content="810" />
83    
84
85    <link rel="manifest" href="/site.webmanifest"/>
86    <meta name="theme-color" content="#f5a823">
87    <meta name="msapplication-config" content="/browserconfig.xml"/>
88    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"/>
89    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"/>
90    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"/>
91    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"/>
92    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"/>
93    <link rel="icon" type="ico" sizes="16x16" href="/favicon.ico"/>
94    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/>
95    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/>
96
97    <link rel="preload" as="style" href="https://spartner.software/build/css/site-abaa2d95.css" /><link rel="preload" as="style" href="https://spartner.software/build/css/site-05078555.css" /><link rel="preload" as="style" href="https://spartner.software/build/css/dropdown-fix-d31c3913.css" /><link rel="modulepreload" href="https://spartner.software/build/js/site-1c14f079.js" /><link rel="modulepreload" href="https://spartner.software/build/js/vendor-framework-b353e0a4.js" /><link rel="modulepreload" href="https://spartner.software/build/js/vendor-ui-e9007de4.js" /><link rel="modulepreload" href="https://spartner.software/build/js/vendor-forms-6a4b89bc.js" /><link rel="stylesheet" href="https://spartner.software/build/css/site-abaa2d95.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://spartner.software/build/css/site-05078555.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://spartner.software/build/css/dropdown-fix-d31c3913.css" data-navigate-track="reload" />
97<script type="module" src="https://spartner.software/build/js/site-1c14f079.js" data-navigate-track="reload"></script>
97
98        
99    <link href="https://spartner.nl/storage/fonts/fcd685496e/fonts.css" rel="stylesheet" type="text/css">
100
101    <!-- Structured data -->
102    
103
104
105
106
107
108
109
110
111
112
113
114
115  
116  
117
118  
119  
120
121  
122
123  
124  
125
126  
127  
128
129  
130
131  
132  
133
134  
135  
136
137  
138
139  
140  
141
142  
143  
144
145  
146
147  
148  
149
150  
151  
152
153  
154
155  
156  
157
158  
159  
160
161  
162
163  
164  
165
166  
167  
168
169  
170
171  
172  
173
174  
175  
176
177  
178
179  
180  
181
182  
183  
184
185  
186
187  
188  
189
190  
191  
192
193  
194
195  
196  
197
198  
199  
200
201  
202    
203    
204    
205      
206      
206<script type="application/ld+json">
207      {
208  "@context": "https://schema.org",
209  "@type": "FAQPage",
210  "mainEntity": [
211    {
212      "@type": "Question",
213      "name": "What exactly does the AI lead checker do?",
214      "acceptedAnswer": {
215        "@type": "Answer",
216        "text": "The tool enriches your company list, finds the right contacts, writes a pitch and prepares messages for sending. Simply put: less searching, more talking."
217      }
218    },
219    {
220      "@type": "Question",
221      "name": "Do I need technical knowledge?",
222      "acceptedAnswer": {
223        "@type": "Answer",
224        "text": "No. Uploading is drag-and-drop. Settings are full of hints and there is always a help chat."
225      }
226    },
227    {
228      "@type": "Question",
229      "name": "Does it only work with Apollo or Lusha?",
230      "acceptedAnswer": {
231        "@type": "Answer",
232        "text": "No. Any CSV with company URLs will do, though Apollo and Lusha give you a flying start."
233      }
234    },
235    {
236      "@type": "Question",
237      "name": "Can I adjust the tone of voice?",
238      "acceptedAnswer": {
239        "@type": "Answer",
240        "text": "Absolutely. Choose between friendly, formal, bold, or create your own presets. You see live examples before sending."
241      }
242    },
243    {
244      "@type": "Question",
245      "name": "What about privacy and GDPR?",
246      "acceptedAnswer": {
247        "@type": "Answer",
248        "text": "Data is stored in EU data centres, encrypted at rest and in transit. Leads can also unsubscribe with a single click."
249      }
250    },
251    {
252      "@type": "Question",
253      "name": "Is my CRM integration complex?",
254      "acceptedAnswer": {
255        "@type": "Answer",
256        "text": "Not really. We provide standard connectors for HubSpot, Pipedrive and Salesforce. Otherwise just use a webhook."
257      }
258    },
259    {
260      "@type": "Question",
261      "name": "Will AI take my job?",
262      "acceptedAnswer": {
263        "@type": "Answer",
264        "text": "No way. It removes the boring part, but having conversations and building relationships remains human work."
265      }
266    },
267    {
268      "@type": "Question",
269      "name": "What if the AI selects the wrong contact?",
270      "acceptedAnswer": {
271        "@type": "Answer",
272        "text": "You receive a warning in the dashboard along with an alternative suggestion. You are always in control."
273      }
274    }
275  ]
276}
277
278      </script>
278
279      
280
281      
282    
283  
284
285
286
287    <!--
288      ___   ___     ____     ___   _____   _  _   ___   ___
289     / __| | _ \   / /\ \   | _ \ |_   _| | \| | | __| | _ \
290     \__ \ |  _/  / /  \ \  |   /   | |   | .` | | _|  |   /
291     |___/ |_|   /_/    \_\ |_|_\   |_|   |_|\_| |___| |_|_\
292
293     Hi, thanks for checking out the source code of our site!
294     Spartner.nl is proudly built with Tailwind CSS & Laravel.
295     Are you a developer and want to work with us on designing
296     and building beautiful software? Check our vacancies on:
297     https://spartner.software/jobs
298    -->
299
300    <!-- Google Tag Manager -->
301    
301<script>
302    (function(w,d,s,l,i){
303        w[l]=w[l]||[];
304        w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
305        var f=d.getElementsByTagName(s)[0];
306        var j=d.createElement(s);
307        j.async=true;
308        j.src='https://www.googletagmanager.com/gtm.js?id='+i;
309        f.parentNode.insertBefore(j,f);
310    })(window,document,'script','dataLayer','GTM-K28N425');
311    </script>
311
312    <!-- End Google Tag Manager -->
313
314    
315    
316    
317    
318        
319            
320                
321                <link rel="preload" as="image" href="/ai-platform/product-ai-lead-checker/ai-lead-checker-hero-pipeline.webp" fetchpriority="high">
322                
323            
324        
325            
326        
327            
328        
329            
330        
331            
332        
333            
334        
335            
336        
337            
338        
339            
340        
341            
342        
343            
344        
345    
346
347</head>
348<body x-data="navbar" class="antialiased bg-white">
349<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 349-350
349
350<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
350GTM-K28N425
vendor: 83 bytes, line 350
350" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
351<!-- End Google Tag Manager (noscript) -->
352<div id="scroller" class="fixed z-10 inset-0 overflow-x-hidden overflow-y-scroll" @scroll.self="handleScrollDirection" @scroll-to-top.window="scrollToTop">
353    <div class="transition-transform ease-in-out" :class="{'transform -translate-x-p280 sm:-translate-x-p300 delay-30 lg:translate-x-0 lg:transition-none' : navOpen }">
354        <header id="nav" class="fixed w-full z-50 py-6 sm:py-8 md:py-p68 top-0 left-0 transition-transform duration-500 text-white font-bold nav-bg-dark"
355    x-bind:class="{'transform -translate-y-full': scrollUp}">
356    <div class="px-5 sm:px-12 lg:px-16">
357        <div class="max-w-screen-xl mx-auto">
358            <div class="flex items-center justify-between">
359                <a title="Spartner" href="/" class="flex-shrink block w-p24 sm:max-w-[13.5rem] h-p24 sm:w-full relative 1">
360                    <svg viewBox="0 0 838 931" class="block w-p24 sm:w-logoletter h-full absolute top-0 left-0 sm:left-1/4 md:hidden">
361    <g id="LogoLetter" transform="matrix(0.980783,0,0,0.970506,-12.7532,-120.907)">
362        <rect x="13.003" y="124.582" width="853.739" height="959.159" style="fill:none;"/>
363        <g transform="matrix(1.01959,0,0,1.03039,-16.5225,-18.498)">
364            <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
365                <path d="M19.378,1062.51L238.32,1004.46L515.238,140.859L313.985,140.859L19.378,1062.51Z" style="fill:rgb(245,154,2);"/>
366            </g>
367            <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
368                <path d="M19.378,1062.51L238.32,1004.46L351.451,651.647L172.804,582.528L19.378,1062.51Z" style="fill:url(#_Linear1);"/>
369            </g>
370            <path d="M36.664,1008.43L218.364,1066.7L515.238,140.859L313.985,140.859L36.664,1008.43Z" style="fill:rgb(245,154,2);"/>
371            <path d="M114.826,1033.49L218.364,1066.7L515.238,140.859L397.57,140.859L114.826,1033.49Z" style="fill:rgb(246,158,11);"/>
372            <path d="M36.664,1008.43L218.364,1066.7L80.409,871.575L36.664,1008.43Z" style="fill:rgb(244,165,54);"/>
373            <path d="M255.769,322.982L405.737,477.066L515.238,140.859L313.985,140.859L255.769,322.982Z" style="fill:url(#_Linear2);"/>
374        </g>
375    </g>
376    <defs>
377        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-74.2217,105.931,-102.286,-5.62869,266.24,657.341)"><stop offset="0" style="stop-color:rgb(242,196,140);stop-opacity:0.24"/><stop offset="1" style="stop-color:rgb(247,168,30);stop-opacity:0.24"/></linearGradient>
378        <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(63.3995,-180.197,180.197,63.3995,338.314,388.841)"><stop offset="0" style="stop-color:rgb(247,168,30);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(244,165,54);stop-opacity:1"/></linearGradient>
379    </defs>
380</svg>
381
382                    <svg viewBox="0 0 918 102" class="hidden sm:block w-full h-full fill-current">
383    <g id="LogoFull" transform="matrix(0.992298,0,0,0.43888,-19.363,-6.55467)">
384        <rect x="19.513" y="14.935" width="924.919" height="231.359" style="fill:none;"/>
385        <g transform="matrix(1.00776,0,0,2.27853,-106.79,-1354.7)">
386            <g transform="matrix(130.715,0,0,129.701,120.84,700.813)">
387                <path d="M0.458,-0.518C0.455,-0.547 0.443,-0.569 0.421,-0.585C0.4,-0.601 0.37,-0.609 0.333,-0.609C0.308,-0.609 0.287,-0.605 0.27,-0.598C0.253,-0.591 0.239,-0.582 0.23,-0.569C0.221,-0.557 0.217,-0.543 0.217,-0.527C0.216,-0.514 0.219,-0.503 0.225,-0.493C0.231,-0.484 0.239,-0.475 0.25,-0.468C0.261,-0.461 0.273,-0.455 0.287,-0.45C0.301,-0.445 0.316,-0.441 0.332,-0.437L0.397,-0.422C0.429,-0.414 0.458,-0.405 0.484,-0.393C0.511,-0.381 0.534,-0.367 0.553,-0.349C0.573,-0.332 0.588,-0.312 0.599,-0.288C0.609,-0.265 0.615,-0.238 0.615,-0.208C0.615,-0.163 0.604,-0.125 0.581,-0.092C0.559,-0.06 0.527,-0.034 0.485,-0.017C0.443,0.001 0.392,0.01 0.333,0.01C0.274,0.01 0.223,0.001 0.18,-0.017C0.136,-0.035 0.102,-0.061 0.078,-0.097C0.054,-0.132 0.041,-0.176 0.04,-0.228L0.189,-0.228C0.19,-0.204 0.197,-0.184 0.21,-0.
387167C0.222,-0.151 0.239,-0.139 0.26,-0.131C0.281,-0.123 0.304,-0.119 0.331,-0.119C0.357,-0.119 0.38,-0.122 0.399,-0.13C0.418,-0.138 0.433,-0.148 0.444,-0.162C0.455,-0.175 0.46,-0.191 0.46,-0.208C0.46,-0.224 0.455,-0.238 0.445,-0.249C0.436,-0.26 0.422,-0.27 0.404,-0.278C0.385,-0.286 0.363,-0.293 0.336,-0.299L0.257,-0.319C0.196,-0.334 0.147,-0.357 0.112,-0.389C0.076,-0.421 0.059,-0.463 0.059,-0.517C0.059,-0.561 0.07,-0.6 0.094,-0.632C0.118,-0.665 0.151,-0.691 0.192,-0.71C0.234,-0.728 0.281,-0.737 0.335,-0.737C0.388,-0.737 0.436,-0.728 0.476,-0.71C0.516,-0.691 0.548,-0.665 0.57,-0.632C0.593,-0.6 0.604,-0.561 0.605,-0.518L0.458,-0.518Z" style="fill:currentColor;fill-rule:nonzero;"/>
388            </g>
389            <g transform="matrix(130.715,0,0,129.701,240.116,700.813)">
390                <path d="M0.063,0L0.063,-0.727L0.35,-0.727C0.405,-0.727 0.452,-0.717 0.491,-0.696C0.53,-0.675 0.56,-0.646 0.58,-0.609C0.601,-0.572 0.611,-0.529 0.611,-0.481C0.611,-0.433 0.6,-0.39 0.58,-0.353C0.559,-0.316 0.529,-0.287 0.489,-0.267C0.45,-0.246 0.402,-0.236 0.346,-0.236L0.163,-0.236L0.163,-0.359L0.321,-0.359C0.351,-0.359 0.375,-0.364 0.395,-0.374C0.414,-0.385 0.428,-0.399 0.438,-0.417C0.448,-0.436 0.452,-0.457 0.452,-0.481C0.452,-0.505 0.448,-0.526 0.438,-0.544C0.428,-0.562 0.414,-0.576 0.395,-0.586C0.375,-0.597 0.35,-0.602 0.321,-0.602L0.217,-0.602L0.217,0L0.063,0Z" style="fill:currentColor;fill-rule:nonzero;"/>
391            </g>
392            <g transform="matrix(130.715,0,0,129.701,477.931,700.813)">
393                <path d="M0.063,0L0.063,-0.727L0.35,-0.727C0.405,-0.727 0.452,-0.718 0.491,-0.698C0.53,-0.678 0.56,-0.651 0.58,-0.615C0.601,-0.58 0.611,-0.538 0.611,-0.49C0.611,-0.441 0.6,-0.4 0.58,-0.365C0.559,-0.331 0.529,-0.304 0.489,-0.286C0.45,-0.267 0.402,-0.258 0.346,-0.258L0.154,-0.258L0.154,-0.381L0.321,-0.381C0.351,-0.381 0.375,-0.385 0.395,-0.393C0.414,-0.402 0.428,-0.414 0.438,-0.43C0.448,-0.446 0.452,-0.466 0.452,-0.49C0.452,-0.514 0.448,-0.534 0.438,-0.551C0.428,-0.567 0.414,-0.58 0.394,-0.589C0.375,-0.597 0.35,-0.602 0.321,-0.602L0.217,-0.602L0.217,0L0.063,0ZM0.456,-0.331L0.637,0L0.467,0L0.29,-0.331L0.456,-0.331Z" style="fill:currentColor;fill-rule:nonzero;"/>
394            </g>
395            <g transform="matrix(130.715,0,0,129.701,593.054,700.813)">
396                <path d="M0.036,-0.6L0.036,-0.727L0.633,-0.727L0.633,-0.6L0.41,-0.6L0.41,0L0.258,0L0.258,-0.6L0.036,-0.6Z" style="fill:currentColor;fill-rule:nonzero;"/>
397            </g>
398            <g transform="matrix(130.715,0,0,129.701,717.008,700.813)">
399                <path d="M0.672,-0.727L0.672,0L0.539,0L0.222,-0.458L0.217,-0.458L0.217,0L0.063,0L0.063,-0.727L0.198,-0.727L0.512,-0.27L0.518,-0.27L0.518,-0.727L0.672,-0.727Z" style="fill:currentColor;fill-rule:nonzero;"/>
400            </g>
401            <g transform="matrix(130.715,0,0,129.701,846.063,700.813)">
402                <path d="M0.063,0L0.063,-0.727L0.553,-0.727L0.553,-0.6L0.217,-0.6L0.217,-0.427L0.528,-0.427L0.528,-0.3L0.217,-0.3L0.217,-0.127L0.555,-0.127L0.555,0L0.063,0Z" style="fill:currentColor;fill-rule:nonzero;"/>
403            </g>
404            <g transform="matrix(130.715,0,0,129.701,959.503,700.813)">
405                <path d="M0.063,0L0.063,-0.727L0.35,-0.727C0.405,-0.727 0.452,-0.718 0.491,-0.698C0.53,-0.678 0.56,-0.651 0.58,-0.615C0.601,-0.58 0.611,-0.538 0.611,-0.49C0.611,-0.441 0.6,-0.4 0.58,-0.365C0.559,-0.331 0.529,-0.304 0.489,-0.286C0.45,-0.267 0.402,-0.258 0.346,-0.258L0.154,-0.258L0.154,-0.381L0.321,-0.381C0.351,-0.381 0.375,-0.385 0.395,-0.393C0.414,-0.402 0.428,-0.414 0.438,-0.43C0.448,-0.446 0.452,-0.466 0.452,-0.49C0.452,-0.514 0.448,-0.534 0.438,-0.551C0.428,-0.567 0.414,-0.58 0.394,-0.589C0.375,-0.597 0.35,-0.602 0.321,-0.602L0.217,-0.602L0.217,0L0.063,0ZM0.456,-0.331L0.637,0L0.467,0L0.29,-0.331L0.456,-0.331Z" style="fill:currentColor;fill-rule:nonzero;"/>
406            </g>
407            <g transform="matrix(0.104272,0,0,0.104272,394.192,653.75)">
408                <g transform="matrix(1,0,0,1,-419,-465.5)">
409                    <clipPath id="_clip1">
410                        <rect x="0" y="0" width="838" height="931"/>
411                    </clipPath>
412                    <g clip-path="url(#_clip1)">
413                        <g id="LogoFull1" serif:id="LogoFull" transform="matrix(0.980783,0,0,0.970506,-12.7532,-120.907)">
414                            <rect x="13.003" y="124.582" width="853.739" height="959.159" style="fill:none;"/>
415                            <g transform="matrix(1.01959,0,0,1.03039,-16.5225,-18.498)">
416                                <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
417                                    <path d="M19.378,1062.51L238.32,1004.46L515.238,140.859L313.985,140.859L19.378,1062.51Z" style="fill:rgb(245,154,2);"/>
418                                </g>
419                                <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
420                                    <clipPath id="_clip2">
421                                        <path d="M19.378,1062.51L238.32,1004.46L351.451,651.647L172.804,582.528L19.378,1062.51Z"/>
422                                    </clipPath>
423                                    <g clip-path="url(#_clip2)">
424                                        <g transform="matrix(9.59031,-0,-6.20995,9.59028,-2167.9,99.4918)">
425                                            <use xlink:href="#_Image3" x="282.012" y="51.325" width="35.32px" height="50.049px" transform="matrix(0.981105,0,0,0.981349,0,0)"/>
426                                        </g>
427                                    </g>
428                                </g>
429                                <path d="M36.664,1008.43L218.364,1066.7L515.238,140.859L313.985,140.859L36.664,1008.43Z" style="fill:rgb(245,154,2);"/>
430                                <path d="M114.826,1033.49L218.364,1066.7L515.238,140.859L397.57,140.859L114.826,1033.49Z" style="fill:rgb(246,158,11);"/>
431                                <path d="M36.664,1008.43L218.364,1066.7L80.409,871.575L36.664,1008.43Z" style="fill:rgb(244,165,54);"/>
432                                <clipPath id="_clip4">
433                                    <path d="M255.769,322.982L405.737,477.066L515.238,140.859L313.985,140.859L255.769,322.982Z"/>
434                                </clipPath>
435                                <g clip-path="url(#_clip4)">
436                                    <g transform="matrix(9.59031,-0,-0,9.59028,-2130.51,99.4918)">
437                                        <use xlink:href="#_Image5" x="257.509" y="4.429" width="27.055px" height="35.057px" transform="matrix(0.966262,0,0,0.973807,0,0)"/>
438                                    </g>
439                                </g>
440                            </g>
441                        </g>
442                    </g>
443                </g>
444            </g>
445        </g>
446    </g>
447    <defs>
448        <image id="_Image3" width="36px" height="51px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAzCAYAAAD/06q7AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC1UlEQVRYhdWXTXLbMAyFHxhp2yP0JM1tuum+iy56g/QgPUO7aGeaEyUZMbFIoguQFPQbSZZkGzMeJxhH+fQe8CjT0+OPe2xcHz59/bf2bw24BsAb4gDn3KQhXwHeAnzC1mCrgBAsKFQgbwUsbAO2ViVRKFggVAIWKsBXESwcDlUgVCAuASrBVAOmBJEDqAa4BFMJUAGQOQtubhmxKSlkITM1oFp4A9gv/gdLVTIyP3Gwg4C0ej715LUGbAlUgWABcqBskROLTOxRCWZ5hylAlOwtpEd3i+DeKzNqkVItq5M20adeBYTXWYrNVclkO3xc/WCVRco2r+fJZmDylQJzZ0MV5CuwKaP8ddy4QrarZZFYCnIgE61M9nK012grizmCjCjk4xAHPdhWhaW2qFGtUSf1ReV8rQHF3lNJboOd3CXXrTwCRYU49qjM6mjViBxgiqhY/Fy6lkk5Vs5USBc76JnqZVRWZ0i1SimtliTNpq8gB/m0SsPxyw4IryN5VHWGPfXUQuRhHwldPuHp8WEQanry2APsVR7FIW4Ndhr2GmTUQlAJcC2WG2W5zrvZCg2BJcWURe08anKKvOoF2x/2eJ3nv997Ki07MdkD4U0dI0N5ZPMm9rZwIO+e/3xrQa0Li5aV0xZJRonNnDe0k3erFeqBBSCcskU0aFHzylvo23n38vtLVmmjhxwBa44XO2pR/wlVPvfy6/M9sNay0eL4pJmsq6Od3SMp9jqhCwBkf37c/GtQUxQfZfSTZ/PeSvEIu7FC3WJJZx/VoGLiIJeM2hlIs9WyhSznnYC5eF46gOsjFJoCS0lftA7y44EymGsyil0EcxcE6oHdyaMMAOy7acuK0g/XAnXM19EFRfqXa1CJuo1LQ123ZakuqdIgEHA5qNuwLNUlVJoEAo6Hui3LUh2p0m0qBByn0mwg4Bio27Us1d4qLQYC9oW6fctS7aXSaiBgH6j/kTyxsZKjeuMAAAAASUVORK5CYII="/>
449        <image id="_Image5" width="28px" height="36px" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8
449SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAkABwDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAIBBAcD/8QAGBEBAAMBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/AKa8P16cNBoAOaLNwXFgXFmDdgHBFlC4sC4sYK6Zg41hrBUWMFdMHzUAAA//2Q=="/>
450    </defs>
451</svg>
452
453                </a>
454
455                <nav class="hidden lg:block 2xl:flex-grow">
456                    <ul class="flex flex-nowrap justify-center ml-6 space-x-8 lg:space-x-12 xl:space-x-16 2xl:space-x-20 leading-tight tracking-[.15em] xl:tracking-wide font-bold text-sm xl:text-base whitespace-nowrap min-w-0">
457                        
458                        <li class="uppercase relative flex-shrink-0" x-data="{ dropdownOpen: false, closeTimer: null, open(){ this.clearClose(); this.dropdownOpen = true }, scheduleClose(){ this.clearClose(); this.closeTimer = setTimeout(()=>{ this.dropdownOpen = false }, 300) }, clearClose(){ if(this.closeTimer){ clearTimeout(this.closeTimer); this.closeTimer = null } } }">
459                            
460                                <button class="flex items-center hover:text-primary-default transition-colors  text-primary-default  uppercase tracking-[.15em] whitespace-nowrap" 
461                                        x-on:mouseenter="open()"
462                                        x-on:mouseleave="scheduleClose()"
463                                        x-on:click.stop="open()">
464                                    Start with AI
465                                    <svg class="ml-1 w-3 h-3 transition-transform duration-200" x-bind:class="{ 'rotate-180': dropdownOpen }" fill="currentColor" viewBox="0 0 20 20">
466                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
467                                    </svg>
468                                </button>
469                                <div x-show="dropdownOpen" 
470                                     x-transition:enter="transition ease-out duration-200"
471                                     x-transition:enter-start="opacity-0 transform translate-y-2"
472                                     x-transition:enter-end="opacity-100 transform translate-y-0"
473                                     x-transition:leave="transition ease-in duration-150"
474                                     x-transition:leave-start="opacity-100 transform translate-y-0"
475                                     x-transition:leave-end="opacity-0 transform translate-y-2"
476                                      x-on:mouseenter="open()"
477                                      x-on:mouseleave="scheduleClose()"
478                                     x-on:click.outside="dropdownOpen = false"
479                                     class="absolute top-full left-0 mt-4 bg-white shadow-xl border border-gray-200 overflow-hidden z-50"
480                                     x-cloak>
481                                    
482                                    <!-- Check if this specific menu has grandchildren and count them -->
483                                    
484                                    
485                                    
486                                        
487                                            
488                                            
489                                        
490                                    
491                                        
492                                            
493                                            
494                                        
495                                    
496                                        
497                                            
498                                            
499                                        
500                                    
501                                    
502                                    <!-- Calculate dynamic width and column class based on number of children with grandchildren -->
503                                    
504                                        
505                                        
506                                    
507                                    
508                                    
509                                        
510                                            <!-- Multi-column layout for menus with grandchildren -->
511                                            <div class="dropdown-grid-container three-col w-[900px]">
512                                                
513                                                    
514                                                    <div class="p-8 border-r border-gray-100 last:border-r-0">
515                                                        <div class="mb-6">
516                                                            <div class="text-lg font-bold text-gray-900 mb-3 leading-tight tracking-normal normal-case">
517                                                                
518                                                                    <a href="/ai-platform" class="transition-colors normal-case" style="color: inherit;" onmouseover="this.style.color='#F5A823'" onmouseout="this.style.color='inherit'">AI Platform</a>
519                                                                
520                                                            </div>
521                                                            <div class="w-8 h-0.5" style="background-color: #F5A823;"></div>
522                                                        </div>
523                                                        
524                                                        <nav class="space-y-3">
525                                                            
526                                                            <div>
527                                                                <a href="/ai-platform/custom-ai-chatbot" 
528                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
529                                                                    AI chatbot
530                                                                </a>
531                                                            </div>
532                                                            
533                                                            <div>
534                                                                <a href="/ai-platform/ai-website-content-automation" 
535                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
536                                                                    AI website automation
537                                                                </a>
538                                                            </div>
539                                                            
540                                                            <div>
541                                                                <a href="/ai-platform/ai-service-desk-automation" 
542                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
543                                                                    AI service desk automation
544                                                                </a>
545                                                            </div>
546                                                            
547                                                            <div>
548                                                                <a href="/ai-platform/ai-social-media-automation" 
549                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
550                                                                    AI social media automation
551                                                                </a>
552                                                            </div>
553                                                            
554                                                            <div>
555                                                                <a href="/ai-platform" 
556                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
557                                                                    All (10) automations
558                                                                </a>
559                                                            </div>
560                                                            
561                                                            <div>
562                                                                <a href="/ai-platform-pricing" 
563                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
564                                                                    Platform pricing
565                                                                </a>
566                                                            </div>
567                                                            
568                                                        </nav>
569                                                    </div>
570                                                    
571                                                
572                                                    
573                                                    <div class="p-8 border-r border-gray-100 last:border-r-0">
574                                                        <div class="mb-6">
575                                                            <div class="text-lg font-bold text-gray-900 mb-3 leading-tight tracking-normal normal-case">
576                                                                
577                                                                    <a href="/strategy" class="transition-colors normal-case" style="color: inherit;" onmouseover="this.style.color='#F5A823'" onmouseout="this.style.color='inherit'">Strategy</a>
578                                                                
579                                                            </div>
580                                                            <div class="w-8 h-0.5" style="background-color: #F5A823;"></div>
581                                                        </div>
582                                                        
583                                                        <nav class="space-y-3">
584                                                            
585                                                            <div>
586                                                                <a href="/start-with-ai" 
587                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
588                                                                    How to start with AI?
589                                                                </a>
590                                                            </div>
591                                                            
592                                                            <div>
593                                                                <a href="/services/ai-workshop" 
594                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
595                                                                    AI workshop
596                                                                </a>
597                                                            </div>
598                                                            
599                                                            <div>
600                                                                <a href="/ai-seo-and-geo" 
601                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
602                                                                    AI SEO/GEO
603                                                                </a>
604                                                            </div>
605                                                            
606                                                        </nav>
607                                                    </div>
608                                                    
609                                                
610                                                    
611                                                    <div class="p-8 border-r border-gray-100 last:border-r-0">
612                                                        <div class="mb-6">
613                                                            <div class="text-lg font-bold text-gray-900 mb-3 leading-tight tracking-normal normal-case">
614                                                                
615                                                                    <a href="/sectors" class="transition-colors normal-case" style="color: inherit;" onmouseover="this.style.color='#F5A823'" onmouseout="this.style.color='inherit'">Sectors</a>
616                                                                
617                                                            </div>
618                                                            <div class="w-8 h-0.5" style="background-color: #F5A823;"></div>
619                                                        </div>
620                                                        
621                                                        <nav class="space-y-3">
622                                                            
623                                                            <div>
624                                                                <a href="/sectors/ai-healthcare" 
625                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
626                                                                    AI for Healthcare
627                                                                </a>
628                                                            </div>
629                                                            
630                                                            <div>
631                                                                <a href="/sectors/ai-lawyer-legalbot" 
632                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
633                                                                    AI for Legal Professionals
634                                                                </a>
635                                                            </div>
636                                                            
637                                                            <div>
638                                                                <a href="/ai-for-education" 
639                                               
639                    class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
640                                                                    AI for Education
641                                                                </a>
642                                                            </div>
643                                                            
644                                                            <div>
645                                                                <a href="/sectors/ai-for-financial-services" 
646                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
647                                                                    AI for Financial Services
648                                                                </a>
649                                                            </div>
650                                                            
651                                                            <div>
652                                                                <a href="/sectors/ai-for-production-manufacturing" 
653                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
654                                                                    AI for Production & Manufacturing
655                                                                </a>
656                                                            </div>
657                                                            
658                                                            <div>
659                                                                <a href="/sectors/ai-for-real-estate" 
660                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
661                                                                    AI for Real Estate
662                                                                </a>
663                                                            </div>
664                                                            
665                                                        </nav>
666                                                    </div>
667                                                    
668                                                
669                                            </div>
670                                        
671                                    
672
673                                </div>
674                            
675                        </li>
676                        
677                        <li class="uppercase relative flex-shrink-0" x-data="{ dropdownOpen: false, closeTimer: null, open(){ this.clearClose(); this.dropdownOpen = true }, scheduleClose(){ this.clearClose(); this.closeTimer = setTimeout(()=>{ this.dropdownOpen = false }, 300) }, clearClose(){ if(this.closeTimer){ clearTimeout(this.closeTimer); this.closeTimer = null } } }">
678                            
679                                <button class="flex items-center hover:text-primary-default transition-colors  text-current  uppercase tracking-[.15em] whitespace-nowrap" 
680                                        x-on:mouseenter="open()"
681                                        x-on:mouseleave="scheduleClose()"
682                                        x-on:click.stop="open()">
683                                    Services
684                                    <svg class="ml-1 w-3 h-3 transition-transform duration-200" x-bind:class="{ 'rotate-180': dropdownOpen }" fill="currentColor" viewBox="0 0 20 20">
685                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
686                                    </svg>
687                                </button>
688                                <div x-show="dropdownOpen" 
689                                     x-transition:enter="transition ease-out duration-200"
690                                     x-transition:enter-start="opacity-0 transform translate-y-2"
691                                     x-transition:enter-end="opacity-100 transform translate-y-0"
692                                     x-transition:leave="transition ease-in duration-150"
693                                     x-transition:leave-start="opacity-100 transform translate-y-0"
694                                     x-transition:leave-end="opacity-0 transform translate-y-2"
695                                      x-on:mouseenter="open()"
696                                      x-on:mouseleave="scheduleClose()"
697                                     x-on:click.outside="dropdownOpen = false"
698                                     class="absolute top-full left-0 mt-4 bg-white shadow-xl border border-gray-200 overflow-hidden z-50"
699                                     x-cloak>
700                                    
701                                    <!-- Check if this specific menu has grandchildren and count them -->
702                                    
703                                    
704                                    
705                                        
706                                            
707                                            
708                                        
709                                    
710                                        
711                                            
712                                            
713                                        
714                                    
715                                    
716                                    <!-- Calculate dynamic width and column class based on number of children with grandchildren -->
717                                    
718                                        
719                                        
720                                    
721                                    
722                                    
723                                        
724                                            <!-- Multi-column layout for menus with grandchildren -->
725                                            <div class="dropdown-grid-container  w-[600px]">
726                                                
727                                                    
728                                                    <div class="p-8 border-r border-gray-100 last:border-r-0">
729                                                        <div class="mb-6">
730                                                            <div class="text-lg font-bold text-gray-900 mb-3 leading-tight tracking-normal normal-case">
731                                                                
732                                                                    <a href="/services" class="transition-colors normal-case" style="color: inherit;" onmouseover="this.style.color='#F5A823'" onmouseout="this.style.color='inherit'">Services</a>
733                                                                
734                                                            </div>
735                                                            <div class="w-8 h-0.5" style="background-color: #F5A823;"></div>
736                                                        </div>
737                                                        
738                                                        <nav class="space-y-3">
739                                                            
740                                                            <div>
741                                                                <a href="/services/software-development" 
742                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
743                                                                    Softw
743are development
744                                                                </a>
745                                                            </div>
746                                                            
747                                                            <div>
748                                                                <a href="/services/prototype-development" 
749                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
750                                                                    Prototype development
751                                                                </a>
752                                                            </div>
753                                                            
754                                                            <div>
755                                                                <a href="/services/make-your-idea-mobile" 
756                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
757                                                                    Custom mobile apps
758                                                                </a>
759                                                            </div>
760                                                            
761                                                            <div>
762                                                                <a href="/software-that-keeps-performing" 
763                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
764                                                                    Existing code takeover
765                                                                </a>
766                                                            </div>
767                                                            
768                                                            <div>
769                                                                <a href="/code-audit" 
770                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
771                                                                    Code audits
772                                                                </a>
773                                                            </div>
774                                                            
775                                                        </nav>
776                                                    </div>
777                                                    
778                                                
779                                                    
780                                                    <div class="p-8 border-r border-gray-100 last:border-r-0">
781                                                        <div class="mb-6">
782                                                            <div class="text-lg font-bold text-gray-900 mb-3 leading-tight tracking-normal normal-case">
783                                                                
784                                                                    <a href="/support" class="transition-colors normal-case" style="color: inherit;" onmouseover="this.style.color='#F5A823'" onmouseout="this.style.color='inherit'">Support</a>
785                                                                
786                                                            </div>
787                                                            <div class="w-8 h-0.5" style="background-color: #F5A823;"></div>
788                                                        </div>
789                                                        
790                                                        <nav class="space-y-3">
791                                                            
792                                                            <div>
793                                                                <a href="/services/hassle-free-service-support" 
794                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
795                                                                    Service & support
796                                                                </a>
797                                                            </div>
798                                                            
799                                                            <div>
800                                                                <a href="/support/cloud-hosting-op-maat" 
801                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
802                                                                    Cloud hosting
803                                                                </a>
804                                                            </div>
805                                                            
806                                                            <div>
807                                                                <a href="/ai-governance-control" 
808                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
809                                                                    AI governance
810                                                                </a>
811                                                            </div>
812                                                            
813                                                        </nav>
814                                                    </div>
815                                                    
816                                                
817                                            </div>
818                                        
819                                    
820
821                                </div>
822                            
823                        </li>
824                        
825                        <li class="uppercase relative flex-shrink-0">
826                            
827                                
828                                    <a href="/our-work" class="hover:text-primary-default transition-colors  text-current  whitespace-nowrap">
829                                        Cases
830                                    </a>
831                                
832                            
833                        </li>
834                        
835                        <li class="uppercase relative flex-shrink-0" x-data="{ dropdownOpen: false, closeTimer: null, open(){ this.clearClose(); this.dropdownOpen = true }, scheduleClose(){ this.clearClose(); this.closeTimer = setTimeout(()=>{ this.dropdownOpen = false }, 300) }, clearClose(){ if(this.closeTimer){ clearTimeout(this.closeTimer); this.closeTimer = null } } }">
836                            
837                                <button class="flex items-center hover:text-primary-default transition-colors  text-current  uppercase tracking-[.15em] whitespace-nowrap" 
838                                        x-on:mouseenter="open()"
839                                        x-on:mouseleave="scheduleClose()"
840                                        x-on:click.stop="open()">
841                                    About us
842                                    <svg class="ml-1 w-3 h-3 transition-transform duration-200" x-bind:class="{ 'rotate-180': dropdownOpen }" fill="currentColor" viewBox="0 0 20 20">
843                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
844                                    </svg>
845                                </button>
846                                <div x-show="dropdownOpen" 
847                                     x-transition:enter="transition ease-out duration-200"
848                                     x-transition:enter-start="opacity-0 transform translate-y-2"
849                                     x-transition:enter-end="opacity-100 transform translate-y-0"
850                                     x-transition:leave="transition ease-in duration-150"
851                                     x-transition:leave-start="opacity-100 transform translate-y-0"
852                                     x-transition:leave-end="opacity-0 transform translate-y-2"
853                                      x-on:mouseenter="open()"
854                                      x-on:mouseleave="scheduleClose()"
855                                     x-on:click.outside="dropdownOpen = false"
856                                     class="absolute top-full left-0 mt-4 bg-white shadow-xl border border-gray-200 overflow-hidden z-50"
857                                     x-cloak>
858                                    
859                                    <!-- Check if this specific menu has grandchildren and count them -->
860                                    
861                                    
862                                    
863                                        
864                                            
865                                            
866                                        
867                                    
868                                    
869                                    <!-- Calculate dynamic width and column class based on number of children with grandchildren -->
870                                    
871                                        
872                                        
873                                    
874                                    
875                                    
876                                        
877                                            <!-- Multi-column layout for menus with grandchildren -->
878                                            <div class="dropdown-grid-container single-col w-[300px]">
879                                                
880                                                    
881                                                    <div class="p-8 border-r border-gray-100 last:border-r-0">
882                                                        <div class="mb-6">
883                                                            <div class="text-lg font-bold text-gray-900 mb-3 leading-tight tracking-normal normal-case">
884                                                                
885                                                                    Spartner B.V.
886                                                                
887                                                            </div>
888                                                            <div class="w-8 h-0.5" style="background-color: #F5A823;"></div>
889                                                        </div>
890                                                        
891                                                        <nav class="space-y-3">
892                                                            
893                                                            <div>
894                                                                <a href="/blog" 
895                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
896                                                                    Blog
897                                                                </a>
898                                                            </div>
899                                                            
900                                                            <div>
901                                                                <a href="/how-we-work" 
902                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
903                                                                    How we work
904                                                                </a>
905                                                            </div>
906                                                            
907                                                            <div>
908                                                                <a href="/our-mission" 
909                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
910                                                                    Our mission
911                                                                </a>
912                                                            </div>
913                                                            
914                                                            <div>
915                                                                <a href="/who-we-are" 
916                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
917                                                                    Team @ Spartner
918                                                                </a>
919                                                            </div>
920                                                            
921                                                            <div>
922                                                                <a href="/jobs" 
923                                                                   class="nav-link-hover block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal normal-case ">
924                                                                    Jobs @ Spartner
925                                                                </a>
926                                                            </div>
927                                                            
928                                                        </nav>
929                                                    </div>
930                                                    
931                                                
932                                            </div>
933                                        
934                                    
935
936                                </div>
937                            
938                        </li>
939                        
940                        <li class="uppercase relative flex-shrink-0">
941                            
942                                
943                                    <a href="/contact" class="hover:text-primary-default transition-colors  text-current  whitespace-nowrap">
944                                        Contact
945                                    </a>
946                                
947                            
948                        </li>
949                        
950                    </ul>
951                </nav>
952
953                <button aria-label="Open menu" x-on:click="navOpen = !navOpen" type="button" class="bg-transparent text-current pt-1 pb-3 px-1 -mr-1 focus:outline-none lg:hidden">
954                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 21" class="fill-current w-7 h-5">
955                        <path d="M4,3V0H30V3ZM0,12V9H30v3Zm8,9V18H30v3Z"></path>
956                    </svg>
957                </button>
958            </div>
959        </div>
960    </div>
961</header>
962
963<style>
964  /* Page content heading styling - matches blog styling */
965  .page-content h2,
966  .page-content h3,
967  .page-content h4 {
968    position: relative;
969    padding-bottom: 0.25rem; /* 4px */
970    margin-bottom: 0.75rem; /* 12px */
971    line-height: 1.25;
972  }
973  /* Consistent responsive font-sizes for page headings */
974  .page-content h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); /* 24 → 32px */ }
975  .page-content h3 { font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem); /* 20 → 28px */ }
976  .page-content h4 { font-size: clamp(1.125rem, 1.0rem + 0.5vw, 1.25rem); /* 18 → 20px */ }
977  /* Orange underline for headings */
978  .page-content h2::after,
979  .page-content h3::after,
980  .page-content h4::after {
981    content: "";
982    display: block;
983    width: 1.5rem; /* 24px - small orange line */
984    height: 2px;
985    background-color: #F5A823;
986    margin-top: 0.25rem; /* 4px */
987  }
988  /* Proper spacing for headings */
989  .page-content h2 { margin-top: 2rem; margin-bottom: 1rem; }
990  .page-content h3 { margin-top: 1.5rem; margin-bottom: 0.75rem; }
991  .page-content h4 { margin-top: 1rem; margin-bottom: 0.5rem; }
992  /* First heading has no top margin */
993  .page-content h2:first-child,
994  .page-content h3:first-child,
995  .page-content h4:first-child {
996    margin-top: 0;
997  }
998</style>
999<div>
1000
1001
1002
1003
1004
1005
1006<div class="flex flex-col page-content">
1007    
1008    <section class="relative overflow-visible flex flex-col bg-green-800 text-white pt-14 pb-15 sm:pt-16 sm:pb-24 md:pt-24 xl:pb-32 min-h-[92.65vh] iphone:min-h-screen md:min-
1008h-screen">
1009    
1010        
1011
1012        <div class="opacity-57">
1013            
1014            <img alt="Leads that qualify themselves.For real." 
1015                 class="block w-full h-full object-cover absolute left-0 top-0" 
1016                 style="object-position:100% 0" 
1017                 src="/ai-platform/product-ai-lead-checker/ai-lead-checker-hero-pipeline.webp" 
1018                 width="1920" 
1019                 height="1280"
1020                 fetchpriority="high"
1021                 decoding="async">
1022            
1023        </div>
1024    
1025
1026    
1027    
1028        <div class="absolute inset-0 pointer-events-none" style="background-color: rgb(0 0 0 / 28%);"></div>
1029    
1030
1031    <div class="text-orange-200 absolute top-0 left-0 pointer-events-none h-full pb-15 sm:pb-0 sm:h-10/6 z-10 overflow-hidden" style="z-index: 40;">
1032        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1089.15 1263.29"
1033     preserveAspectRatio="xMinYMin meet" class="fill-current h-full max-w-per155">
1034    <polygon points="0 1263.29 509.52 667.3 506.48 664.7 0 1257.14 0 1263.29" class="opacity-22"
1035             style="fill:#fff"></polygon>
1036    <path d="M0,0V1256.78C365,835.88,1033.48,64.71,1089.15,0Z"
1037          style="fill:#cbb89e;opacity:.1599999964237213;isolation:isolate"></path>
1038</svg>
1039
1040    </div>
1041    
1042    
1043    
1044    <div class="px-5 sm:px-12 lg:px-16 flex-grow flex items-center relative z-20">
1045        <div class="max-w-screen-xl mx-auto w-full">
1046            <div class="mt-6 py-14 text-center sm:text-left sm:mt-0 sm:pb-24">
1047                <div class="prose-titles text-3xl font-normal leading-normal text-left max-w-md mx-auto mb-10 sm:text-4xl sm:max-w-full sm:mx-0 lg:text-4xl lg:max-w-full 2xl:text-5xl 3xl:text-5xl 3xl:max-w-full">
1048                    <h1 class="inline-block">
1049                        <p>Leads that qualify themselves<span class="text-primary-default font-bold">.</span><br><strong>For real<span class="text-primary-default font-bold">.</span></strong></p>
1050                    </h1>
1051                </div>
1052                <div class="text-left text-content text-lg max-w-md mx-auto mb-17 sm:max-w-lg sm:mx-0 sm:mb-13.5 lg:text-lg lg:max-w-2xl 2xl:text-xl 2xl:leading-9 2xl:max-w-3xl">
1053                    <p>Spartner Mind elevates lead generation to a level where timing, relevance and personalisation converge. With the AI lead checker you turn a simple CSV export from Apollo or Lusha into a rich stream of qualified conversations, pitches and proposals. The smart system understands your DMU criteria, finds the right people and delivers ready-to-send outreach via email, WhatsApp or LinkedIn. All you really have to do is press &quot;send&quot;.</p>
1054                </div>
1055
1056                
1057                
1058                
1059                
1060                
1061                    
1062
1063
1064<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
1065    
1066    <a href="/contact"  class="btn justify-between text-xs md:text-base  btn-primary ">
1067        Schedule a demo
1068        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
1069    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
1070</svg>
1071
1072    </a>
1073    
1074
1075    
1076</div>
1077
1078
1079                
1080            </div>
1081        </div>
1082    </div>
1083</section>
1084
1085    
1086    <section class="relative bg-white">
1087    <div class="relative -mt-15 sm:-mt-24 xl:-mt-32 overflow-x-clip">
1088        <div class="px-5 sm:px-12 lg:px-16">
1089            <div class="sm:max-w-screen-xl mx-auto">
1090                <div class="bg-white text-black relative md:max-w-2xl w-11/12 sm:w-4/5 md:w-2/3">
1091                    <div class="bg-white absolute top-0 right-0 w-screen h-[calc(100%+5rem)]"></div>
1092                    <div class="relative">
1093                        <div class="min-h-15 md:min-h-24 xl:min-h-32 pt-1 sm:pt-2 xl:pt-3">
1094                            <div class="flex py-5 sm:py-9 xl:py-12 md:pr-18">
1095                                <div class="relative inline-flex items-center  text-xs  leading-4 uppercase text-current font-light tracking-wide sm:text-sm sm:leading-tight xl:text-base xl:leading-tight">
1096                                    <span class="text-gray-300">
1097                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="fill-current w-4 h-3 mr-4 sm:w-5 sm:h-4 sm:mr-6 xl:w-6 xl:h-5 xl:mr-8 transform rotate-90">
1098    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
1099</svg>
1100
1101                                    </span>
1102                                    From data to dialogue.
1103                                </div>
1104                            </div>
1105                        </div>
1106                    </div>
1107                </div>
1108            </div>
1109        </div>
1110    </div>
1111    
1112    
1113    
1114        <div class="px-5 sm:px-12 lg:px-16 mt-0">
1115            <div class="px-1 max-w-screen-xl mx-auto">
1116                <nav class="text-sm flex items-center flex-wrap gap-y-1 sm:text-base text-gray-500" aria-label="Breadcrumb">
1117                    
1118                    <a href="/" class="flex items-center hover:text-orange-600 transition-colors">
1119                        <svg class="w-4 mr-1 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
1120    <path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"></path>
1121</svg>
1122
1123                    </a>
1124                    
1125                    <span class="mx-2 text-gray-400">›</span>
1126                    <a href="/ai-platform" class="hover:text-orange-600 transition-colors">AI Platform</a>
1127                    
1128                    <span class="mx-2 text-gray-400">›</span>
1129                    <span class="text-gray-700">AI lead checker</span>
1130                </nav>
1131            </div>
1132        </div>
1133    
1134</section>
1135
1136    
1137    
1138
1139    
1140
1141    
1142
1143    
1144
1145    
1146
1147
1148<style>
1149  /* Force hide ALL pseudo-elements on grid block titles */
1150  .grid-block-title h2::before,
1151  .grid-block-title h2::after,
1152  .text-center h2::before,
1153  .text-center h2::after,
1154  header.text-center h2::before,
1155  header.text-center h2::after {
1156    display: none !important;
1157    content: none !important;
1158    visibility: hidden !important;
1159  }
1160</style>
1161
1162<section class="pt-20 pb-6 sm:pt-12 sm:pb-0 lg:pt-32 lg:pb-24 bg-white">
1163    <div class="px-5 sm:px-12 lg:px-16">
1164        <div class="max-w-screen-xl mx-auto">
1165        
1166            <header class="text-center mb-12 lg:mb-16 grid-block-title">
1167                
1168                    <h2 class="text-3xl font-bold text-gray-900 mb-4 sm:text-4xl lg:text-5xl leading-tight relative">
1169                        <span class="inline-block">Where is the gain?</span>
1170                    </h2>
1171                
1172
1173                
1174                    <p class="text-base leading-7 sm:text-lg sm:leading-8 text-gray-600 max-w-4xl mx-auto">
1175                        Five seconds of insight, days of time saved.
1176                    </p>
1177                
1178            </header>
1179        
1180
1181        <div class="grid grid-cols-1 gap-x-6 gap-y-8
1182    
1183        
1184            sm:grid-cols-2
1185            
1186            
1187            lg:grid-cols-4
1188        
1189        
1190    
1191    sm:gap-x-8 sm:gap-y-12
1192    lg:gap-x-10 lg:gap-y-12
1193    xl:gap-x-12 xl:gap-y-16
1194    ">
1195
1196    
1197        <article>
1198    <div class="w-full">
1199        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-8 lg:text-xl lh:mb-8 2xl:text-2xl">
1200            Automate
1201        </h3>
1202    </div>
1203    <div class="w-full">
1204        <div class="content text-sm hyphens-auto sm:text-base xl:text-lg">
1205            <p>Every lead enriched with industry, role and buying power, zero manual work.</p>
1206        </div>
1207    </div>
1208</article>
1209
1210    
1211        <article>
1212    <div class="w-full">
1213        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-8 lg:text-xl lh:mb-8 2xl:text-2xl">
1214            Integrate
1215        </h3>
1216    </div>
1217    <div class="w-full">
1218        <div class="content text-sm hyphens-auto sm:text-base xl:text-lg">
1219            <p>Connect directly to HubSpot, Pipedrive, or a simple CSV sheet, whatever you prefer.</p>
1220        </div>
1221    </div>
1222</article>
1223
1224    
1225        <article>
1226    <div class="w-full">
1227        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-8 lg:text-xl lh:mb-8 2xl:text-2xl">
1228            Personalise
1229        </h3>
1230    </div>
1231    <div class="w-full">
1232        <div class="content text-sm hyphens-auto sm:text-base xl:text-lg">
1233            <p>AI writes pitches based on persona, pain point and tone of voice.</p>
1234        </div>
1235    </div>
1236</article>
1237
1238    
1239        <article>
1240    <div class="w-full">
1241        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-8 lg:text-xl lh:mb-8 2xl:text-2xl">
1242            Convert
1243        </h3>
1244    </div>
1245    <div class="w-full">
1246        <div class="content text-sm hyphens-auto sm:text-base xl:text-lg">
1247            <p>After one click your messages are ready in email, WhatsApp or LinkedIn. Really handy.</p>
1248        </div>
1249    </div>
1250</article>
1251
1252    
1253</div>
1254
1255        </div>
1256    </div>
1257</section>
1258
1259    
1260    <section class="pt-[4.375rem] pb-[4.375rem] sm:pt-[6rem] lg:pt-[8.75rem]">
1261    <div class="px-5 sm:px-12 lg:px-16">
1262        <div class="max-w-screen-xl mx-auto">
1263            
1264                <article class="pt-10 pb-40 first:pt-0 last:pb-0">
1265    <div class="max-w-screen-xl mx-auto">
1266        
1267        
1268        
1269            
1270        
1271        
1272        
1273            
1274        
1275        
1276        
1277            
1278        
1279        
1280        
1281            
1282        
1283        
1284        
1285        
1286        
1287        
1288            
1289            
1290        
1291        
1292        <div class="flex flex-wrap w-full">
1293            
1294            
1295            
1296            <div class="w-full mb-6 md:mb-0 md:w-[40%] relative md:mx-0">
1297                <div class="w-full px-0">
1298                    <div class="flex items-center justify-center w-full overflow-hidden md:h-full">
1299                        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-werkbank-tools.webp" class="glightbox block w-full" data-gallery="gallery1">
1300                            <img src="/ai-platform/product-ai-lead-checker/ai-lead-stap-werkbank-tools.webp" loading="lazy" alt="A Swiss Army knife for sales. That is how it feels in practice." class="block w-full h-auto md:h-full object-contain md:object-scale-down cursor-zoom-in">
1301                        </a>
1302                    </div>
1303                </div>
1304            </div>
1305            
1306            <div class="flex w-full md:w-[60%]">
1307                <div class="flex flex-col justify-center px-0 md:px-0 md:ml-[6rem] md:mr-10 mt-10">
1308                    
1309                    <div class="w-full mb-3 md:mb-8">
1310                        <h2 class="text-xl font-bold text-black leading-tight sm:text-2xl lg:text-3xl xl:text-4xl">
1311                            A Swiss Army knife for sales. That is how it feels in practice.
1312                        </h2>
1313                    </div>
1314                    
1315                    
1316                    <div class="w-full">
1317                        <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_*]:mb-2 [&_h2]:font-bold [&_h2]:text-gray-900 [&_h2]:text-lg [&_h2]:mb-4 [&_h2]:mt-8 [&_h3]:font-bold [&_h3]:text-gray-900 [&_h3]:text-base [&_h3]:mb-3 [&_h3]:mt-6 sm:[&_h2]:text-xl sm:[&_h2]:mt-8 sm:[&_h3]:text-lg xl:[&_h2]:text-2xl xl:[&_h2]:mt-8 xl:[&_h3]:text-xl [&_li]:leading-8 [&_a]:text-orange-300 [&_a]:underline">
1318                            <h2>The principle.</h2><p>The AI lead checker combines public company data, deep crawling and language models to build complete prospect profiles in record time.</p><h3>How it pans out.</h3><p>What we notice is that teams suddenly get their evenings back, because the boring repetitive lead research simply evaporates.</p><h4>The core benefits.</h4><ul><li><p>More focus on conversations instead of spreadsheets</p></li><li><p>Always up-to-date DMU information</p></li><li><p>Pitch texts that sound naturally human, not robotic</p></li><li><p>Fewer bounced emails, more genuine replies</p></li></ul>
1319                        </div>
1320                    </div>
1321                    
1322
1323                    
1324                    <div class="w-full mt-9">
1325                        
1326
1327
1328<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
1329    
1330    <a href="/contact"  class="btn justify-between text-xs   btn-outline-black ">
1331        Get in touch
1332        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
1333    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
1334</svg>
1335
1336    </a>
1337    
1338
1339    
1340</div>
1341
1342
1343                    </div>
1344                    
1345                </div>
1346            </div>
1347            
1348
1349            
1350        </div>
1351    </div>
1352</article>
1353
1354            
1355        </div>
1356    </div>
1357</section>
1358
1359    
1360    <section class="pb-13.5 md:pb-0">
1361    <div class="px-5 sm:px-12 lg:px-16 pb-9.5 md:pb-26">
1362        <div class="mx-auto" style="max-width: 1400px;">
1363            <header class="mt-24 text-center max-w-full px-4 mx-auto mb-8 sm:max-w-2xl sm:px-0 sm:mb-16 md:max-w-2xl lg:mb-12 lg:max-w-3xl 2xl:mb-12 2xl:max-w-4xl">
1364                <h2 class="text-lg font-semibold mb-2 text-black sm:text-xl sm:mb-4 md:text-2xl lg:text-3xl 2xl:text-4xl">
1365                    How the AI lead checker works<span class="text-primary-default font-bold">.</span>
1366                </h2>
1367                <div class="text-sm leading-relaxed sm:text-base lg:text-lg content">
1368                    <p>Seven clear steps from raw CSV to rich, personalised outreach.</p>
1369                </div>
1370                </header>
1371
1372            
1373                <article
1374    class="flex flex-col relative mb-13.5 last:mb-0 sm:flex-row sm:pt-20 sm:min-h-p344 sm:mb-20 lg:pt-32 lg:min-h-p426 xl:pt-20 2xl:pt-40 2xl:min-h-p594 xl:flex-row xl:items-start xl:gap-6 2xl:gap-8
1375     sm:ml-20 lg:ml-28 xl:ml-0 2xl:ml-0 ">
1376    <div
1377        class="inline-block h-p174 relative mb-14 xs:h-p284 sm:absolute sm:top-0 sm:left-0 sm:mb-0 sm:w-full lg:h-p426 2xl:h-p534 mx-auto xl:relative xl:flex-shrink-0 xl:w-auto 2xl:relative 2xl
1377:flex-shrink-0 2xl:w-auto">
1378
1379        
1380        
1381            
1382        
1383        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-document-drop.webp" class="glightbox inline-block h-full w-auto max-w-full " data-gallery="gallery1">
1384            <img class="h-full w-auto aspect-square object-contain cursor-zoom-in"
1385                 src="/ai-platform/product-ai-lead-checker/ai-lead-stap-document-drop.webp"
1386                 alt="Step 1 – Upload."
1387                 width="534"
1388                 height="534"
1389                 loading="lazy"
1390                 decoding="async">
1391        </a>
1392
1393        <img
1394            class="h-p162 w-p122 xs:w-p172 xs:h:p224 lg:h-p338 lg:w-p254 2xl:h-p420 2xl:w-p330 absolute -bottom-5 left-0 sm:bottom-0 sm:-top-4 transform lg:-top-7
1395             -translate-x-per72"
1396            src="/assets/1.svg">
1397    </div>
1398
1399    <div style="background-color: rgba(255, 255, 255, 0.90);" class="relative  sm:pt-12 sm:pb-5.5 lg:pt-16 xl:flex-1 xl:max-w-lg xl:p-8 2xl:flex-1 2xl:max-w-xl 2xl:p-8
1400         sm:ml-34 sm:pl-17 sm:pr-0 md:ml-51 lg:pl-24 lg:ml-75 xl:ml-0 xl:pl-8 xl:pr-8 2xl:ml-0 2xl:pl-8 2xl:pr-8 ">
1401        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-9 lg:text-xl lh:mb-9 2xl:text-2xl">
1402            Step 1 – Upload<span class="text-primary-default font-bold">.</span></h3>
1403        <div class="text-sm hyphens-auto sm:text-base lg:text-lg [&_a]:text-orange-300 [&_a]:underline">
1404            <p>Drag a CSV from Apollo or Lusha into the dashboard. Done.</p>
1405        </div>
1406    </div>
1407</article>
1408
1409            
1410                <article
1411    class="flex flex-col relative mb-13.5 last:mb-0 sm:flex-row sm:pt-20 sm:min-h-p344 sm:mb-20 lg:pt-32 lg:min-h-p426 xl:pt-20 2xl:pt-40 2xl:min-h-p594 xl:flex-row xl:items-start xl:gap-6 2xl:gap-8
1412     ml-auto sm:mr-20 lg:mr-28 xl:mr-0 xl:flex-row-reverse 2xl:mr-0 2xl:flex-row-reverse ">
1413    <div
1414        class="inline-block h-p174 relative mb-14 xs:h-p284 sm:absolute sm:top-0 sm:left-0 sm:mb-0 sm:w-full lg:h-p426 2xl:h-p534 mx-auto xl:relative xl:flex-shrink-0 xl:w-auto 2xl:relative 2xl:flex-shrink-0 2xl:w-auto">
1415
1416        
1417        
1418            
1419        
1420        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-filteren.webp" class="glightbox inline-block h-full w-auto max-w-full  ml-auto " data-gallery="gallery1">
1421            <img class="h-full w-auto aspect-square object-contain cursor-zoom-in"
1422                 src="/ai-platform/product-ai-lead-checker/ai-lead-stap-filteren.webp"
1423                 alt="Step 2 – Filter."
1424                 width="534"
1425                 height="534"
1426                 loading="lazy"
1427                 decoding="async">
1428        </a>
1429
1430        <img
1431            class="h-p162 w-p122 xs:w-p172 xs:h:p224 lg:h-p338 lg:w-p254 2xl:h-p420 2xl:w-p330 absolute -bottom-5 left-0 sm:bottom-0 sm:-top-4 transform lg:-top-7
1432             sm:translate-x-3/5 sm:left-auto sm:right-0  -translate-x-1/2"
1433            src="/assets/2.svg">
1434    </div>
1435
1436    <div style="background-color: rgba(255, 255, 255, 0.90);" class="relative  sm:pt-12 sm:pb-5.5 lg:pt-16 xl:flex-1 xl:max-w-lg xl:p-8 2xl:flex-1 2xl:max-w-xl 2xl:p-8
1437         sm:ml-auto sm:mr-34 sm:pr-17 sm:pl-0 md:mr-51 lg:pr-24 lg:mr-75 xl:mr-0 xl:pl-8 xl:pr-8 2xl:mr-0 2xl:pl-8 2xl:pr-8 ">
1438        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-9 lg:text-xl lh:mb-9 2xl:text-2xl">
1439            Step 2 – Filter<span class="text-primary-default font-bold">.</span></h3>
1440        <div class="text-sm hyphens-auto sm:text-base lg:text-lg [&_a]:text-orange-300 [&_a]:underline">
1441            <p>Set your criteria: job title, region, revenue range, or something exotic like recent vacancies.</p>
1442        </div>
1443    </div>
1444</article>
1445
1446            
1447                <article
1448    class="flex flex-col relative mb-13.5 last:mb-0 sm:flex-row sm:pt-20 sm:min-h-p344 sm:mb-20 lg:pt-32 lg:min-h-p426 xl:pt-20 2xl:pt-40 2xl:min-h-p594 xl:flex-row xl:items-start xl:gap-6 2xl:gap-8
1449     sm:ml-20 lg:ml-28 xl:ml-0 2xl:ml-0 ">
1450    <div
1451        class="inline-block h-p174 relative mb-14 xs:h-p284 sm:absolute sm:top-0 sm:left-0 sm:mb-0 sm:w-full lg:h-p426 2xl:h-p534 mx-auto xl:relative xl:flex-shrink-0 xl:w-auto 2xl:relative 2xl
1451:flex-shrink-0 2xl:w-auto">
1452
1453        
1454        
1455            
1456        
1457        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-verrijken.webp" class="glightbox inline-block h-full w-auto max-w-full " data-gallery="gallery1">
1458            <img class="h-full w-auto aspect-square object-contain cursor-zoom-in"
1459                 src="/ai-platform/product-ai-lead-checker/ai-lead-stap-verrijken.webp"
1460                 alt="Step 3 – Enrich."
1461                 width="534"
1462                 height="534"
1463                 loading="lazy"
1464                 decoding="async">
1465        </a>
1466
1467        <img
1468            class="h-p162 w-p122 xs:w-p172 xs:h:p224 lg:h-p338 lg:w-p254 2xl:h-p420 2xl:w-p330 absolute -bottom-5 left-0 sm:bottom-0 sm:-top-4 transform lg:-top-7
1469             -translate-x-1/2"
1470            src="/assets/3.svg">
1471    </div>
1472
1473    <div style="background-color: rgba(255, 255, 255, 0.90);" class="relative  sm:pt-12 sm:pb-5.5 lg:pt-16 xl:flex-1 xl:max-w-lg xl:p-8 2xl:flex-1 2xl:max-w-xl 2xl:p-8
1474         sm:ml-34 sm:pl-17 sm:pr-0 md:ml-51 lg:pl-24 lg:ml-75 xl:ml-0 xl:pl-8 xl:pr-8 2xl:ml-0 2xl:pl-8 2xl:pr-8 ">
1475        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-9 lg:text-xl lh:mb-9 2xl:text-2xl">
1476            Step 3 – Enrich<span class="text-primary-default font-bold">.</span></h3>
1477        <div class="text-sm hyphens-auto sm:text-base lg:text-lg [&_a]:text-orange-300 [&_a]:underline">
1478            <p>AI checks the Chamber of Commerce, news feeds and social profiles. If anything is missing, it fills it in.</p>
1479        </div>
1480    </div>
1481</article>
1482
1483            
1484                <article
1485    class="flex flex-col relative mb-13.5 last:mb-0 sm:flex-row sm:pt-20 sm:min-h-p344 sm:mb-20 lg:pt-32 lg:min-h-p426 xl:pt-20 2xl:pt-40 2xl:min-h-p594 xl:flex-row xl:items-start xl:gap-6 2xl:gap-8
1486     ml-auto sm:mr-20 lg:mr-28 xl:mr-0 xl:flex-row-reverse 2xl:mr-0 2xl:flex-row-reverse ">
1487    <div
1488        class="inline-block h-p174 relative mb-14 xs:h-p284 sm:absolute sm:top-0 sm:left-0 sm:mb-0 sm:w-full lg:h-p426 2xl:h-p534 mx-auto xl:relative xl:flex-shrink-0 xl:w-auto 2xl:relative 2xl:flex-shrink-0 2xl:w-auto">
1489
1490        
1491        
1492            
1493        
1494        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-matching.webp" class="glightbox inline-block h-full w-auto max-w-full  ml-auto " data-gallery="gallery1">
1495            <img class="h-full w-auto aspect-square object-contain cursor-zoom-in"
1496                 src="/ai-platform/product-ai-lead-checker/ai-lead-stap-matching.webp"
1497                 alt="Step 4 – Match."
1498                 width="534"
1499                 height="534"
1500                 loading="lazy"
1501                 decoding="async">
1502        </a>
1503
1504        <img
1505            class="h-p162 w-p122 xs:w-p172 xs:h:p224 lg:h-p338 lg:w-p254 2xl:h-p420 2xl:w-p330 absolute -bottom-5 left-0 sm:bottom-0 sm:-top-4 transform lg:-top-7
1506             sm:translate-x-3/5 sm:left-auto sm:right-0  -translate-x-1/2"
1507            src="/assets/4.svg">
1508    </div>
1509
1510    <div style="background-color: rgba(255, 255, 255, 0.90);" class="relative  sm:pt-12 sm:pb-5.5 lg:pt-16 xl:flex-1 xl:max-w-lg xl:p-8 2xl:flex-1 2xl:max-w-xl 2xl:p-8
1511         sm:ml-auto sm:mr-34 sm:pr-17 sm:pl-0 md:mr-51 lg:pr-24 lg:mr-75 xl:mr-0 xl:pl-8 xl:pr-8 2xl:mr-0 2xl:pl-8 2xl:pr-8 ">
1512        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-9 lg:text-xl lh:mb-9 2xl:text-2xl">
1513            Step 4 – Match<span class="text-primary-default font-bold">.</span></h3>
1514        <div class="text-sm hyphens-auto sm:text-base lg:text-lg [&_a]:text-orange-300 [&_a]:underline">
1515            <p>For each company the system finds the decision maker and the influencer. Sometimes even the silent gatekeeper—saves hassle.</p>
1516        </div>
1517    </div>
1518</article>
1519
1520            
1521                <article
1522    class="flex flex-col relative mb-13.5 last:mb-0 sm:flex-row sm:pt-20 sm:min-h-p344 sm:mb-20 lg:pt-32 lg:min-h-p426 xl:pt-20 2xl:pt-40 2xl:min-h-p594 xl:flex-row xl:items-start xl:gap-6 2xl:gap-8
1523     sm:ml-20 lg:ml-28 xl:ml-0 2xl:ml-0 ">
1524    <div
1525        class="inline-block h-p174 relative mb-14 xs:h-p284 sm:absolute sm:top-0 sm:left-0 sm:mb-0 sm:w-full lg:h-p426 2xl:h-p534 mx-auto xl:relative xl:flex-shrink-0 xl:w-auto 2xl:relative 2xl
1525:flex-shrink-0 2xl:w-auto">
1526
1527        
1528        
1529            
1530        
1531        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-routering.webp" class="glightbox inline-block h-full w-auto max-w-full " data-gallery="gallery1">
1532            <img class="h-full w-auto aspect-square object-contain cursor-zoom-in"
1533                 src="/ai-platform/product-ai-lead-checker/ai-lead-stap-routering.webp"
1534                 alt="Step 5 – Write & route."
1535                 width="534"
1536                 height="534"
1537                 loading="lazy"
1538                 decoding="async">
1539        </a>
1540
1541        <img
1542            class="h-p162 w-p122 xs:w-p172 xs:h:p224 lg:h-p338 lg:w-p254 2xl:h-p420 2xl:w-p330 absolute -bottom-5 left-0 sm:bottom-0 sm:-top-4 transform lg:-top-7
1543             -translate-x-1/2"
1544            src="/assets/5.svg">
1545    </div>
1546
1547    <div style="background-color: rgba(255, 255, 255, 0.90);" class="relative  sm:pt-12 sm:pb-5.5 lg:pt-16 xl:flex-1 xl:max-w-lg xl:p-8 2xl:flex-1 2xl:max-w-xl 2xl:p-8
1548         sm:ml-34 sm:pl-17 sm:pr-0 md:ml-51 lg:pl-24 lg:ml-75 xl:ml-0 xl:pl-8 xl:pr-8 2xl:ml-0 2xl:pl-8 2xl:pr-8 ">
1549        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-9 lg:text-xl lh:mb-9 2xl:text-2xl">
1550            Step 5 – Write & route<span class="text-primary-default font-bold">.</span></h3>
1551        <div class="text-sm hyphens-auto sm:text-base lg:text-lg [&_a]:text-orange-300 [&_a]:underline">
1552            <p>Pitch or proposal appears, tuned to channel and tone. Email formal, WhatsApp short, LinkedIn a bit more personal.</p>
1553        </div>
1554    </div>
1555</article>
1556
1557            
1558                <article
1559    class="flex flex-col relative mb-13.5 last:mb-0 sm:flex-row sm:pt-20 sm:min-h-p344 sm:mb-20 lg:pt-32 lg:min-h-p426 xl:pt-20 2xl:pt-40 2xl:min-h-p594 xl:flex-row xl:items-start xl:gap-6 2xl:gap-8
1560     ml-auto sm:mr-20 lg:mr-28 xl:mr-0 xl:flex-row-reverse 2xl:mr-0 2xl:flex-row-reverse ">
1561    <div
1562        class="inline-block h-p174 relative mb-14 xs:h-p284 sm:absolute sm:top-0 sm:left-0 sm:mb-0 sm:w-full lg:h-p426 2xl:h-p534 mx-auto xl:relative xl:flex-shrink-0 xl:w-auto 2xl:relative 2xl:flex-shrink-0 2xl:w-auto">
1563
1564        
1565        
1566            
1567        
1568        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-finetuning.webp" class="glightbox inline-block h-full w-auto max-w-full  ml-auto " data-gallery="gallery1">
1569            <img class="h-full w-auto aspect-square object-contain cursor-zoom-in"
1570                 src="/ai-platform/product-ai-lead-checker/ai-lead-stap-finetuning.webp"
1571                 alt="Step 6 – Fine-tune."
1572                 width="534"
1573                 height="534"
1574                 loading="lazy"
1575                 decoding="async">
1576        </a>
1577
1578        <img
1579            class="h-p162 w-p122 xs:w-p172 xs:h:p224 lg:h-p338 lg:w-p254 2xl:h-p420 2xl:w-p330 absolute -bottom-5 left-0 sm:bottom-0 sm:-top-4 transform lg:-top-7
1580             sm:translate-x-3/5 sm:left-auto sm:right-0  -translate-x-1/2"
1581            src="/assets/6.svg">
1582    </div>
1583
1584    <div style="background-color: rgba(255, 255, 255, 0.90);" class="relative  sm:pt-12 sm:pb-5.5 lg:pt-16 xl:flex-1 xl:max-w-lg xl:p-8 2xl:flex-1 2xl:max-w-xl 2xl:p-8
1585         sm:ml-auto sm:mr-34 sm:pr-17 sm:pl-0 md:mr-51 lg:pr-24 lg:mr-75 xl:mr-0 xl:pl-8 xl:pr-8 2xl:mr-0 2xl:pl-8 2xl:pr-8 ">
1586        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-9 lg:text-xl lh:mb-9 2xl:text-2xl">
1587            Step 6 – Fine-tune<span class="text-primary-default font-bold">.</span></h3>
1588        <div class="text-sm hyphens-auto sm:text-base lg:text-lg [&_a]:text-orange-300 [&_a]:underline">
1589            <p>You can rewrite sentences, add emojis or insert a PS. Teams seem to enjoy that.</p>
1590        </div>
1591    </div>
1592</article>
1593
1594            
1595                <article
1596    class="flex flex-col relative mb-13.5 last:mb-0 sm:flex-row sm:pt-20 sm:min-h-p344 sm:mb-20 lg:pt-32 lg:min-h-p426 xl:pt-20 2xl:pt-40 2xl:min-h-p594 xl:flex-row xl:items-start xl:gap-6 2xl:gap-8
1597     sm:ml-20 lg:ml-28 xl:ml-0 2xl:ml-0 ">
1598    <div
1599        class="inline-block h-p174 relative mb-14 xs:h-p284 sm:absolute sm:top-0 sm:left-0 sm:mb-0 sm:w-full lg:h-p426 2xl:h-p534 mx-auto xl:relative xl:flex-shrink-0 xl:w-auto 2xl:relative 2xl
1599:flex-shrink-0 2xl:w-auto">
1600
1601        
1602        
1603            
1604        
1605        <a href="/ai-platform/product-ai-lead-checker/ai-lead-stap-opvolging.webp" class="glightbox inline-block h-full w-auto max-w-full " data-gallery="gallery1">
1606            <img class="h-full w-auto aspect-square object-contain cursor-zoom-in"
1607                 src="/ai-platform/product-ai-lead-checker/ai-lead-stap-opvolging.webp"
1608                 alt="Step 7 – Send & track."
1609                 width="534"
1610                 height="534"
1611                 loading="lazy"
1612                 decoding="async">
1613        </a>
1614
1615        <img
1616            class="h-p162 w-p122 xs:w-p172 xs:h:p224 lg:h-p338 lg:w-p254 2xl:h-p420 2xl:w-p330 absolute -bottom-5 left-0 sm:bottom-0 sm:-top-4 transform lg:-top-7
1617             -translate-x-1/2"
1618            src="/assets/7.svg">
1619    </div>
1620
1621    <div style="background-color: rgba(255, 255, 255, 0.90);" class="relative  sm:pt-12 sm:pb-5.5 lg:pt-16 xl:flex-1 xl:max-w-lg xl:p-8 2xl:flex-1 2xl:max-w-xl 2xl:p-8
1622         sm:ml-34 sm:pl-17 sm:pr-0 md:ml-51 lg:pl-24 lg:ml-75 xl:ml-0 xl:pl-8 xl:pr-8 2xl:ml-0 2xl:pl-8 2xl:pr-8 ">
1623        <h3 class="text-lg text-gray-900 font-bold mb-3 sm:mb-9 lg:text-xl lh:mb-9 2xl:text-2xl">
1624            Step 7 – Send & track<span class="text-primary-default font-bold">.</span></h3>
1625        <div class="text-sm hyphens-auto sm:text-base lg:text-lg [&_a]:text-orange-300 [&_a]:underline">
1626            <p>Click &quot;Go&quot; and monitor open, click and reply rates in real time. Tips pop up: &quot;Hey, this subject line performs 8% better.&quot;</p>
1627        </div>
1628    </div>
1629</article>
1630
1631            
1632        </div>
1633    </div>
1634</section>
1635
1636    
1637    
1638
1639
1640
1641<section class="relative bg-black text-white overflow-hidden">
1642    
1643    
1644    
1645    <img alt="Done with cold calling as well?" 
1646         class="block w-full h-full absolute left-0 top-0 opacity-57 object-cover object-per74-top w-full h-full" 
1647         src="/ai-platform/product-ai-lead-checker/ai-lead-cta-geen-cold-calls.webp" 
1648         width="1920" 
1649         height="1080"
1650         loading="lazy"
1651         decoding="async">
1652    
1653    
1654
1655    <div class="absolute inset-0 pointer-events-none" style="background-color: rgb(0 0 0 / 28%);"></div>
1656
1657    <div class="text-orange-200 absolute top-0 left-0 pointer-events-none h-full pr-5 sm:pr-12 lg:pr-16 border-r-4 border-transparent">
1658        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1089.15 1263.29"
1659     preserveAspectRatio="xMinYMin meet" class="fill-current h-full max-w-full">
1660    <polygon points="0 1263.29 509.52 667.3 506.48 664.7 0 1257.14 0 1263.29" class="opacity-22"
1661             style="fill:#fff"></polygon>
1662    <path d="M0,0V1256.78C365,835.88,1033.48,64.71,1089.15,0Z"
1663          style="fill:#cbb89e;opacity:.1599999964237213;isolation:isolate"></path>
1664</svg>
1665
1666    </div>
1667    <div class="px-5 sm:px-12 lg:px-16 ">
1668        <div class="max-w-screen-xl mx-auto">
1669            <div class="hidden h-1/2 border-r-4 border-white opacity-22 absolute bottom-0 right-per22 transform rotate-41 origin-bottom-left md:block"></div>
1670            <div class="relative
1671                py-32
1672                ">
1673                <div class="absolute top-0 right-0 h-54 border-r-3 border-primary-default transform rotate-41 -translate-x-full origin-top-right md:border-r-4 xl:h-4/5 md:max-h-screen-1/2">
1674                    <div class="absolute bottom-0 left-full w-28 h-28 rounded-full bg-primary-default bg-opacity-26 p-3 mb-3.5 ml-2 transform -rotate-41 translate-y-full -translate-x-1/2 md:w-40 md:h-40 md:p-4 md:mb-4.5">
1675                        <div
1676                            class="w-full h-full rounded-full bg-primary-default bg-opacity-32 border-3 border-primary-default flex items-center justify-center md:border-4">
1677                            <img loading="lazy" src="/img/containers/assets/Spartner_symbol-rgb_yellow.webp/474219b4213ee93a36ea8191d80d32b1/Spartner_symbol-rgb_yellow.webp" width="64" height="65" alt class="block w-10 md:w-16">
1678                        </div>
1679                    </div>
1680                </div>
1681                <div class="relative text-center sm:text-left max-w-xl md:max-w-2xl lg:max-w-xl xl:max-w-2xl md:mr-0">
1682                    <div class="prose-titles text-5xl font-light leading-snug mx-auto mb-8 sm:max-w-none sm:mx-0 lg:text-5xl lg:mb-4">
1683                        <h2 class="inline-block font-bold"><p>Done with cold calling as well<span class="text-primary-default font-bold">?</span></p></h2>
1684                    </div>
1685                    <div class="text-white text-lg leading-8 mb-14 sm:mb-8">
1686                        <div class="text-content">
1687                            
1688<p>Nothing pleases us more than watching a sales department suddenly feel momentum. Schedule a short demo, we will launch your own dataset and you will see the difference within fifteen minutes.</p>
1689
1690
1691                        </div>
1692                    </div>
1693                    
1694
1695
1696<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
1697    
1698    <a href="/contact"  class="btn justify-between text-xs md:text-base  bt
1698n-primary ">
1699        Schedule a demo
1700        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
1701    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
1702</svg>
1703
1704    </a>
1705    
1706
1707    
1708</div>
1709
1710
1711                </div>
1712            </div>
1713        </div>
1714    </div>
1715</section>
1716
1717    
1718    <section class="pt-[4.375rem] pb-[4.375rem] sm:pt-[6rem] lg:pt-[8.75rem]">
1719    <div class="px-5 sm:px-12 lg:px-16">
1720        <div class="max-w-screen-xl mx-auto">
1721            
1722                <article class="pt-10 pb-40 first:pt-0 last:pb-0">
1723    <div class="max-w-screen-xl mx-auto">
1724        
1725        
1726        
1727            
1728        
1729        
1730        
1731            
1732        
1733        
1734        
1735            
1736        
1737        
1738        
1739            
1740        
1741        
1742        
1743        
1744        
1745        
1746            
1747            
1748        
1749        
1750        <div class="flex flex-wrap w-full">
1751            
1752            
1753            
1754            <div class="w-full mb-6 md:mb-0 md:w-[40%] relative md:mx-0">
1755                <div class="w-full px-0">
1756                    <div class="flex items-center justify-center w-full overflow-hidden md:h-full">
1757                        <a href="/ai-platform/product-ai-lead-checker/ai-lead-blok-mentor-cafe.webp" class="glightbox block w-full" data-gallery="gallery1">
1758                            <img src="/ai-platform/product-ai-lead-checker/ai-lead-blok-mentor-cafe.webp" loading="lazy" alt="A critical view of automation." class="block w-full h-auto md:h-full object-contain md:object-scale-down cursor-zoom-in">
1759                        </a>
1760                    </div>
1761                </div>
1762            </div>
1763            
1764            <div class="flex w-full md:w-[60%]">
1765                <div class="flex flex-col justify-center px-0 md:px-0 md:ml-[6rem] md:mr-10 mt-10">
1766                    
1767                    <div class="w-full mb-3 md:mb-8">
1768                        <h2 class="text-xl font-bold text-black leading-tight sm:text-2xl lg:text-3xl xl:text-4xl">
1769                            A critical view of automation.
1770                        </h2>
1771                    </div>
1772                    
1773                    
1774                    <div class="w-full">
1775                        <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_*]:mb-2 [&_h2]:font-bold [&_h2]:text-gray-900 [&_h2]:text-lg [&_h2]:mb-4 [&_h2]:mt-8 [&_h3]:font-bold [&_h3]:text-gray-900 [&_h3]:text-base [&_h3]:mb-3 [&_h3]:mt-6 sm:[&_h2]:text-xl sm:[&_h2]:mt-8 sm:[&_h3]:text-lg xl:[&_h2]:text-2xl xl:[&_h2]:mt-8 xl:[&_h3]:text-xl [&_li]:leading-8 [&_a]:text-orange-300 [&_a]:underline">
1776                            <h2>Not every process deserves AI, this one does.</h2><p>Automation is trendy but not sacred. Some sales activities require human nuance. Yet evaluations show that searching, enriching and initial cold outreach are extremely scalable, so that is where we applied it (and yes, we keep our finger on the pulse).</p><h3>Data quality above all.</h3><p>If the foundation is messy, you get mess back—simple as that. The AI lead checker therefore first checks for duplicate records, invalid domains and strange characters. Only then does the magic begin.</p>
1777                        </div>
1778                    </div>
1779                    
1780
1781                    
1782                    <div class="w-full mt-9">
1783                        
1784
1785
1786<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
1787    
1788    <a href="/contact"  class="btn justify-between text-xs   btn-outline-black ">
1789        Get in touch
1790        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
1791    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
1792</svg>
1793
1794    </a>
1795    
1796
1797    
1798</div>
1799
1800
1801                    </div>
1802                    
1803                </div>
1804            </div>
1805            
1806
1807            
1808        </div>
1809    </div>
1810</article>
1811
1812            
1813        </div>
1814    </div>
1815</section>
1816
1817    
1818    <section class="pt-[4.375rem] pb-[4.375rem] sm:pt-[6rem] lg:pt-[8.75rem]">
1819    <div class="px-5 sm:px-12 lg:px-16">
1820        <div class="max-w-screen-xl mx-auto">
1821            
1822                <article class="pt-10 pb-40 first:pt-0 last:pb-0">
1823    <div class="max-w-screen-xl mx-auto">
1824        
1825        
1826        
1827            
1828        
1829        
1830        
1831            
1832        
1833        
1834        
1835            
1836        
1837        
1838        
1839            
1840        
1841        
1842        
1843        
1844        
1845        
1846            
1847            
1848        
1849        
1850        <div class="flex flex-wrap w-full">
1851            
1852            
1853            
1854            <div class="w-full mb-6 md:mb-0 md:w-[40%] relative md:mx-0">
1855                <div class="w-full px-0">
1856                    <div class="flex items-center justify-center w-full overflow-hidden md:h-full">
1857                        <a href="/ai-platform/product-ai-lead-checker/ai-lead-blok-scorebord.webp" class="glightbox block w-full" data-gallery="gallery1">
1858                            <img src="/ai-platform/product-ai-lead-checker/ai-lead-blok-scorebord.webp" loading="lazy" alt="Practical tips to maximise return." class="block w-full h-auto md:h-full object-contain md:object-scale-down cursor-zoom-in">
1859                        </a>
1860                    </div>
1861                </div>
1862            </div>
1863            
1864            <div class="flex w-full md:w-[60%]">
1865                <div class="flex flex-col justify-center px-0 md:px-0 md:ml-[6rem] md:mr-10 mt-10">
1866                    
1867                    <div class="w-full mb-3 md:mb-8">
1868                        <h2 class="text-xl font-bold text-black leading-tight sm:text-2xl lg:text-3xl xl:text-4xl">
1869                            Practical tips to maximise return.
1870                        </h2>
1871                    </div>
1872                    
1873                    
1874                    <div class="w-full">
1875                        <div class="content text-sm hyphens-auto 
1875sm:text-base xl:text-lg [&_*]:mb-2 [&_h2]:font-bold [&_h2]:text-gray-900 [&_h2]:text-lg [&_h2]:mb-4 [&_h2]:mt-8 [&_h3]:font-bold [&_h3]:text-gray-900 [&_h3]:text-base [&_h3]:mb-3 [&_h3]:mt-6 sm:[&_h2]:text-xl sm:[&_h2]:mt-8 sm:[&_h3]:text-lg xl:[&_h2]:text-2xl xl:[&_h2]:mt-8 xl:[&_h3]:text-xl [&_li]:leading-8 [&_a]:text-orange-300 [&_a]:underline">
1876                            <h2>Three habits winners display.</h2><ol><li><p>Upload more often, smaller. Daily micro-batches keep momentum.</p></li><li><p>Experiment with subject lines. One single word can double open rates.</p></li><li><p>Use follow-ups that reference LinkedIn activity; it feels more personal.</p></li></ol><h3>Accept small mistakes.</h3><p>A little typo in a message? It happens and makes it more human. People even respond quicker—strange, isn’t it?</p>
1877                        </div>
1878                    </div>
1879                    
1880
1881                    
1882                    <div class="w-full mt-9">
1883                        
1884
1885
1886<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
1887    
1888    <a href="/contact"  class="btn justify-between text-xs   btn-outline-black ">
1889        Get in touch
1890        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
1891    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
1892</svg>
1893
1894    </a>
1895    
1896
1897    
1898</div>
1899
1900
1901                    </div>
1902                    
1903                </div>
1904            </div>
1905            
1906
1907            
1908        </div>
1909    </div>
1910</article>
1911
1912            
1913        </div>
1914    </div>
1915</section>
1916
1917    
1918    <section class="pt-[4.375rem] pb-[4.375rem] sm:pt-[6rem] lg:pt-[8.75rem]">
1919    <div class="px-5 sm:px-12 lg:px-16">
1920        <div class="max-w-screen-xl mx-auto">
1921            
1922                <article class="pt-10 pb-40 first:pt-0 last:pb-0">
1923    <div class="max-w-screen-xl mx-auto">
1924        
1925        
1926        
1927            
1928        
1929        
1930        
1931            
1932        
1933        
1934        
1935            
1936        
1937        
1938        
1939            
1940        
1941        
1942        
1943        
1944        
1945        
1946            
1947            
1948        
1949        
1950        <div class="flex flex-wrap w-full">
1951            
1952            
1953            
1954            <div class="w-full mb-6 md:mb-0 md:w-[40%] relative md:mx-0">
1955                <div class="w-full px-0">
1956                    <div class="flex items-center justify-center w-full overflow-hidden md:h-full">
1957                        <a href="/ai-platform/product-ai-lead-checker/ai-lead-blok-toekomst.webp" class="glightbox block w-full" data-gallery="gallery1">
1958                            <img src="/ai-platform/product-ai-lead-checker/ai-lead-blok-toekomst.webp" loading="lazy" alt="Looking ahead to tomorrow." class="block w-full h-auto md:h-full object-contain md:object-scale-down cursor-zoom-in">
1959                        </a>
1960                    </div>
1961                </div>
1962            </div>
1963            
1964            <div class="flex w-full md:w-[60%]">
1965                <div class="flex flex-col justify-center px-0 md:px-0 md:ml-[6rem] md:mr-10 mt-10">
1966                    
1967                    <div class="w-full mb-3 md:mb-8">
1968                        <h2 class="text-xl font-bold text-black leading-tight sm:text-2xl lg:text-3xl xl:text-4xl">
1969                            Looking ahead to tomorrow.
1970                        </h2>
1971                    </div>
1972                    
1973                    
1974                    <div class="w-full">
1975                        <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_*]:mb-2 [&_h2]:font-bold [&_h2]:text-gray-900 [&_h2]:text-lg [&_h2]:mb-4 [&_h2]:mt-8 [&_h3]:font-bold [&_h3]:text-gray-900 [&_h3]:text-base [&_h3]:mb-3 [&_h3]:mt-6 sm:[&_h2]:text-xl sm:[&_h2]:mt-8 sm:[&_h3]:text-lg xl:[&_h2]:text-2xl xl:[&_h2]:mt-8 xl:[&_h3]:text-xl [&_li]:leading-8 [&_a]:text-orange-300 [&_a]:underline">
1976                            <h2>From lead checker to deal closer?</h2><p>Tests are already underway with automatic appointment setting via calendar bots. Think: AI schedules demos straight into your colleague’s diary without intervention. Exciting, but we remain realistic.</p><h3>Ethics and GDPR.</h3><p>Yes, we log everything neatly, pseudonymise where necessary and provide clear opt-outs. Transparency comes before profit, peri
1976od.</p>
1977                        </div>
1978                    </div>
1979                    
1980
1981                    
1982                    <div class="w-full mt-9">
1983                        
1984
1985
1986<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
1987    
1988    <a href="/contact"  class="btn justify-between text-xs   btn-outline-black ">
1989        Get in touch
1990        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
1991    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
1992</svg>
1993
1994    </a>
1995    
1996
1997    
1998</div>
1999
2000
2001                    </div>
2002                    
2003                </div>
2004            </div>
2005            
2006
2007            
2008        </div>
2009    </div>
2010</article>
2011
2012            
2013        </div>
2014    </div>
2015</section>
2016
2017    
2018    <section class="pt-[4.375rem] pb-28 sm:pt-[6rem] sm:pb-40 lg:pt-[8.75rem]">
2019    <div class="relative">
2020        <div class="overflow-hidden">
2021
2022            
2023                
2024                
2025                    
2026                        
2027                            
2028                            <div class="swiper px-5 sm:pr-0 lg:px-16 pl-6 sm:pl-[50px] container:pl-[100px] 3xl:pl-[250px]">
2029                                <div class="swiper-wrapper">
2030                        
2031                    
2032                    
2033                    
2034                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2035                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2036    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2037        
2038        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2039            <div class="w-full h-full bg-gray-400 relative">
2040                
2041                <img src="/assets/1543841287371.webp" 
2042                     loading="lazy" 
2043                     width="160" 
2044                     height="160" 
2045                     alt="Hans Lugtenberg" 
2046                     class="block w-full h-full object-cover">
2047            </div>
2048        </div>
2049        
2050        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2051            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2052                "A deal is a deal"
2053            </h3>
2054            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2055                <p>Yield.inc is a new asset manager in the Netherlands that focuses on excellent customer experience, sustainability and technology. When faced with the question of whether to develop our platform in-house or with a partner, we got in touch with Spartner. We are still 100% behind the choice for Spartner because we own the source code and with Spartner, a deal really is a deal, whether it concerns the delivery date or the agreed budget!</p>
2056                
2057            </div>
2058        </div>
2059    </div>
2060    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2061        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2062            Hans Lugtenberg
2063        </strong>
2064        <span class="text-sm sm:text-base lg:text-lg">Partner at Yield Inc.</span>
2065    </p>
2066</article>
2067
2068                    </div>
2069                    
2070                    
2071                
2072                    
2073                    
2074                    
2075                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2076                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2077    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2078        
2079        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2080            <div class="w-full h-full bg-gray-400 relative">
2081                
2082                <img src="/assets/iQ_Makelaars_GroningenGroningenWestersin-85da_3.webp" 
2083                     loading="lazy" 
2084                     width="160" 
2085                     height="160" 
2086                     alt="Norbert Wegter" 
2087                     class="block w-full h-full object-cover">
2088            </div>
2089        </div>
2090        
2091        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2092            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2093                "A professional software partner since 2010"
2094            </h3>
2095            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2096                <p>
2096Spartner is involved and contributes in our search for innovations and always delivers top-notch work. After the first Huurda.nl version got out-dated, we collaboratively launched a completely new version in 2020.</p>
2097                <a href="/our-work/custom-build-search-engine-for-rental-properties" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2098                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2099    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2100</svg>
2101
2102                                    Custom-built search engine for rental properties
2103                                </a>
2104            </div>
2105        </div>
2106    </div>
2107    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2108        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2109            Norbert Wegter
2110        </strong>
2111        <span class="text-sm sm:text-base lg:text-lg">Owner of 123wonen and Expat Homes Holland</span>
2112    </p>
2113</article>
2114
2115                    </div>
2116                    
2117                    
2118                
2119                    
2120                    
2121                    
2122                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2123                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2124    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2125        
2126        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2127            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2128                "Doijer & Kalff"
2129            </h3>
2130            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2131                <p><span style="text-align:start; display: block;">After transferring our D&amp;K portal to Spartner, we have elevated the further development and continuity to a higher level. Although the D&amp;K platform was originally developed internally, our technical expert can now focus on other innovations within Doijer &amp; Kalff. Spartner provides the quality we need without excessive costs. They have seamlessly taken over the care of our portal, allowing us to benefit from a flexible capacity that perfectly aligns with our future plans and innovation goals.</span></p>
2132                
2133            </div>
2134        </div>
2135    </div>
2136    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2137        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2138            Reinier van Bergen
2139        </strong>
2140        <span class="text-sm sm:text-base lg:text-lg">Managing Director at Doijer & Kalff</span>
2141    </p>
2142</article>
2143
2144                    </div>
2145                    
2146                    
2147                
2148                    
2149                    
2150                    
2151                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2152                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2153    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2154        
2155        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2156            <div class="w-full h-full bg-gray-400 relative">
2157                
2158                <img src="/assets/jurjen.webp" 
2159                     loading="lazy" 
2160                     width="160" 
2161                     height="160" 
2162                     alt="Jurjen Terpstra" 
2163                     class="block w-full h-full object-cover">
2164            </div>
2165        </div>
2166        
2167        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2168            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2169                "Pragmatic and flexible collaboration"
2170            </h3>
2171            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2172                <p><span style="text-align:start; display: block;">Spartner has created a customized portal for us for the accountability of large-scale collaborative projects. This enables us and our partners to execute and account for their plans in a shared environment that is secure, transparent, and manageable. The pragmatic and flexible collaboration with Spartner has ensured that we have quickly achieved a functional and user-friendly environment.</span></p>
2173                
2174            </div>
2175        </div>
2176    </div>
2177    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2178        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2179            Jurjen Terpstra
2180        </strong>
2181        <span class="text-sm sm:text-base lg:text-lg">Managing Partner at Wecreate Consulting</span>
2182    </p>
2183</article>
2184
2185                    </div>
2186                    
2187                    
2188                
2189                    
2190                    
2191                    
2192                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2193                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2194    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2195        
2196        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2197            <div class="w-full h-full bg-gray-400 relative">
2198                
2199                <img src="/assets/juribloxldf_6800_1.webp" 
2200                     loading="lazy" 
2201                     width="160" 
2202                     height="160" 
2203                     alt="Marco Caspers" 
2204                     class="block w-full h-full object-cover">
2205            </div>
2206        </div>
2207        
2208        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2209            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2210                "AI and machine learning as legal tools"
2211            </h3>
2212            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2213                <p><span style="text-align:left; display: block;">In 2020, we transferred the development of Lynn to Spartner. As a result of their fast development process, the Lynn platform achieves an increasingly central role in the legal world.</span></p>
2214                <a href="/our-work/lynn-the-smart-ai-legal-robot" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2215                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2216    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2217</svg>
2218
2219                                    Lynn, the smart AI legal robot
2220                                </a>
2221            </div>
2222        </div>
2223    </div>
2224    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2225        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2226            Marco Caspers
2227        </strong>
2228        <span class="text-sm sm:text-base lg:text-lg">Software Development Manager at Lynn Legal</span>
2229    </p>
2230</article>
2231
2232                    </div>
2233                    
2234                    
2235                
2236                    
2237                    
2238                    
2239                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2240                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2241    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2242        
2243        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2244            <div class="w-full h-full bg-gray-400 relative">
2245                
2246                <img src="/assets/1517094701592.webp" 
2247                     loading="lazy" 
2248                     width="160" 
2249                     height="160" 
2250                     alt="Bjorn Gubbels" 
2251                     class="block w-full h-full object-cover">
2252            </div>
2253        </div>
2254        
2255        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2256            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2257                "As a business you must dare to move forward"
2258            </h3>
2259            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2260                <p><span style="text-align:start; display: block;">Innovation and change are not always welcomed with equal enthusiasm by our employees, man is a creature of habit but as a company you have to dare to move forward and the need for a contemporary drawing program for the realization of various constructions with our Masterbloc bricks was high. For us but also for Spartner, this challenge was a bit of pioneering and together we had to overcome some hurdles to arrive at a beautiful and efficie
2260nt business tool. A development and learning process for both parties, in which the feedback of questions and desired adjustments by our employees to Spartner was always in good consultation and we could count on quick feedback and targeted solutions. We continue to exchange experiences with Spartner and look back and forward to a successful collaboration.</span></p>
2261                <a href="/our-work/powerful-3d-construction-drawing-software" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2262                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2263    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2264</svg>
2265
2266                                    Powerful 3D construction drawing software
2267                                </a>
2268            </div>
2269        </div>
2270    </div>
2271    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2272        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2273            Bjorn Gubbels
2274        </strong>
2275        <span class="text-sm sm:text-base lg:text-lg">Owner of Masterbloc</span>
2276    </p>
2277</article>
2278
2279                    </div>
2280                    
2281                    
2282                
2283                    
2284                    
2285                    
2286                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2287                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2288    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2289        
2290        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2291            <div class="w-full h-full bg-gray-400 relative">
2292                
2293                <img src="/assets/marco-leenders-mosadex.webp" 
2294                     loading="lazy" 
2295                     width="160" 
2296                     height="160" 
2297                     alt="Marco Leenders" 
2298                     class="block w-full h-full object-cover">
2299            </div>
2300        </div>
2301        
2302        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2303            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2304                "Spartner extends our capabilities and development capacity"
2305            </h3>
2306            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2307                <p><span style="text-align:left; display: block;">With weekly calls, using our Azure DevOps sprint system, Spartner actively works together with our innovation, communication and software development departments. </span></p>
2308                <a href="/our-work/multi-website-cms-with-statamic-3" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2309                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2310    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2311</svg>
2312
2313                                    Multi-website CMS with Statamic 3
2314                                </a>
2315            </div>
2316        </div>
2317    </div>
2318    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2319        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2320            Marco Leenders
2321        </strong>
2322        <span class="text-sm sm:text-base lg:text-lg">Head of Automation</span>
2323    </p>
2324</article>
2325
2326                    </div>
2327                    
2328                    
2329                
2330                    
2331                    
2332                    
2333                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2334                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2335    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2336        
2337        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2338            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2339                "Flexible collaboration with yearly updates"
2340            </h3>
2341            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2342                <p><span style="text-align:left; display: block;">The projectteam of the city of Groningen is very enthusiastic about the &quot;Roomfinder&quot; platform.</span></p>
2343                <a href="/our-work/real-estate-management-software-for-student-rooms" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2344                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2345    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2346</svg>
2347
2348                                    Real estate management software for student rooms
2349                                </a>
2350            </div>
2351        </div>
2352    </div>
2353    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2354        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2355            Gemeente Groningen
2356        </strong>
2357        <span class="text-sm sm:text-base lg:text-lg">Projectteam</span>
2358    </p>
2359</article>
2360
2361                    </div>
2362                    
2363                    
2364                
2365                    
2366                    
2367                    
2368                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2369                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2370    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2371        
2372        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2373            <div class="w-full h-full bg-gray-400 relative">
2374                
2375                <img src="/assets/Z5PajOmx_400x400.webp" 
2376                     loading="lazy" 
2377                     width="160" 
2378                     height="160" 
2379                     alt="Josh Mountain" 
2380                     class="block w-full h-full object-cover">
2381            </div>
2382        </div>
2383        
2384        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2385            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2386                "Have been using Laravel Excel for years"
2387            </h3>
2388            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2389                <p><span style="text-align:left; display: block;">We requested custom help to a performance challenge we had in our implementation of Laravel Excel. I was amazed how quickly these Laravel artisans achieved significant performance gains, which saved us a lot of development time. </span></p>
2390                <a href="/our-work/open-source-package-for-laravel" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2391                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2392    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2393</svg>
2394
2395                                    Open source package for Laravel
2396                                </a>
2397            </div>
2398        </div>
2399    </div>
2400    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2401        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2402            Josh Mountain
2403        </strong>
2404        <span class="text-sm sm:text-base lg:text-lg">Co-Founder at <A target="_blank" title="Ga naar https://incentivepilot.com in een nieuw scherm" href="https://incentivepilot.com">IncentivePilot.com</A></span>
2405    </p>
2406</article>
2407
2408                    </div>
2409                    
2410                    
2411                
2412                    
2413                    
2414                    
2415                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2416                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2417    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2418        
2419        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2420            <div class="w-full h-full bg-gray-400 relative">
2421                
2422                <img src="/assets/20230306_131443-2.webp" 
2423                     loading="lazy" 
2424                     width="160" 
2425                     height="160" 
2426                     alt="Maurice Evers" 
2427                     class="block w-full h-full object-cover">
2428            </div>
2429        </div>
2430        
2431        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2432            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2433                "Higher occupancy rate thanks to our user-friendly platform"
2434            </h3>
2435            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2436                <p><span style="text-align:left; display: block;">Throughout the great years that we cooperate with Spartner (previously Maatwebsite, Ed.), our software has been developed continuously. Students and landlords actively work with features like allocation, payments, chat, contract generation and more.</span></p>
2437                <a href="/our-work/custom-build-erp-for-all-student-residences" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2438                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2439    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2440</svg>
2441
2442                                    Custom built ERP for all student residences
2443                                </a>
2444            </div>
2445        </div>
2446    </div>
2447    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2448        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2449            Maurice Evers
2450        </strong>
2451        <span class="text-sm sm:text-base lg:text-lg">Head of Student Housing Department</span>
2452    </p>
2453</article>
2454
2455                    </div>
2456                    
2457                    
2458                
2459                    
2460                    
2461                    
2462                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2463                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2464    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2465        
2466        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2467            <div class="w-full h-full bg-gray-400 relative">
2468                
2469                <img src="/assets/logo-ensured-1629887148.webp" 
2470                     loading="lazy" 
2471                     width="160" 
2472                     height="160" 
2473                     alt="Maarten Bremer" 
2474                     class="block w-full h-full object-cover">
2475            </div>
2476        </div>
2477        
2478        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2479            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2480                "Innovating in the digital identification network of The Netherlands and Europe"
2481            </h3>
2482            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2483                <p><span style="text-align:left; display: block;">The pro-active approach of Spartner was crucial in understanding the complexity of the eHerkenning network.</span></p>
2484                <a href="/our-work/development-of-eherkenning-connections-and-services" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2485                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2486    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2487</svg>
2488
2489                                    Development of eHerkenning connection and services
2490                                </a>
2491            </div>
2492        </div>
2493    </div>
2494    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2495        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2496            Maarten Bremer
2497        </strong>
2498        <span class="text-sm sm:text-base lg:text-lg">CTO / Founder Ensured</span>
2499    </p>
2500</article>
2501
2502                    </div>
2503                    
2504                    
2505                
2506                    
2507                    
2508                    
2509                    <div class="swiper-slide max-w-p954 w-per78 h-auto flex mr-5 md:mr-8 2xl:mr-28 last:mr-0">
2510                        <article class="bg-orange-100 flex flex-col mt-10 sm:mt-14 sm:mr-24 lg:mt-22 lg:mr-32">
2511    <div class="sm:pr-16 lg:pr-28 relative flex-grow">
2512        
2513        <div class="bg-white w-24 h-24 p-3 absolute -top-10 -right-3 sm:w-40 sm:h-40 sm:p-5 sm:-top-14 sm:-right-24 lg:w-60 lg:h-60 lg:p-10 lg:-top-22 lg:-right-32">
2514            <div class="w-full h-full bg-gray-400 relative">
2515                
2516                <img src="/assets/juriblox-nielsldf_6548-2-(1).webp" 
2517                     loading="lazy" 
2518                     width="160" 
2519                     height="160" 
2520                     alt="Niels Winters" 
2521                     class="block w-full h-full object-cover">
2522            </div>
2523        </div>
2524        
2525        <div class="pt-6 px-5 pb-5 sm:pt-10 sm:pb-14 sm:px-12">
2526            <h3 class="max-w-[68%] sm:max-w-full text-black text-lg font-bold mb-6 sm:mb-10 lg:text-xl 2xl:text-2xl">
2527                "Innovation in legal technology"
2528            </h3>
2529            <div class="text-sm sm:text-base xl:text-lg 2xl:min-h-12">
2530                <p><span style="text-align:left; display: block;">As jurists with knowledge of IT, we highly value quality; within code, but also in process. The high work-level and trustworthiness of Spartner gives us the capacity to continuously create innovative features. </span></p>
2531                <a href="/our-work/legal-automation-platform" class="mt-6 flex items-center text-xs leading-tight uppercase text-current font-light tracking-wide hover:text-primary-default transition-colors sm:text-sm">
2532                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.33" class="text-gray-300 fill-current w-4 h-3 mr-4 sm:w-6 sm:h-5 sm:mr-4">
2533    <path d="M508.88,163.13l-160-160a10.66,10.66,0,0,0-18.21,7.54V32a10.66,10.66,0,0,0,3.12,7.54L443.58,149.33H10.67A10.66,10.66,0,0,0,0,160v21.33A10.66,10.66,0,0,0,10.67,192H443.58L333.79,301.79a10.66,10.66,0,0,0-3.12,7.54v21.34a10.67,10.67,0,0,0,18.21,7.54l160-160A10.67,10.67,0,0,0,508.88,163.13Z"></path>
2534</svg>
2535
2536                                    Legal tech platform
2537                                </a>
2538            </div>
2539        </div>
2540    </div>
2541    <p class="bg-white mt-auto pt-7 pl-5 sm:pt-7.5 sm:pl-12">
2542        <strong class="block text-black leading-tight text-base sm:text-lg lg:text-lg-2 sm:mb-1">
2543            Niels Winters
2544        </strong>
2545        <span class="text-sm sm:text-base lg:text-lg">Managing Director JuriBlox</span>
2546    </p>
2547</article>
2548
2549                    </div>
2550                    
2551                    
2552                        
2553                            
2554                                </div>
2555                            </div>
2556                            <div class="w-screen absolute bottom-0 l-0 z-10 transform translate-y-1/2 -mb-13 sm:-mb-20">
2557                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 512.12" class="fill-gray-400 w-8 h-8 sm:w-12 sm:h-12 mx-auto">
2558    <path d="M370.78,492.12H169.55v-50h55.61a10,10,0,0,0,0-20H179c-3.12-31.21-21-44-38.29-56.44-15.18-10.9-30.89-22.16-40.3-48-9.36-25.68-19.32-38.49-25.91-47-1.72-2.2-3.2-4.11-4.29-5.77-.79-1.19,1-3.82,1.16-4.12,3.94-5.76,13.76-10.68,24.2-8.43,16.1,3.47,20.79,10.12,27.91,20.17,5.67,8,12.58,17.8,26.42,26.17v4.13a10,10,0,0,0,20,0V82.12c0-11,8.42-20,18.77-20,10.1,0,18.52,9.07,18.76,20.22l2.87,132.25a10,10,0,0,0,20-.44l-.74-34.08c3.24-2.62,10.55-3.89,18.57-1.82,4.66,1.21,19.87,6.51,19.87,24.18a10,10,0,0,0,20,0,45.87,45.87,0,0,0-1.17-10.38c6.2-1.56,14.21-.68,21,2.66,5.46,2.67,14.61,9.1,14.61,22.16a10,10,0,0,0,20,0,44.21,44.21,0,0,0-.83-8.59c4.26-1,10.46-.66,16.8,1.89S380,221.29,380,243.87v84.37c0,16-4.48,32.14-9.23,49.27-4,14.5-8.13,29.41-9.48,44.61H315.16a10,10,0,1,0,0,20h55.61v50ZM400,328.24V243.87c0-24.12-12.74-43.65-34.07-52.25-11.48-4.63-23.37-5.06-32.69-1.66a47.46,47.46,0,0,0-16.57-13.22c-12.83-6.27-27.32-7.13-38.89-2.8a49.9,49.9,0,0,0-48.68
2558-15.33L227.43,81.9c-.48-22.3-17.5-39.78-38.75-39.78s-38.76,18-38.76,40V273.61A90.61,90.61,0,0,1,139.82,261c-7.65-10.8-16.31-23-40-28.17-20.08-4.33-37.37,5.63-44.93,16.7-6,8.77-6.49,18.65-1.33,26.44,1.52,2.3,3.3,4.59,5.18,7,6.17,7.93,14.63,18.8,22.9,41.52,11.53,31.65,31.45,45.93,47.45,57.41,15.43,11.07,27.09,19.44,29.82,40.22a10,10,0,0,0-9.34,10v70a10,10,0,0,0,10,10H380.78a10,10,0,0,0,10-10v-70a10,10,0,0,0-9.4-10c1.33-12.74,4.91-25.72,8.67-39.3C394.94,365.18,400,346.91,400,328.24ZM53,74.91,34.14,56.05h86.37a10,10,0,0,0,0-20H34.14L53,17.19A10,10,0,0,0,38.86,3.05L2.93,39a10,10,0,0,0,0,14.14L38.86,89.05A10,10,0,0,0,53,74.91Zm268.31-57.8L340.22,36H253.63a10,10,0,1,0,0,20h86.59L321.31,75a10,10,0,1,0,14.18,14.18l36-36a10,10,0,0,0,0-14.18l-36-36a10,10,0,1,0-14.18,14.17Zm-51.14,405h0a10,10,0,1,0,10,10A10,10,0,0,0,270.16,422.12Z"></path>
2559</svg>
2560
2561                            </div>
2562                        
2563                    
2564                
2565            
2566        </div>
2567    </div>
2568</section>
2569
2570    
2571    <section class="pt-[4.375rem] pb-[4.375rem] sm:pt-[6rem] lg:pt-[8.75rem]
2572    bg-orange-100 md:mb-[13.125rem] md:bg-transparent">
2573    <div class="px-5 sm:px-12 lg:px-16">
2574        <div class="flex flex-wrap w-full max-w-screen-xl mx-auto">
2575            <div class="w-full mb-0 xl:pr-8 md:mb-0 md:w-[40%] relative
2576                md:bg-orange-100 md:pl-20 md:py-20">
2577                
2578                    <h2 class="text-3xl font-bold mb-8 text-black sm:mb-8 lg:text-4xl 2xl:text-5xl">
2579                        Frequently asked questions
2580                    </h2>
2581                
2582
2583                
2584                    <div class="content text-sm hyphens-auto mb-8 sm:text-base md:mb-16 xl:text-lg [&_a]:text-orange-300 [&_a]:underline">
2585                        <p>Practical answers to the questions we hear most often.</p>
2586                    </div>
2587                
2588
2589                
2590                    <div class="hidden w-full mt-9 md:block">
2591                        
2592
2593
2594<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
2595    
2596    <a href="/contact"  class="btn justify-between text-xs   btn-outline-black ">
2597        Schedule a demo
2598        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
2599    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
2600</svg>
2601
2602    </a>
2603    
2604
2605    
2606</div>
2607
2608
2609                    </div>
2610                
2611            </div>
2612            <div class="flex w-full md:w-[60%]
2613                md:bg-orange-100 md:pr-20 md:py-20">
2614                <div class="md:pl-8">
2615                    
2616                        <article>
2617    <div class="grid grid-cols-1 gap-y-12">
2618        
2619        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2620            <div class="w-full">
2621                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2622                    What exactly does the AI lead checker do? 🙂
2623                </h3>
2624            </div>
2625            <div class="w-full">
2626                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2627                    <p>The tool enriches your company list, finds the right contacts, writes a pitch and prepares messages for sending. Simply put: less searching, more talking.</p>
2628                </div>
2629            </div>
2630        </div>
2631        
2632        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2633            <div class="w-full">
2634                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2635                    Do I need technical knowledge? 🤔
2636                </h3>
2637            </div>
2638            <div class="w-full">
2639                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2640                    <p>No. Uploading is drag-and-drop. Settings are full of hints and there is always a help chat.</p>
2641                </div>
2642            </div>
2643        </div>
2644        
2645        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2646            <div class="w-full">
2647                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2648                    Does it only work with Apollo or Lusha? 📂
2649                </h3>
2650            </div>
2651            <div class="w-full">
2652                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2653                    <p>No. Any CSV with company URLs will do, though Apollo and Lusha give you a flying start.</p>
2654                </div>
2655            </div>
2656        </div>
2657        
2658        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2659            <div class="w-full">
2660                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2661                    Can I adjust the tone of voice? 📝
2662                </h3>
2663            </div>
2664            <div class="w-full">
2665                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2666                    <p>Absolutely. Choose between &quot;friendly&quot;, &quot;formal&quot;, &quot;bold&quot;, or create your own presets. You see live examples before sending.</p>
2667                </div>
2668            </div>
2669        </div>
2670        
2671        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2672            <div class="w-full">
2673                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2674                    What about privacy and GDPR? 🔒
2675                </h3>
2676            </div>
2677            <div class="w-full">
2678                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2679                    <p>Data is stored in EU data centres, encrypted at rest and in transit. Leads can also unsubscribe with a single click.</p>
2680                </div>
2681            </div>
2682        </div>
2683        
2684        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2685            <div class="w-full">
2686                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2687                    Is my CRM integration complex? 🔗
2688                </h3>
2689            </div>
2690            <div class="w-full">
2691                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2692                    <p>Not really. We provide standard connectors for HubSpot, Pipedrive and Salesforce. Otherwise just use a webhook.</p>
2693                </div>
2694            </div>
2695        </div>
2696        
2697        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2698            <div class="w-full">
2699                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2700                    Will AI take my job? 😅
2701                </h3>
2702            </div>
2703            <div class="w-full">
2704                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2705                    <p>No way. It removes the boring part, but having conversations and building relationships remains human work.</p>
2706                </div>
2707            </div>
2708        </div>
2709        
2710        <div class="border border-black/10 bg-white px-5 py-5 sm:px-6 sm:py-6">
2711            <div class="w-full">
2712                <h3 class="text-md text-gray-900 font-bold mb-3 sm:mb-4 lg:text-xl">
2713                    What if the AI selects the wrong contact? 🤷‍♂️
2714                </h3>
2715            </div>
2716            <div class="w-full">
2717                <div class="content text-sm hyphens-auto sm:text-base xl:text-lg [&_p]:mb-0 [&_a]:text-orange-300 [&_a]:underline">
2718                    <p>You receive a warning in the dashboard along with an alternative suggestion. You are always in control.</p>
2719                </div>
2720            </div>
2721        </div>
2722        
2723    </div>
2724</article>
2725
2726                    
2727                </div>
2728            </div>
2729            
2730                <div class="inline-block text-center w-full mt-9 md:hidden">
2731                    
2732
2733
2734<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
2735    
2736    <a href="/contact"  class="btn justify-between text-xs   btn-outline-black ">
2737        Schedule a demo
2738        <svg class="flex-shrink-0 fill-current w-4 h-4 ml-9 transform -rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320">
2739    <path d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
2740</svg>
2741
2742    </a>
2743    
2744
2745    
2746</div>
2747
2748
2749                </div>
2750            
2751        </div>
2752    </div>
2753</section>
2754
2755    
2756</div>
2757
2758    <section id="contact" class="md:bg-violet-900" style="transform: translateZ(0); backface-visibility: hidden; will-change: transform; contain: layout style paint;">
2759    <div class="overflow-hidden" style="transform: translateZ(0); backface-visibility: hidden;">
2760        <div class="px-4 sm:px-12 lg:px-16" style="transform: translateZ(0); backface-visibility: hidden;">
2761            <div class="max-w-screen-xl mx-auto" style="transform: translateZ(0); backface-visibility: hidden;">
2762                <div class="bg-white text-black relative ml-auto md:max-w-4xl" style="transform: translateZ(0); backface-visibility: hidden;">
2763                    <div class="bg-white absolute top-0 w-screen left-0" style="transform: translateZ(0); backface-visibility: hidden; height: calc(100% + 2px); top: -1px;"></div>
2764                    <div class="relative" style="transform: translateZ(0); backface-visibility: hidden;">
2765                        <div class="flex justify-between pt-[1.0625rem] pb-[1.0625rem] sm:pt-[2.375rem] sm:pb-[2.375rem] md:pl-18 md:-mx-8 lg:pt-[3.25rem] lg:pb-[3.25rem]" style="transform: translateZ(0); backface-visibility: hidden;">
2766                            
2767                            <a href="https://www.linkedin.com/company/spartner-software/" target="_blank" rel="noopener noreferrer"
2768                               class="flex flex-col items-center text-xs font-light uppercase tracking-wide leading-snug mx-3 hover:text-primary-default transition-colors group sm:flex-row sm:text-sm sm:leading-snug md:mx-8 xl:text-base xl:leading-snug">
2769                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 639.38 611.14"
2770                                     class="fill-gray-200 group-hover:fill-black transition-colors w-4 h-4 my-3.5 sm:mt-0 sm:w-5 sm:h-5 sm:mr-6 sm:mb-0 xl:w-6 xl:h-6 xl:mr-8">
2771                                    <path
2772                                        d="M77.54,0C30.65,0,0,30.79,0,71.25c0,39.57,29.74,71.24,75.74,71.24h.89c47.8,0,77.55-31.67,7
27727.55-71.24C153.28,30.79,124.43,0,77.54,0ZM8.1,198.79H145.16V611.14H8.1Zm473.48-9.68c-73.94,0-123.52,69.48-123.52,69.48v-59.8H221V611.14H358.06V380.87c0-12.33.89-24.64,4.51-33.46,9.91-24.61,32.46-50.11,70.32-50.11,49.6,0,69.44,37.81,69.44,93.24v220.6H639.38V374.7C639.38,248.05,571.75,189.11,481.58,189.11Z"></path>
2773                                </svg>
2774                                <span class="hidden xs:block">LinkedIn</span>
2775                            </a>
2776                            
2777                            
2778                            <a href="https://medium.com/spartner" target="_blank" rel="noopener noreferrer"
2779                               class="flex flex-col items-center text-xs font-light uppercase tracking-wide leading-snug mx-3 hover:text-primary-default transition-colors group sm:flex-row sm:text-sm sm:leading-snug md:mx-8 xl:text-base xl:leading-snug">
2780                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 405.33"
2781                                     class="fill-gray-200 group-hover:fill-black transition-colors w-4 h-4 my-3.5 sm:mt-0 sm:w-5 sm:h-5 sm:mr-6 sm:mb-0 xl:w-6 xl:h-6 xl:mr-8">
2782                                    <path
2783                                        d="M471.15,47.64,512,8.55V0H370.47L269.61,251.05,154.86,0H6.46V8.55L54.19,66a20,20,0,0,1,6.46,16.7V308.48a25.74,25.74,0,0,1-6.89,22.4L0,396v8.45H152.43v-8.55L98.67,330.88a26.53,26.53,0,0,1-7.41-22.4V113.19l133.81,291.4h15.55l115.05-291.4V345.32c0,6.13,0,7.38-4,11.39l-41.39,40.05v8.57H511.06v-8.55l-39.89-39.06a11.89,11.89,0,0,1-4.57-11.39V59a11.83,11.83,0,0,1,4.55-11.39Z"></path>
2784                                </svg>
2785                                <span class="hidden xs:block">Medium</span>
2786                            </a>
2787                            
2788                            
2789                            <a href="https://twitter.com/spartnerNL" target="_blank" rel="noopener noreferrer"
2790                               class="flex flex-col items-center text-xs font-light uppercase tracking-wide leading-snug mx-3 hover:text-primary-default transition-colors group sm:flex-row sm:text-sm sm:leading-snug md:mx-8 xl:text-base xl:leading-snug">
2791                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 416"
2792                                     class="fill-gray-200 group-hover:fill-black transition-colors w-4 h-4 my-3.5 sm:mt-0 sm:w-5 sm:h-5 sm:mr-6 sm:mb-0 xl:w-6 xl:h-6 xl:mr-8">
2793                                    <path d="m307.42661,176.46116l154.14602,-175.46702l-36.5148,0l-133.90141,152.32442l-106.86721,-152.32442l-123.28921,0l161.63942,230.36343l-161.63942,183.98162l36.5148,0l141.31202,-160.89422l112.88401,160.89422l123.28921,0m-364.30624,-387.37984l56.09701,0l258.23943,361.73944l-56.11081,0"></path>
2794                                </svg>
2795                                <span class="hidden xs:block">Twitter</span>
2796                            </a>
2797                            
2798                            
2799                            <a href="https://www.facebook.com/SpartnerNL/" target="_blank" rel="noopener noreferrer"
2800                               class="flex flex-col items-center text-xs font-light uppercase tracking-wide leading-snug mx-3 hover:text-primary-default transition-colors group sm:flex-row sm:text-sm sm:leading-snug md:mx-8 xl:text-base xl:leading-snug">
2801                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2802                                     class="fill-gray-200 group-hover:fill-black transition-colors w-4 h-4 my-3.5 sm:mt-0 sm:w-5 sm:h-5 sm:mr-6 sm:mb-1 xl:w-6 xl:h-6 xl:mr-8"
2803                                     viewBox="0 0 310 310" xml:space="preserve">
2804                                        <path d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064
2805                                            c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996
2806                                            V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545
2807                                            C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703
2808                                            c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"/>
2809                                    </svg>
2810                                <span class="hidden xs:block">Facebook</span>
2811                            </a>
2812                            
2813                        </div>
2814                    </div>
2815                </div>
2816            </div>
2817        </div>
2818    </div>
2819</section>
2820
2821
2822    
2823        <section class="bg-violet-900 text-white overflow-hidden">
2824    <div class="px-5 sm:px-12 lg:px-16 pt-19 pb-20 sm:pt-26 2xl:pt-32 2xl:pb-29 max-w-6xl mx-auto relative">
2825
2826        <div class="lg:flex">
2827            <div class="mb-8 lg:mb-0">
2828                <div class="text-center relative max-w-md lg:max-w-4xl w-full mx-auto">
2829                    <svg viewBox="0 0 838 931" class="fill-current opacity-11 w-46 h-52 absolute -bottom-3 -left-15 sm:bottom-6 sm:-left-22 sm:w-75 sm:h-81">
2830    <g id="ArtBoard1" transform="matrix(0.980783,0,0,0.970506,-12.7532,-120.907)">
2831        <rect x="13.003" y="124.582" width="853.739" height="959.159" style="fill:none;"/>
2832        <g transform="matrix(1.01959,0,0,1.03039,-16.5225,-18.498)">
2833            <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
2834                <path d="M19.378,1062.51L238.32,1004.46L515.238,140.859L313.985,140.859L19.378,1062.51Z" style="fill:white;"/>
2835            </g>
2836            <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
2837                <path d="M19.378,1062.51L238.32,1004.46L351.451,651.647L172.804,582.528L19.378,1062.51Z" style="fill:white;"/>
2838            </g>
2839            <path d="M36.664,1008.43L218.364,1066.7L515.238,140.859L313.985,140.859L36.664,1008.43Z" style="fill:white;"/>
2840            <path d="M114.826,1033.49L218.364,1066.7L407.034,478.304L318.31,387.147L114.826,1033.49Z" style="fill:rgb(16,16,16);fill-opacity:0.01;"/>
2841            <path d="M36.664,1008.43L218.364,1066.7L80.409,871.575L36.664,1008.43Z" style="fill:rgb(241,241,241);fill-opacity:0.4;"/>
2842            <path d="M255.769,322.982L405.737,477.066L515.238,140.859L313.985,140.859L255.769,322.982Z" style="fill:white;"/>
2843        </g>
2844    </g>
2845</svg>
2846
2847                    <h2 class="text-3xl leading-tight mb-8 last:mb-0 sm:text-4xl sm:mb-10 xl:text-5xl">
2848                        Feel like a cup of coffee<span class="text-primary-default font-bold">?</span>
2849                    </h2>
2850
2851                    <div class="text-sm leading-relaxed mb-8 sm:text-base lg:text-lg sm:mb-10 ">
2852                        <p><span style="text-align:center; display: block;">Whether you have a new idea or an existing system that needs attention? </span></p><p><span style="text-align:center; display: block;">We are happy to have a conversation with you. </span></p><p><span style="text-align:center; display: block;">Call, email, or message us on WhatsApp.</span></p>
2853                    </div>
2854
2855                    <div class="text-base font-medium leading-relaxed sm:text-base lg:text-lg">
2856                        Arne Schoenmakers
2857                    </div>
2858
2859                    <div class="text-sm font-light leading-relaxed mb-8 sm:text-base sm:mb-10 ">
2860                        CEO
2861                    </div>
2862
2863                    <div class="font-light text-sm -mx-5 last:mb-0 sm:text-lg sm:-mx-9 sm:mb-9">
2864                        <a href="tel:+31 (0) 6 81295375"
2865                           class="block sm:inline-block tracking-wide mx-5 sm:mx-9 hover:text-primary-default transition-colors">+31 (0) 6 81295375
2866                        </a>
2867                        <a href="mailto:[email protected]"
2868                           class="block sm:inline-block tracking-wide mx-5 sm:mx-9 hover:text-primary-default transition-colors">[email protected]
2869                        </a>
2870                    </div>
2871                </div>
2872            </div>
2873            <div class="-mb-20 lg:mb-0 text-center lg:absolute bottom-0 right-0 2xl:-mr-20">
2874                <span class="mx-auto flex justify-center">
2875                    
2876                    
2877                    <img src="/assets/Bartfooter.webp" 
2878                         alt="Arne Schoenmakers"
2879                         class="h-[310px] sm:h-[350px] md:h-[420px] xl:h-[450px] 2xl:h-[500px] w-auto"
2880                         width="500"
2881                         height="500"
2882                         loading="lazy"
2883                         decoding="async">
2884                    
2885                </span>
2886            </div>
2887        </div>
2888    </div>
2889</section>
2890
2891    
2892
2893</div>
2894<footer class="flex flex-col justify-between bg-gray-900 text-white overflow-hidden">
2895    <div class="pt-19 pb-10 sm:py-24 2xl:pt-24 2xl:pb-33">
2896        <div class="px-5 sm:px-12 lg:px-16">
2897            <div class="max-w-screen-2xl mx-auto">
2898                <!-- First Row - Logo + First 3 Navigation Sections -->
2899                <div class="grid grid-cols-1 gap-28 md:grid-cols-2 lg:grid-cols-3 mb-28">
2900                    
2901                    
2902                    <!-- First 3 Navigation Columns -->
2903                    
2904                        
2905                        <div data-column="AI platform" class="footer-column">
2906                            <div class="text-center lg:text-left">
2907                                <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
2908                                    AI platform
2909                                </div>
2910                                <ul>
2911                                    
2912                                    
2913                                    <li class="mb-1 sm:mb-0">
2914                                        <a href="/ai-platform/blog-ai-automation" title="AI blog creation" aria-label="AI blog creation" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2915                                            AI blog creation
2916                                        </a>
2917                                    </li>
2918                                    
2919                                    
2920                                    
2921                                    <li class="mb-1 sm:mb-0">
2922                                        <a href="/ai-platform/ai-social-media-automation" title="AI manages social media" aria-label="AI manages social media" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2923                                            AI manages social media
2924                                        </a>
2925                                    </li>
2926                                    
2927                                    
2928                                    
2929                                    <li class="mb-1 sm:mb-0">
2930                                        <a href="/ai-platform/external-chatbot" title="AI chatbot customer support" aria-label="AI chatbot customer support" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2931                                            AI chatbot customer support
2932                                        </a>
2933                                    </li>
2934                                    
2935                                    
2936                                    
2937                                    <li class="mb-1 sm:mb-0">
2938                                        <a href="/ai-platform/internal-chatbot" title="AI chatbot for HR questions" aria-label="AI chatbot for HR questions" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2939                                            AI chatbot for HR questions
2940                                        </a>
2941                                    </li>
2942                                    
2943                                    
2944                                    
2945                                    <li class="mb-1 sm:mb-0">
2946                                        <a href="/ai-platform/ai-document-automation" title="AI Document Automation" aria-label="AI Document Automation" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2947                                            AI Document Automation
2948                                        </a>
2949                                    </li>
2950                                    
2951                                    
2952                                </ul>
2953                            </div>
2954                        </div>
2955                        
2956                    
2957                        
2958                        <div data-column="Automate with our AI platform" class="footer-column">
2959                            <div class="text-center lg:text-left">
2960                                <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
2961                                    Automate with our AI platform
2962                                </div>
2963                                <ul>
2964                                    
2965                                    
2966                                    <li class="mb-1 sm:mb-0">
2967                                        <a href="/ai-platform/ai-website-content-automation" title="AI website automation" aria-label="AI website automation" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2968                                            AI website automation
2969                                        </a>
2970                                    </li>
2971                                    
2972                                    
2973                                    
2974                                    <li class="mb-1 sm:mb-0">
2975                                        <a href="/ai-platform/ai-service-desk-automation" title="AI service desk automation" aria-label="AI service desk automation" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2976                                            AI service desk automation
2977                                        </a>
2978                                    </li>
2979                                    
2980                                    
2981                                    
2982                                    <li class="mb-1 sm:mb-0">
2983                                        <a href="/ai-platform/custom-ai-chatbot" title="AI chatbot" aria-label="AI chatbot" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2984                                            AI chatbot
2985                                        </a>
2986                                    </li>
2987                                    
2988                                    
2989                                    
2990                                    <li class="mb-1 sm:mb-0">
2991                                        <a href="/ai-platform/product-ai-lead-checker" title="AI lead checker" aria-label="AI lead checker" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
2992                                            AI lead checker
2993                                        </a>
2994                                    </li>
2995                                    
2996                                    
2997                                </ul>
2998                            </div>
2999                        </div>
3000                        
3001                    
3002                        
3003                        <div data-column="Services" class="footer-column">
3004                            <div class="text-center lg:text-left">
3005                                <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
3006                                    Services
3007                                </div>
3008                                <ul>
3009                                    
3010                                    
3011                                    <li class="mb-1 sm:mb-0">
3012                                        <a href="/services/software-development" title="Software development" aria-label="Software development" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3013                                            Software development
3014                                        </a>
3015                                    </li>
3016                                    
3017                                    
3018                                    
3019                                    <li class="mb-1 sm:mb-0">
3020                                        <a href="/services/business-app-development" title="Business app development" aria-label="Business app development" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3021                                            Business app development
3022                                        </a>
3023                                    </li>
3024                                    
3025                                    
3026                                    
3027                                    <li class="mb-1 sm:mb-0">
3028                                        <a href="/services/custom-erp-software" title="Custom ERP software" aria-label="Custom ERP software" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3029                                            Custom ERP software
3030                                        </a>
3031                                    </li>
3032                                    
3033                                    
3034                                    
3035                                    <li class="mb-1 sm:mb-0">
3036                                        <a href="/services/prototype-development" title="Prototype development" aria-label="Prototype development" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3037                                            Prototype development
3038                                        </a>
3039                                    </li>
3040                                    
3041                                    
3042                                    
3043                                    <li class="mb-1 sm:mb-0">
3044                                        <a href="/services/laravel-development" title="Laravel development" aria-label="Laravel development" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3045                                            Laravel development
3046                                        </a>
3047                                    </li>
3048                                    
3049                                    
3050                                    
3051                                    <li class="mb-1 sm:mb-0">
3052                                        <a href="/services/outsourcing-software-development" title="Outsourcing software development" aria-label="Outsourcing software development" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3053                                            Outsourcing software development
3054                                        </a>
3055                                    </li>
3056                                    
3057                                    
3058                                    
3059                                    <li class="mb-1 sm:mb-0">
3060                                        <a href="/software-development-within-budget" title="Software development budget" aria-label="Software development budget" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3061                                            Software development budget
3062                                        </a>
3063                                    </li>
3064                                    
3065                                    
3066                                    
3067                                    <li class="mb-1 sm:mb-0">
3068                                        <a href="/services/hassle-free-service-support" title="Service & support" aria-label="Service & support" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3069                                            Service & support
3070                                        </a>
3071                                    </li>
3072                                    
3073                                    
3074                                </ul>
3075                            </div>
3076                        </div>
3077                        
3078                    
3079                        
3080                    
3081                        
3082                    
3083                        
3084                    
3085                        
3086                    
3087                </div>
3088
3089                <!-- Second Row - Remaining Navigation Sections + Blog Types 
3089-->
3090                <div class="grid grid-cols-1 gap-28 md:grid-cols-2 lg:grid-cols-3 mb-12 sm:mb-16 lg:mb-20">
3091                    
3092                        
3093                    
3094                        
3095                    
3096                        
3097                    
3098                        
3099                        <div data-column="About us" class="footer-column">
3100                            <div class="text-center lg:text-left">
3101                                <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
3102                                    About us
3103                                </div>
3104                                <ul>
3105                                    
3106                                    
3107                                    <li class="mb-1 sm:mb-0">
3108                                        <a href="/how-we-work" title="How we work" aria-label="How we work" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3109                                            How we work
3110                                        </a>
3111                                    </li>
3112                                    
3113                                    
3114                                    
3115                                    <li class="mb-1 sm:mb-0">
3116                                        <a href="/our-work" title="Our work" aria-label="Our work" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3117                                            Our work
3118                                        </a>
3119                                    </li>
3120                                    
3121                                    
3122                                    
3123                                    <li class="mb-1 sm:mb-0">
3124                                        <a href="/our-mission" title="Our mission" aria-label="Our mission" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3125                                            Our mission
3126                                        </a>
3127                                    </li>
3128                                    
3129                                    
3130                                    
3131                                    <li class="mb-1 sm:mb-0">
3132                                        <a href="/who-we-are" title="Team @ Spartner" aria-label="Team @ Spartner" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3133                                            Team @ Spartner
3134                                        </a>
3135                                    </li>
3136                                    
3137                                    
3138                                    
3139                                    <li class="mb-1 sm:mb-0">
3140                                        <a href="/our-developers-do-not-stagnate" title="Our developers do not stagnate" aria-label="Our developers do not stagnate" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3141                                            Our developers do not stagnate
3142                                        </a>
3143                                    </li>
3144                                    
3145                                    
3146                                    
3147                                    <li class="mb-1 sm:mb-0">
3148                                        <a href="/jobs" title="Jobs @ Spartner" aria-label="Jobs @ Spartner" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3149                                            Jobs @ Spartner
3150                                        </a>
3151                                    </li>
3152                                    
3153                                    
3154                                </ul>
3155                            </div>
3156                        </div>
3157                        
3158                    
3159                        
3160                        <div data-column="Sectors" class="footer-column">
3161                            <div class="text-center lg:text-left">
3162                                <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
3163                                    Sectors
3164                                </div>
3165                                <ul>
3166                                    
3167                                    
3168                                    
3169                                    
3170                                    
3171                                    
3172                                    <li class="mb-1 sm:mb-0">
3173                                        <a href="/sectors/ai-for-real-estate" title="AI for Real Estate" aria-label="AI for Real Estate" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3174                                            AI for Real Estate
3175                                        </a>
3176                                    </li>
3177                                    
3178                                    
3179                                    
3180                                    <li class="mb-1 sm:mb-0">
3181                                        <a href="/sectors/ai-healthcare" title="AI for Healthcare" aria-label="AI for Healthcare" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3182                                            AI for Healthcare
3183                                        </a>
3184                                    </li>
3185                                    
3186                                    
3187                                    
3188                                    <li class="mb-1 sm:mb-0">
3189                                        <a href="/sectors/ai-lawyer-legalbot" title="AI for Legal professionals" aria-label="AI for Legal professionals" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3190                                            AI for Legal professionals
3191                                        </a>
3192                                    </li>
3193                                    
3194                                    
3195                                    
3196                                    <li class="mb-1 sm:mb-0">
3197                                        <a href="/ai-for-education" title="AI for Education" aria-label="AI for Education" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3198                                            AI for Education
3199                                        </a>
3200                                    </li>
3201                                    
3202                                    
3203                                    
3204                                    <li class="mb-1 sm:mb-0">
3205                                        <a href="/sectors/ai-for-production-manufacturing" title="AI for Production & Manufacturing" aria-label="AI for Production & Manufacturing" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3206                                            AI for Production & Manufacturing
3207                                        </a>
3208                                    </li>
3209                                    
3210                                    
3211                                    
3212                                    <li class="mb-1 sm:mb-0">
3213                                        <a href="/sectors/ai-for-financial-services" title="AI for Financial services" aria-label="AI for Financial services" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3214                                            AI for Financial services
3215                                        </a>
3216                                    </li>
3217                                    
3218                                    
3219                                    
3220                                    
3221                                    
3222                                    
3223                                    
3224                                    
3225                                    
3226                                    
3227                                </ul>
3228                            </div>
3229                        </div>
3230                        
3231                    
3232                        
3233                    
3234                        
3235                        <div data-column="Regions" class="footer-column">
3236                            <div class="text-center lg:text-left">
3237                                <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
3238                                    Regions
3239                                </div>
3240                                <ul>
3241                                    
3242                                    
3243                                    <li class="mb-1 sm:mb-0">
3244                                        <a href="/smarter-software-amsterdam" title="Smarter softw
3244are in Amsterdam" aria-label="Smarter software in Amsterdam" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3245                                            Smarter software in Amsterdam
3246                                        </a>
3247                                    </li>
3248                                    
3249                                    
3250                                </ul>
3251                            </div>
3252                        </div>
3253                        
3254                    
3255                    
3256                    <!-- Projects Section -->
3257                    <div data-column="Our work" class="footer-column">
3258                        <div class="text-center lg:text-left">
3259                            <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
3260                                Our work
3261                            </div>
3262                            <ul>
3263                                
3264                                <li class="mb-1 sm:mb-0">
3265                                    <a href="/our-work/clipfinder-ai-chatbot" title="AI chatbot with LLM" aria-label="AI chatbot with LLM" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3266                                        AI chatbot with LLM
3267                                    </a>
3268                                </li>
3269                                
3270                                <li class="mb-1 sm:mb-0">
3271                                    <a href="/our-work/regulynx-regtech-ai-kyc" title="AI RegTech Compliance platform - Regulynx" aria-label="AI RegTech Compliance platform - Regulynx" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3272                                        AI RegTech Compliance platform - Re..
3273                                    </a>
3274                                </li>
3275                                
3276                                <li class="mb-1 sm:mb-0">
3277                                    <a href="/our-work/transfer-pricing-platform-godocly" title="Transfer Pricing SAAS platform" aria-label="Transfer Pricing SAAS platform" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3278                                        Transfer Pricing SAAS platform
3279                                    </a>
3280                                </li>
3281                                
3282                                <li class="mb-1 sm:mb-0">
3283                                    <a href="/our-work/powerful-3d-construction-drawing-software" title="Powerful 3D construction drawing software" aria-label="Powerful 3D construction drawing software" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3284                                        Powerful 3D construction drawing so..
3285                                    </a>
3286                                </li>
3287                                
3288                                <li class="mb-1 sm:mb-0">
3289                                    <a href="/our-work/portfolio-management-service-pms" title="Portfolio Management Service PMS" aria-label="Portfolio Management Service PMS" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3290                                        Portfolio Management Service PMS
3291                                    </a>
3292                                </li>
3293                                
3294                                <li class="mb-1 sm:mb-0">
3295                                    <a href="/our-work/yield-inc-1" title="Subsidy for software development" aria-label="Subsidy for software development" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3296                                        Subsidy for software development
3297                                    </a>
3298                                </li>
3299                                
3300                                <li class="mb-1 sm:mb-0">
3301                                    <a href="/our-work/development-of-eherkenning-connections-and-services" title="Development of eHerkenning connection and services" aria-label="Development of eHerkenning connection and services" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3302                                        Development of eHerkenning connecti..
3303                                    </a>
3304                                </li>
3305                                
3306                                <li class="mb-1 sm:mb-0 mt-2">
3307                                    <a href="/our-work" title="Our work" aria-label="Our work" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 font-semibold">
3308                                        -> Our work
3309                                    </a>
3310                                </li>
3311                            </ul>
3312                        </div>
3313                    </div>
3314                    
3315                    <!-- Blog Section -->
3316                    <div data-column="Read our blog" class="footer-column">
3317                        <div class="text-center lg:text-left">
3318                            <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
3319                                Read our blog
3320                            </div>
3321                            <ul>
3322                                
3323                                <li class="mb-1 sm:mb-0">
3324                                    <a href="/blog/artificial-intelligence-hype-or-business-reality" title="Artificial Intelligence: hype or business reality?" aria-label="Artificial Intelligence: hype or business reality?" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3325                                        Artificial Intelligence: hype or bu..
3326                                    </a>
3327                                </li>
3328                                
3329                                <li class="mb-1 sm:mb-0">
3330                                    <a href="/blog/google-gemini-3-expectations-smes" title="What can we realistically expect from Google Gemini 3 for SMEs?" aria-label="What can we realistically expect from Google Gemini 3 for SMEs?" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3331                                        What can we realistically expect fr..
3332                                    </a>
3333                                </li>
3334                                
3335                                <li class="mb-1 sm:mb-0">
3336                                    <a href="/blog/gpt-5-1-for-smes-with-spartner-mind" title="GPT 5.
33361: what's really different and what does it mean for SMEs?" aria-label="GPT 5.1: what's really different and what does it mean for SMEs?" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3337                                        GPT 5.1: what's really different an..
3338                                    </a>
3339                                </li>
3340                                
3341                                <li class="mb-1 sm:mb-0">
3342                                    <a href="/blog/what-is-machine-learning-and-how-does-it-work" title="What is machine learning and how does it actually work?" aria-label="What is machine learning and how does it actually work?" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3343                                        What is machine learning and how do..
3344                                    </a>
3345                                </li>
3346                                
3347                                <li class="mb-1 sm:mb-0">
3348                                    <a href="/blog/why-we-keep-choosing-laravel" title="Why do we, as an experienced development team, keep choosing Laravel time after time?" aria-label="Why do we, as an experienced development team, keep choosing Laravel time after time?" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3349                                        Why do we, as an experienced develo..
3350                                    </a>
3351                                </li>
3352                                
3353                                <li class="mb-1 sm:mb-0">
3354                                    <a href="/blog/will-claude-4-5-surprise-us" title="Will Claude 4.5 Surprise Us?" aria-label="Will Claude 4.5 Surprise Us?" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 truncate">
3355                                        Will Claude 4.5 Surprise Us?
3356                                    </a>
3357                                </li>
3358                                
3359                                <li class="mb-1 sm:mb-0 mt-2">
3360                                    
3361                                        <a href="/blog" title="All 25 AI blogs" aria-label="All 25 AI blogs" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 font-semibold">
3362                                            -> 25 AI blogs
3363                                        </a>
3364                                    
3365                                </li>
3366                            </ul>
3367                        </div>
3368                    </div>
3369                    
3370                    
3371                    
3372                    <!-- Kennisbank Section -->
3373                    <div data-column="Read our knowledge base" class="footer-column">
3374                        <div class="text-center lg:text-left">
3375                            <div class="font-bold text-lg mb-4 lg:text-xl lg:mb-7.5">
3376                                Read our knowledge base
3377                            </div>
3378                            <ul>
3379                                
3380                                <li class="mb-1 sm:mb-0">
3381                                    <a href="/kennisbank/agile-vs-waterfall-explained" title="Agile vs waterfall in software development explained" aria-label="Agile vs waterfall in software development explained" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3382                                        Agile vs waterfall explained
3383                                    </a>
3384                                </li>
3385                                
3386                                <li class="mb-1 sm:mb-0">
3387                                    <a href="/kennisbank/ai-agents-and-tool-calling-technical-guide" title="AI agents and tool calling: a complete technical guide" aria-label="AI agents and tool calling: a complete technical guide" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3388                                        Ai agents and tool calling technical guide
3389                                    </a>
3390                                </li>
3391                                
3392                                <li class="mb-1 sm:mb-0">
3393                                    <a href="/kennisbank/api-first-software-development" title="API-first software development" aria-label="API-first software development" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3394                                        Api first software development
3395                                    </a>
3396                                </li>
3397                                
3398                                <li class="mb-1 sm:mb-0">
3399                                    <a href="/kennisbank/chatbots-virtual-assistants" title="Chatbots and Virtual Assistants: definitions, operation and use cases" aria-label="Chatbots and Virtual Assistants: definitions, operation and use cases" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3400                                        Chatbots virtual assistants
3401                                    </a>
3402                                </li>
3403                                
3404                                <li class="mb-1 sm:mb-0">
3405                                    <a href="/kennisbank/deep-learning-explained-essentials" title="Deep learning: what it is and how it works" aria-label="Deep learning: what it is and how it works" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3406                                        Deep learning explained essentials
3407                                    </a>
3408                                </li>
3409                                
3410                                <li class="mb-1 sm:mb-0">
3411                                    <a href="/kennisbank/devops-and-ci-cd" title="DevOps and CI/CD" aria-label="DevOps and CI/CD" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8">
3412                                        Devops and ci cd
3413                                    </a>
3414                                </li>
3415                                
3416                                <li class="mb-1 sm:mb-0 mt-2">
3417                                    
3418                                        <a href="/knowledge-base" title="All 27 concepts explained" aria-label="All 27 concepts explained" class="text-sm hover:text-primary-default transition-colors sm:text-base xl:text-base xl:leading-8 font-semibold">
3419                                            -> 27 concepts explained
3420                                        </a>
3421                                    
3422                                </li>
3423                            </ul>
3424                        </div>
3425                    </div>
3426
3427                    <div class="w-full px-6 mb-17 ">
3428                        <p class="text-sm text-center sm:text-left sm:text-base lg:mb-2">
3429                            © 2026 Spartner
3430                        </p>
3431                    </div>
3432                    <div class="w-full px-6 mb-17 lg:mb-9.5 flex-grow">
3433                        <img src="/assets/logo-laravel-certified.webp" loading="lazy" alt="Spartner developers are Laravel Certified" title="Spartner developers are Laravel Certified" width="118" class="mx-auto h-19 md:mx-0">
3434                    </div>
3435                    <div class="w-full px-6 mb-9">
3436                        <p class="text-sm text-center sm:text-left sm:text-base">
3437                            
3438                                
3439                            
3440                                
3441                                <a class="btn btn-outline-white" href="https://spartner.nl/ai-platform/product-ai-lead-checker" title="Bekijk pagina in Nederlands">
3442                                    <svg viewBox="0 0 100 100" class="fill-current mr-4 w-6 h-5 sm:mr-6 xl:w-8 xl:h-6 xl:mr-8"><g><g><path d="M83.42,53.956c0.077,0.594,0.127,1.187,0.127,1.802c0,7.042-9.218,11.118-13.667,11.118H27.5v-11.25L5,72.501l22.5,16.875    v-11.25h43.692C84.024,78.126,95,65.854,95,52.935c0-2.615-0.439-4.433-1.308-6.919L83.42,53.956z M16.583,46.043    c-0.08-0.591-0.129-1.187-0.129-1.799c0-7.042,9.218-11.121,13.667-11.121H72.5v11.25L95,27.499L72.5,
344210.624v11.25H28.805    C15.976,21.874,5,34.148,5,47.068c0,2.609,0.439,4.427,1.305,6.911L16.583,46.043z"/></g></g></svg>
3443                                    Nederlands
3444                                </a>
3445                                
3446                            
3447                        </p>
3448                    </div>
3449                </div>
3450            </div>
3451        </div>
3452    </div>
3453    <div class="overflow-hidden bg-white text-center sm:text-left sm:bg-transparent">
3454        <div class="px-5 sm:px-12 lg:px-16">
3455            <div class="max-w-screen-xl mx-auto">
3456                <div class="bg-white text-black relative md:max-w-2xl">
3457                    <div class="bg-white absolute top-0 w-screen h-full right-0"></div>
3458                    <div class="relative">
3459                        <button @click="$dispatch('scroll-to-top')"
3460                           class="inline-flex items-center relative text-xs uppercase text-current font-light tracking-wide py-5.5 hover:text-primary-default transition-colors group sm:text-sm sm:pt-10 sm:pb-6 xl:text-base xl:pt-16 xl:pb-10 nuxt-link-exact-active nuxt-link-active">
3461                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 320"
3462                                 class="fill-gray-300 w-4 h-4 mr-4 transform rotate-90 group-hover:fill-black transition-colors sm:w-5 sm:h-5 sm:mr-6 xl:w-6 xl:h-6 xl:mr-8">
3463                                <path
3464                                    d="M368,144H48.81L171,27.59A16,16,0,0,0,149,4.41L9.38,137.37a32,32,0,0,0,.28,45.53L149,315.59A16,16,0,0,0,171,292.42L48.3,176H368a16,16,0,0,0,0-32Z"></path>
3465                            </svg>
3466                            Back to top
3467                        </button></div>
3468                </div>
3469            </div>
3470        </div>
3471    </div>
3472</footer>
3473
3474
3475    </div>
3476</div>
3477
3478<div x-data="{ success: false, show: false }"
3479     x-cloak
3480     x-show="show"
3481     id="alert"
3482     class="relative z-100"
3483     :class="{ 'bg-green-500': success, 'bg-red-500': !success }"
3484     x-init="
3485                show = false;
3486                success = false;
3487                window.addEventListener('contactSubmitted', (event, data) => {
3488                    show = true;
3489                    success = event.detail.success;
3490                    timeout = setTimeout(() => { show = false }, 5000);
3491                });
3492            "
3493   >
3494    <div class="max-w-screen-xl mx-auto py-3 px-3 sm:px-6 lg:px-8">
3495        <div class="pr-16 sm:text-center sm:px-16">
3496            <p class="font-medium text-white">
3497                <span x-show="success">We have received your message. We will contact you shortly.</span>
3498                <span x-show="!success">Something went wrong sending your message. Please check all the fields.</span>
3499            </p>
3500        </div>
3501        <div class="absolute inset-y-0 right-0 pt-1 pr-1 flex items-start sm:pt-1 sm:pr-2 sm:items-start">
3502            <button x-on:click="show = false"
3503                    type="button"
3504                    class="flex p-2 rounded-md focus:outline-none focus:ring-2 focus:ring-white"
3505                    :class="{ 'hover:bg-green-500': success, 'hover:bg-red-500': !success } "
3506            >
3507                <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
3508                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
3509                </svg>
3510            </button>
3511        </div>
3512    </div>
3513</div>
3514
3515
3516<div class="fixed z-30 inset-0 lg:hidden" x-cloak x-show="navOpen">
3517    <div>
3518    <div class="fixed inset-0 overflow-hidden">
3519        <div class="absolute inset-0 bg-violet-900 opacity-57 -z-10"></div>
3520
3521        <div class="absolute inset-0 overflow-hidden">
3522            <div class="fixed inset-0" x-on:click="navOpen = false"></div>
3523
3524            <div class="fixed inset-y-0 right-0 flex max-w-full">
3525                <div class="w-screen">
3526                    <div class="transition-display ease-in-out bg-white text-gray-900 flex h-full flex-col overflow-hidden px-5 sm:px-8 py-6 sm:pt-8 md:pt-p68" x-data="{ stack: ['root'], current(){ return this.stack[this.stack.length-1] }, open(id){ this.stack.push(id) }, back(){ if(this.stack.length>1) this.stack.pop() } }">
3527                        <div class="flex items-center justify-between">
3528                            <a href="/" class="block" aria-label="Spartner">
3529                                <svg viewBox="0 0 838 931" class="w-8 h-8">
3530    <g id="LogoLetter" transform="matrix(0.980783,0,0,0.970506,-12.7532,-120.907)">
3531        <rect x="13.003" y="124.582" width="853.739" height="959.159" style="fill:none;"/>
3532        <g transform="matrix(1.01959,0,0,1.03039,-16.5225,-18.498)">
3533            <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
3534                <path d="M19.378,1062.51L238.32,1004.46L515.238,140.859L313.985,140.859L19.378,1062.51Z" style="fill:rgb(245,154,2);"/>
3535            </g>
3536            <g transform="matrix(1,0,0.647525,1,-27.0334,0)">
3537                <path d="M19.378,1062.51L238.32,1004.46L351.451,651.647L172.804,582.528L19.378,1062.51Z" style="fill:url(#_Linear1);"/>
3538            </g>
3539            <path d="M36.664,1008.43L218.364,1066.7L515.238,140.859L313.985,140.859L36.664,1008.43Z" style="fill:rgb(245,154,2);"/>
3540            <path d="M114.826,1033.49L218.364,1066.7L515.238,140.859L397.57,140.859L114.826,1033.49Z" style="fill:rgb(246,158,11);"/>
3541            <path d="M36.664,1008.43L218.364,1066.7L80.409,871.575L36.664,1008.43Z" style="fill:rgb(244,165,54);"/>
3542            <path d="M255.769,322.982L405.737,477.066L515.238,140.859L313.985,140.859L255.769,322.982Z" style="fill:url(#_Linear2);"/>
3543        </g>
3544    </g>
3545    <defs>
3546        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-74.2217,105.931,-102.286,-5.62869,266.24,657.341)"><stop offset="0" style="stop-color:rgb(242,196,140);stop-opacity:0.24"/><stop offset="1" style="stop-color:rgb(247,168,30);stop-opacity:0.24"/></linearGradient>
3547        <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(63.3995,-180.197,180.197,63.3995,338.314,388.841)"><stop offset="0" style="stop-color:rgb(247,168,30);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(244,165,54);stop-opacity:1"/></linearGradient>
3548    </defs>
3549</svg>
3550
3551                            </a>
3552                            <button aria-label="Close Menu" x-on:click="navOpen = false" type="button" class="transparent w-8 h-8 p-1 text-gray-900">
3553                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.00002 512.00002" class="fill-current d-block w-full h-full">
3554                                    <path d="M512,30.16646,481.83355,0,256,225.83354,30.16647,0,0,30.16646,225.83354,256,0,481.83355,30.16646,512,256,286.16648,481.83355,512,512,481.83355,286.16648,256Z"></path>
3555                                </svg>
3556                            </button>
3557                        </div>
3558
3559                        <div class="flex-auto relative">
3560                            <!-- Panels wrapper -->
3561                            <div class="h-full">
3562                                <!-- ROOT PANEL -->
3563                                <section x-show="current()==='root'" x-transition:enter="transition transform ease-
3563out duration-300" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100" x-transition:leave="transition transform ease-in duration-200" x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="-translate-x-1/4 opacity-0" class="absolute inset-0 overflow-y-auto focus:outline-none">
3564                                    <nav class="pt-2 pb-10">
3565                                        <ul class="text-left">
3566                                            <li>
3567                                                <div class="py-4">
3568                                                    <a href="/" aria-current="page" class="block text-xl font-bold hover:text-orange-500 transition-colors">Home</a>
3569                                                    <div class="w-6 h-0.5 bg-[#F5A823] mt-1"></div>
3570                                                </div>
3571                                            </li>
3572                                            
3573                                            <li>
3574                                                
3575                                                    <div class="py-4">
3576                                                        <button type="button" class="group w-full flex items-center justify-between text-xl font-bold hover:text-orange-500 transition-colors" x-on:click="open('menu-start-with-ai')">
3577                                                            <span>Start with AI</span>
3578                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 group-hover:text-orange-500" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
3579                                                        </button>
3580                                                        <div class="w-6 h-0.5 bg-[#F5A823] mt-1"></div>
3581                                                    </div>
3582                                                
3583                                            </li>
3584                                            
3585                                            <li>
3586                                                
3587                                                    <div class="py-4">
3588                                                        <button type="button" class="group w-full flex items-center justify-between text-xl font-bold hover:text-orange-500 transition-colors" x-on:click="open('menu-services')">
3589                                                            <span>Services</span>
3590                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 group-hover:text-orange-500" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
3591                                                        </button>
3592                                                        <div class="w-6 h-0.5 bg-[#F5A823] mt-1"></div>
3593                                                    </div>
3594                                                
3595                                            </li>
3596                                            
3597                                            <li>
3598                                                
3599                                                    <div class="py-4">
3600                                                        
3601                                                            <a href="/our-work" class="block text-xl font-bold hover:text-orange-500 transition-colors ">Cases</a>
3602                                                        
3603                                                        <div class="w-6 h-0.5 bg-[#F5A823] mt-1"></div>
3604                                                    </div>
3605                                                
3606                                            </li>
3607                                            
3608                                            <li>
3609                                                
3610                                                    <div class="py-4">
3611                                                        <button type="button" class="group w-full flex items-center justify-between text-xl font-bold hover:text-orange-500 transition-colors" x-on:click="open('menu-about-us')">
3612                                                            <span>About us</span>
3613                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 group-hover:text-orange-500" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/></svg>
3614                                                        </button>
3615                                                        <div class="w-6 h-0.5 bg-[#F5A823] mt-1"></div>
3616                                                    </div>
3617                                                
3618                                            </li>
3619                                            
3620                                            <li>
3621                                                
3622                                                    <div class="py-4">
3623                                                        
3624                                                            <a href="/contact" class="block text-xl font-bold hover:text-orange-500 transition-colors ">Contact</a>
3625                                                        
3626                                                        <div class="w-6 h-0.5 bg-[#F5A823] mt-1"></div>
3627                                                    </div>
3628                                                
3629                                            </li>
3630                                            
3631                                        </ul>
3632                                    </nav>
3633                                </section>
3634
3635                                <!-- SECOND/THIRD LEVEL PANELS GENERATED -->
3636                                
3637                                
3638                                <section x-show="current()==='menu-start-with-ai'" x-transition:enter="transition transform ease-out duration-300" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100" x-transition:leave="transition transform ease-in duration-200" x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="-translate-x-1/4 opacity-0" class="absolute inset-0 overflow-y-auto">
3639                                    <header class="sticky top-0 bg-white border-b border-gray-200 px-1 -mx-1">
3640                                        <button type="button" class="flex items-center gap-2 py-4 text-sm text-gray-600 hover:text-gray-900" x-on:click="back()">
3641                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M12.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L8.414 10l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/></svg>
3642                                            <span>Back</span>
3643                                        </button>
3644                                    </header>
3645                                    <nav>
3646                                        <ul class="text-left space-y-8 px-1 py-4">
3647                                            
3648                                            <li class="py-1">
3649                                                
3650                                                    <div class="mb-3">
3651                                                        <div class="text-lg font-bold text-gray-900 mb-2 leading-tight tracking-normal">AI Platform</div>
3652                                                        <div class="w-8 h-0.5 bg-[#F5A823]"></div>
3653                                                    </div>
3654                                                    <nav class="space-y-3">
3655                                                        
3656                                                        <div>
3657                                                            <a href="/ai-platform/custom-ai-chatbot" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI chatbot</a>
3658                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3659                                                        </div>
3660                                                        
3661                                                        <div>
3662                                                            <a href="/ai-platform/ai-website-content-automation" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI website automation</a>
3663                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3664                                                        </div>
3665                                                        
3666                                                        <div>
3667                                                            <a href="/ai-platform/ai-service-desk-automation" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI service desk automation</a>
3668                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3669                                                        </div>
3670                                                        
3671                                                        <div>
3672                                                            <a href="/ai-platform/ai-social-media-automation" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI social media automation</a>
3673                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3674                                                        </div>
3675                                                        
3676                                                        <div>
3677                                                            <a href="/ai-platform" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">All (10) automations</a>
3678                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3679                                                        </div>
3680                                                        
3681                                                        <div>
3682                                                            <a href="/ai-platform-pricing" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Platform pricing</a>
3683                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3684                                                        </div>
3685                                                        
3686                                                    </nav>
3687                                                
3688                                            </li>
3689                                            
3690                                            <li class="py-1">
3691                                                
3692                                                    <div class="mb-3">
3693                                                        <div class="text-lg font-bold text-gray-900 mb-2 leading-tight tracking-normal">Strategy</div>
3694                                                        <div class="w-8 h-0.5 bg-[#F5A823]"></div>
3695                                                    </div>
3696                                                    <nav class="space-y-3">
3697                                                        
3698                                                        <div>
3699                                                            <a href="/start-with-ai" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">How to start with AI?</a>
3700                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3701                                                        </div>
3702                                                        
3703                                                        <div>
3704                                                            <a href="/services/ai-workshop" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI workshop</a>
3705                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3706                                                        </div>
3707                                                        
3708                                                        <div>
3709                                                            <a href="/ai-seo-and-geo" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI SEO/GEO</a>
3710                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3711                                                        </div>
3712                                                        
3713                                                    </nav>
3714                                                
3715                                            </li>
3716                                            
3717                                            <li class="py-1">
3718                                                
3719                                                    <div class="mb-3">
3720                                                        <div class="text-lg font-bold text-gray-900 mb-2 leading-tight tracking-normal">Sectors</div>
3721                                                        <div class="w-8 h-0.5 bg-[#F5A823]"></div>
3722                                                    </div>
3723                                                    <nav class="space-y-3">
3724                                                        
3725                                                        <div>
3726                                                            <a href="/sectors/ai-healthcare" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI for Healthcare</a>
3727                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3728                                                        </div>
3729                                                        
3730                                                        <div>
3731                                                            <a href="/sectors/ai-lawyer-legalbot" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI for Legal Professionals</a>
3732                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3733                                                        </div>
3734                                                        
3735                                                        <div>
3736                                                            <a href="/ai-for-education" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI for Education</a>
3737                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3738                                                        </div>
3739                                                        
3740                                                        <div>
3741                                                            <a href="/sectors/ai-for-financial-services" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI for Financial Services</a>
3742                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3743                                                        </div>
3744                                                        
3745                                                        <div>
3746                                                            <a href="/sectors/ai-for-production-manufacturing" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI for Production & Manufacturing</a>
3747                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3748                                                        </div>
3749                                                        
3750                                                        <div>
3751                                                            <a href="/sectors/ai-for-real-estate" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI for Real Estate</a>
3752                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3753                                                        </div>
3754                                                        
3755                                                    </nav>
3756                                                
3757                                            </li>
3758                                            
3759                                        </ul>
3760                                    </nav>
3761                                </section>
3762                                
3763                                
3764                                
3765                                <section x-show="current()==='menu-services'" x-transition:enter="transition transform ease-
3765out duration-300" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100" x-transition:leave="transition transform ease-in duration-200" x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="-translate-x-1/4 opacity-0" class="absolute inset-0 overflow-y-auto">
3766                                    <header class="sticky top-0 bg-white border-b border-gray-200 px-1 -mx-1">
3767                                        <button type="button" class="flex items-center gap-2 py-4 text-sm text-gray-600 hover:text-gray-900" x-on:click="back()">
3768                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M12.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L8.414 10l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/></svg>
3769                                            <span>Back</span>
3770                                        </button>
3771                                    </header>
3772                                    <nav>
3773                                        <ul class="text-left space-y-8 px-1 py-4">
3774                                            
3775                                            <li class="py-1">
3776                                                
3777                                                    <div class="mb-3">
3778                                                        <div class="text-lg font-bold text-gray-900 mb-2 leading-tight tracking-normal">Services</div>
3779                                                        <div class="w-8 h-0.5 bg-[#F5A823]"></div>
3780                                                    </div>
3781                                                    <nav class="space-y-3">
3782                                                        
3783                                                        <div>
3784                                                            <a href="/services/software-development" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Software development</a>
3785                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3786                                                        </div>
3787                                                        
3788                                                        <div>
3789                                                            <a href="/services/prototype-development" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Prototype development</a>
3790                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3791                                                        </div>
3792                                                        
3793                                                        <div>
3794                                                            <a href="/services/make-your-idea-mobile" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Custom mobile apps</a>
3795                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3796                                                        </div>
3797                                                        
3798                                                        <div>
3799                                                            <a href="/software-that-keeps-performing" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Existing code takeover</a>
3800                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3801                                                        </div>
3802                                                        
3803                                                        <div>
3804                                                            <a href="/code-audit" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Code audits</a>
3805                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3806                                                        </div>
3807                                                        
3808                                                    </nav>
3809                                                
3810                                            </li>
3811                                            
3812                                            <li class="py-1">
3813                                                
3814                                                    <div class="mb-3">
3815                                                        <div class="text-lg font-bold text-gray-900 mb-2 leading-tight tracking-normal">Support</div>
3816                                                        <div class="w-8 h-0.5 bg-[#F5A823]"></div>
3817                                                    </div>
3818                                                    <nav class="space-y-3">
3819                                                        
3820                                                        <div>
3821                                                            <a href="/services/hassle-free-service-support" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Service & support</a>
3822                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3823                                                        </div>
3824                                                        
3825                                                        <div>
3826                                                            <a href="/support/cloud-hosting-op-maat" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Cloud hosting</a>
3827                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3828                                                        </div>
3829                                                        
3830                                                        <div>
3831                                                            <a href="/ai-governance-control" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">AI governance</a>
3832                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3833                                                        </div>
3834                                                        
3835                                                    </nav>
3836                                                
3837                                            </li>
3838                                            
3839                                        </ul>
3840                                    </nav>
3841                                </section>
3842                                
3843                                
3844                                
3845                                
3846                                
3847                                <section x-show="current()==='menu-about-us'" x-transition:enter="transition transform ease-
3847out duration-300" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100" x-transition:leave="transition transform ease-in duration-200" x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="-translate-x-1/4 opacity-0" class="absolute inset-0 overflow-y-auto">
3848                                    <header class="sticky top-0 bg-white border-b border-gray-200 px-1 -mx-1">
3849                                        <button type="button" class="flex items-center gap-2 py-4 text-sm text-gray-600 hover:text-gray-900" x-on:click="back()">
3850                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M12.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L8.414 10l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/></svg>
3851                                            <span>Back</span>
3852                                        </button>
3853                                    </header>
3854                                    <nav>
3855                                        <ul class="text-left space-y-8 px-1 py-4">
3856                                            
3857                                            <li class="py-1">
3858                                                
3859                                                    <div class="mb-3">
3860                                                        <div class="text-lg font-bold text-gray-900 mb-2 leading-tight tracking-normal">Spartner B.V.</div>
3861                                                        <div class="w-8 h-0.5 bg-[#F5A823]"></div>
3862                                                    </div>
3863                                                    <nav class="space-y-3">
3864                                                        
3865                                                        <div>
3866                                                            <a href="/blog" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Blog</a>
3867                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3868                                                        </div>
3869                                                        
3870                                                        <div>
3871                                                            <a href="/how-we-work" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">How we work</a>
3872                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3873                                                        </div>
3874                                                        
3875                                                        <div>
3876                                                            <a href="/our-mission" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Our mission</a>
3877                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3878                                                        </div>
3879                                                        
3880                                                        <div>
3881                                                            <a href="/who-we-are" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Team @ Spartner</a>
3882                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3883                                                        </div>
3884                                                        
3885                                                        <div>
3886                                                            <a href="/jobs" class="block text-gray-700 hover:text-orange-500 text-sm font-medium leading-relaxed transition-colors py-2 tracking-normal">Jobs @ Spartner</a>
3887                                                            <div class="w-6 h-0.5 bg-[#F5A823]"></div>
3888                                                        </div>
3889                                                        
3890                                                    </nav>
3891                                                
3892                                            </li>
3893                                            
3894                                        </ul>
3895                                    </nav>
3896                                </section>
3897                                
3898                                
3899                                
3900                                
3901                            </div>
3902                        </div>
3903                
3904                        <div>
3905                            <p class="text-mobile-friendly sm:text-left sm:text-base">© 2026 Spartner</p>
3906                        </div>
3907                    </div>
3908                </div>
3909            </div>
3910        </div>
3911    </div>
3912</div>
3913
3914
3915</div>
3916<!--<div class="fixed z-20">-->
3917<!--    <a href="https://wa.me/+31654671577" target="_blank" title="Whatsapp" class="inline-flex items-center text-white justify-center w-20 h-20 bg-primary-default hover:bg-primary-dark shadow-xl rounded-full mr-4 md:mr-8 mb-4 fixed bottom-0 right-0" rel="noopener" rel="noreferrer">-->
3918<!--        <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
3918<path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" class=""></path></svg>-->
3919<!--    </a>-->
3920<!--</div>-->
3921
3922
3923
3924<!-- Spartner Mind Chat Widget - loads after 15 seconds -->
3925<script>
3926    (function() {
3927        var CHATBOT_DELAY_MS = 15000; // 15 seconds
3928        var CHATBOT_SCRIPT_URL = 'https://mind.spartner.nl/chatbot/embed-httpstream.js?api_key=44|TElxLlJh0MLV6rL9qIXqoCEUkUs2u1n83ZOnE4Qh96ab18db';
3929        
3930        function loadChatWidget() {
3931            if (window.__chatWidgetLoaded) return;
3932            window.__chatWidgetLoaded = true;
3933            
3934            var script = document.createElement('script');
3935            script.src = CHATBOT_SCRIPT_URL;
3936            script.async = true;
3937            document.body.appendChild(script);
3938        }
3939        
3940        // Load after 15 seconds on the page
3941        setTimeout(loadChatWidget, CHATBOT_DELAY_MS);
3942    })();
3943</script>
3943
3944</body>
3945</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.