{"id":1141,"date":"2026-01-28T09:48:00","date_gmt":"2026-01-28T08:48:00","guid":{"rendered":"https:\/\/developing.nl\/?page_id=1141"},"modified":"2026-03-19T10:47:32","modified_gmt":"2026-03-19T09:47:32","slug":"expertise","status":"publish","type":"page","link":"https:\/\/developing.nl\/expertise\/","title":{"rendered":"Expertise"},"content":{"rendered":"\n<section id=\"hero-expertise-69f73715ecae9\" class=\"relative w-full min-h-[500px] md:min-h-[600px] lg:min-h-[800px] overflow-hidden bg-dark\" style=\"margin-bottom: 150px;\" data-aos=\"fade-up\">\n        \n    <style>\n    #gradient-canvas-69f73715f0c32 {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n        pointer-events: none;\n    }\n    <\/style>\n    \n    <canvas id=\"gradient-canvas-69f73715f0c32\"><\/canvas>\n    \n    <script>\n    (function() {\n        const config = {\n            canvasId: 'gradient-canvas-69f73715f0c32',\n            fadeTop: false,\n            fadeBottom: true,\n            fadeTopIntensity: 0.3,\n            fadeBottomIntensity: 0.25,\n            startFromTop: 0,\n            uvScaleY: 1,\n            scrollEffect: true        };\n        \n        function initGradient() {\n            const canvas = document.getElementById(config.canvasId);\n            if (!canvas) return;\n\n            canvas.width = canvas.offsetWidth || window.innerWidth;\n            canvas.height = canvas.offsetHeight || window.innerHeight;\n            \n            const gl = canvas.getContext('webgl', { antialias: false, alpha: false }) || \n                       canvas.getContext('experimental-webgl', { antialias: false, alpha: false });\n            \n            if (!gl) {\n                canvas.style.background = 'linear-gradient(135deg, #090C14, #3E72FF, #FF5100)';\n                return;\n            }\n\n            const vsSource = `\n                attribute vec2 aPosition;\n                varying vec2 vUv;\n                \n                void main() {\n                    vUv = aPosition * 0.5 + 0.5;\n                    gl_Position = vec4(aPosition, 0.0, 1.0);\n                }\n            `;\n\n            const fsSource = `\n                precision highp float;\n                \n                uniform float uTime;\n                uniform float uScrollProgress;\n                uniform float uUvScale;\n                uniform float uUvDistortionIterations;\n                uniform float uUvDistortionIntensity;\n                uniform vec2 uUvOffset;\n                uniform bool uFadeTop;\n                uniform bool uFadeBottom;\n                uniform float uFadeTopIntensity;\n                uniform float uFadeBottomIntensity;\n                uniform float uStartFromTop;\n                uniform float uUvScaleY;\n                \n                varying vec2 vUv;\n                \n                vec4 permute(vec4 x) { return mod(((x*34.0)+1.0)*x, 289.0); }\n                vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }\n                \n                float snoise(vec3 v) {\n                    const vec2 C = vec2(1.0\/6.0, 1.0\/3.0);\n                    const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\n                    \n                    vec3 i = floor(v + dot(v, C.yyy));\n                    vec3 x0 = v - i + dot(i, C.xxx);\n                    \n                    vec3 g = step(x0.yzx, x0.xyz);\n                    vec3 l = 1.0 - g;\n                    vec3 i1 = min(g.xyz, l.zxy);\n                    vec3 i2 = max(g.xyz, l.zxy);\n                    \n                    vec3 x1 = x0 - i1 + C.xxx;\n                    vec3 x2 = x0 - i2 + C.yyy;\n                    vec3 x3 = x0 - D.yyy;\n                    \n                    i = mod(i, 289.0);\n                    vec4 p = permute(permute(permute(\n                        i.z + vec4(0.0, i1.z, i2.z, 1.0))\n                        + i.y + vec4(0.0, i1.y, i2.y, 1.0))\n                        + i.x + vec4(0.0, i1.x, i2.x, 1.0));\n                        \n                    float n_ = 1.0\/7.0;\n                    vec3 ns = n_ * D.wyz - D.xzx;\n                    \n                    vec4 j = p - 49.0 * floor(p * ns.z * ns.z);\n                    \n                    vec4 x_ = floor(j * ns.z);\n                    vec4 y_ = floor(j - 7.0 * x_);\n                    \n                    vec4 x = x_ *ns.x + ns.yyyy;\n                    vec4 y = y_ *ns.x + ns.yyyy;\n                    vec4 h = 1.0 - abs(x) - abs(y);\n                    \n                    vec4 b0 = vec4(x.xy, y.xy);\n                    vec4 b1 = vec4(x.zw, y.zw);\n                    \n                    vec4 s0 = floor(b0)*2.0 + 1.0;\n                    vec4 s1 = floor(b1)*2.0 + 1.0;\n                    vec4 sh = -step(h, vec4(0.0));\n                    \n                    vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy;\n                    vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww;\n                    \n                    vec3 p0 = vec3(a0.xy, h.x);\n                    vec3 p1 = vec3(a0.zw, h.y);\n                    vec3 p2 = vec3(a1.xy, h.z);\n                    vec3 p3 = vec3(a1.zw, h.w);\n                    \n                    vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2,p2), dot(p3,p3)));\n                    p0 *= norm.x;\n                    p1 *= norm.y;\n                    p2 *= norm.z;\n                    p3 *= norm.w;\n                    \n                    vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n                    m = m * m;\n                    return 42.0 * dot(m*m, vec4(dot(p0,x0), dot(p1,x1), dot(p2,x2), dot(p3,x3)));\n                }\n                \n                void main() {\n                    vec2 uv = vUv;\n                    \n                    \/\/ Verticale schaal toepassen op gradient content (niet op fades)\n                    uv.y = uv.y * uUvScaleY - (uUvScaleY - 1.0) * 0.5;\n                    \n                    uv.y -= uScrollProgress;\n                    uv *= uUvScale;\n                    uv += uUvOffset;\n                    \n                    for (float i = 0.0; i < 8.0; i++) {\n                        if (i >= uUvDistortionIterations) break;\n                        uv += snoise(vec3(uv - i * 0.25, uTime * 1.3 + i * 32.0)) * uUvDistortionIntensity;\n                    }\n                    \n                    float noiseBlue = snoise(vec3(uv * 1.5, uTime * 1.4)) * 0.5 + 0.5;\n                    float noiseOrange = snoise(vec3(uv * 1.5 + 50.0, uTime * 1.4 + 25.0)) * 0.5 + 0.5;\n                    \n                    vec3 dark = vec3(0.035, 0.047, 0.078);\n                    vec3 blue = vec3(0.243, 0.447, 1.0);\n                    vec3 orange = vec3(1.0, 0.318, 0.0);\n                    vec3 purple = vec3(0.35, 0.1, 0.45);\n                    \n                    float blueAmount = smoothstep(0.15, 0.85, noiseBlue) * 0.72;\n                    float orangeAmount = smoothstep(0.15, 0.85, noiseOrange) * 0.72;\n                    \n                    float bluePos = smoothstep(1.2, 0.0, length(uv - vec2(0.0, 1.0)));\n                    float orangePos = smoothstep(1.2, 0.0, length(uv - vec2(1.0, 0.0)));\n                    \n                    blueAmount = blueAmount * bluePos + bluePos * 0.08;\n                    orangeAmount = orangeAmount * orangePos + orangePos * 0.08;\n                    \n                    vec3 colour = dark;\n                    colour = mix(colour, blue, blueAmount);\n                    colour = mix(colour, orange, orangeAmount);\n                    \n                    float overlap = min(blueAmount, orangeAmount);\n                    colour = mix(colour, purple, overlap * 0.75);\n                    \n                    float glowBlue = smoothstep(1.6, 0.3, length(uv - vec2(0.0, 1.0))) * 0.08;\n                    float glowOrange = smoothstep(1.6, 0.3, length(uv - vec2(1.0, 0.0))) * 0.08;\n                    colour += blue * glowBlue + orange * glowOrange;\n                    \n                    float vignette = 1.0 - length(vUv - 0.5) * 0.4;\n                    colour *= vignette;\n                    \n                    float luminance = dot(colour, vec3(0.299, 0.587, 0.114));\n                    colour = mix(vec3(luminance), colour, 1.3);\n                    colour = pow(colour, vec3(0.95));\n                    \n                    \/\/ Start from top: maak alles boven uStartFromTop donker\n                    \/\/ vUv.y = 0.0 is onderkant, vUv.y = 1.0 is bovenkant\n                    \/\/ uStartFromTop = 0.25 betekent: gradient begint pas vanaf 75% van boven (25% vanaf onder)\n                    float startThreshold = 1.0 - uStartFromTop;\n                    if (vUv.y > startThreshold && uStartFromTop > 0.0) {\n                        \/\/ Fade van gradient naar donker boven de threshold\n                        float startFade = smoothstep(startThreshold, startThreshold + 0.1, vUv.y);\n                        colour = mix(colour, dark, startFade);\n                    }\n                    \n                    \/\/ Configureerbare fades\n                    if (uFadeTop) {\n                        \/\/ Fade aan bovenkant: van gradient naar donker naarmate y naar 1.0 gaat\n                        float topFade = smoothstep(1.0 - uFadeTopIntensity, 1.0, vUv.y);\n                        colour = mix(colour, dark, topFade);\n                    }\n                    \n                    if (uFadeBottom) {\n                        \/\/ Fade aan onderkant: van donker naar gradient naarmate y van 0.0 stijgt\n                        float bottomFade = smoothstep(0.0, uFadeBottomIntensity, vUv.y);\n                        colour = mix(dark, colour, bottomFade);\n                    }\n                    \n                    gl_FragColor = vec4(colour, 1.0);\n                }\n            `;\n\n            function createShader(gl, type, source) {\n                const shader = gl.createShader(type);\n                gl.shaderSource(shader, source);\n                gl.compileShader(shader);\n                if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n                    console.error('Shader compile error:', gl.getShaderInfoLog(shader));\n                    gl.deleteShader(shader);\n                    return null;\n                }\n                return shader;\n            }\n\n            const vertexShader = createShader(gl, gl.VERTEX_SHADER, vsSource);\n            const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fsSource);\n\n            if (!vertexShader || !fragmentShader) return;\n\n            const program = gl.createProgram();\n            gl.attachShader(program, vertexShader);\n            gl.attachShader(program, fragmentShader);\n            gl.linkProgram(program);\n\n            if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n                console.error('Program link error:', gl.getProgramInfoLog(program));\n                return;\n            }\n\n            gl.useProgram(program);\n\n            const positions = new Float32Array([\n                -1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1,\n            ]);\n\n            const positionBuffer = gl.createBuffer();\n            gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);\n            gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW);\n\n            const aPosition = gl.getAttribLocation(program, 'aPosition');\n            gl.enableVertexAttribArray(aPosition);\n            gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0);\n\n            const uTime = gl.getUniformLocation(program, 'uTime');\n            const uScrollProgress = gl.getUniformLocation(program, 'uScrollProgress');\n            const uUvScale = gl.getUniformLocation(program, 'uUvScale');\n            const uUvDistortionIterations = gl.getUniformLocation(program, 'uUvDistortionIterations');\n            const uUvDistortionIntensity = gl.getUniformLocation(program, 'uUvDistortionIntensity');\n            const uUvOffset = gl.getUniformLocation(program, 'uUvOffset');\n            const uFadeTop = gl.getUniformLocation(program, 'uFadeTop');\n            const uFadeBottom = gl.getUniformLocation(program, 'uFadeBottom');\n            const uFadeTopIntensity = gl.getUniformLocation(program, 'uFadeTopIntensity');\n            const uFadeBottomIntensity = gl.getUniformLocation(program, 'uFadeBottomIntensity');\n            const uStartFromTop = gl.getUniformLocation(program, 'uStartFromTop');\n            const uUvScaleY = gl.getUniformLocation(program, 'uUvScaleY');\n\n            gl.uniform1f(uUvScale, 1.0);\n            gl.uniform1f(uUvDistortionIterations, 3.0);\n            gl.uniform1f(uUvDistortionIntensity, 0.08);\n            gl.uniform2f(uUvOffset, 0.0, 0.0);\n            gl.uniform1i(uFadeTop, config.fadeTop ? 1 : 0);\n            gl.uniform1i(uFadeBottom, config.fadeBottom ? 1 : 0);\n            gl.uniform1f(uFadeTopIntensity, config.fadeTopIntensity);\n            gl.uniform1f(uFadeBottomIntensity, config.fadeBottomIntensity);\n            gl.uniform1f(uStartFromTop, config.startFromTop);\n            gl.uniform1f(uUvScaleY, config.uvScaleY);\n\n            let startTime = performance.now();\n            let scrollProgress = 0;\n\n            function updateScroll() {\n                if (!config.scrollEffect) return;\n                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n                const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n                scrollProgress = docHeight > 0 ? scrollTop \/ docHeight : 0;\n            }\n            if (config.scrollEffect) {\n                window.addEventListener('scroll', updateScroll, { passive: true });\n            }\n\n            function resize() {\n                canvas.width = canvas.offsetWidth || window.innerWidth;\n                canvas.height = canvas.offsetHeight || window.innerHeight;\n                gl.viewport(0, 0, canvas.width, canvas.height);\n            }\n            window.addEventListener('resize', resize);\n\n            function render() {\n                const time = (performance.now() - startTime) \/ 1000;\n                gl.uniform1f(uTime, time * 0.12);\n                gl.uniform1f(uScrollProgress, scrollProgress * 0.5);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                requestAnimationFrame(render);\n            }\n\n            resize();\n            render();\n        }\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initGradient);\n        } else {\n            initGradient();\n        }\n    })();\n    <\/script>\n        \n    <!-- Achtergrond afbeelding wrapper (rechts van header lijnen) -->\n <div class=\"absolute top-[133px] lg:top-[135px] right-0 bottom-0 md:bottom-0 lg:bottom-0 left-[30px] lg:left-[136px] overflow-hidden z-[5]\">\n                    <img decoding=\"async\" \n                src=\"https:\/\/developing.nl\/wp-content\/uploads\/2026\/03\/IMG_6854-scaled.jpg\" \n                alt=\"\"\n                class=\"w-full h-full md:h-[800px] object-cover\"\n            >\n                \n        <!-- Overlay -->\n        <div class=\"absolute inset-0 bg-gradient-to-r from-black\/50 to-black\/20\"><\/div>\n    <\/div>\n    \n    <!-- Content wrapper met invisible spacer -->\n    <div class=\"relative z-10 flex px-6 md:px-8 lg:px-[121px] 4xl:px-0 4xl:max-w-block 4xl:mx-auto md:pb-40 lg:pb-52\">\n        <!-- Invisible spacer - neemt dezelfde ruimte in als de lege ruimte links van de afbeelding -->\n        <div class=\"shrink-0 w-[30px] lg:w-[135px] 4xl:hidden\" aria-hidden=\"true\"><\/div>\n        \n        <!-- Content - begint direct naast de spacer (= links van afbeelding) -->\n        <div class=\"pt-40 pb-4 md:pt-52 lg:pt-[200px] md:pr-8 lg:pr-0 4xl:-ml-2\">\n            <!-- Breadcrumb -->\n        <nav class=\"inline-flex items-center gap-2.5 mb-2 md:mb-8 lg:mb-[246px]\" aria-label=\"Breadcrumb\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                                            \n                                    <!-- Home icon -->\n                    <a href=\"https:\/\/developing.nl\/\" class=\"text-white hover:text-orange transition-colors\">\n                        <svg width=\"23\" height=\"20\" viewBox=\"0 0 23 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M11.4453 0.351562L22.0703 9.72656L21.25 10.6641L19.8047 9.375V19.2578V19.8828H19.1797H2.92969H2.30469V19.2578V9.375L0.820312 10.6641L0 9.72656L10.625 0.351562L11.0547 0L11.4453 0.351562ZM3.55469 18.6328H7.92969V11.7578V11.1328H8.55469H13.5547H14.1797V11.7578V18.6328H18.5547V8.28125L11.0547 1.67969L3.55469 8.28125V18.6328ZM9.17969 18.6328H12.9297V12.3828H9.17969V18.6328Z\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/a>\n                                                                <span class=\"font-sans font-light md:text-lg text-body-large text-white\/50 leading-[160%]\">\/<\/span>\n                                \n                                    <!-- Huidige pagina -->\n                    <span class=\"font-sans font-light text-xs md:text-lg lg:text-body-large text-white leading-[160%]\"><\/span>\n                                    <\/nav>\n        \n        <!-- Titel -->\n        <h1 class=\"font-display font-light text-[40px] md:text-5xl lg:text-heading-extra-large text-white tracking-tight leading-tight mb-3 md:mb-[23px]\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n            Diensten        <\/h1>\n        \n        <!-- Beschrijving -->\n                <style>\n            #hero-expertise-69f73715ecae9 .hero-expertise-description {\n                max-width: 350px;\n            }\n            @media (min-width: 768px) {\n                #hero-expertise-69f73715ecae9 .hero-expertise-description {\n                    max-width: 448px;\n                }\n            }\n            @media (min-width: 1024px) {\n                #hero-expertise-69f73715ecae9 .hero-expertise-description {\n                    max-width: 453px;\n                }\n            }\n        <\/style>\n                <p class=\"font-sans font-light text-lg md:text-lg lg:text-body-large text-white leading-relaxed mb-5 md:mb-[30px] hero-expertise-description \" data-aos=\"fade-up\" data-aos-delay=\"300\">\n            Developing is een webdevelopmentbureau voor maatwerk websites, webshops en webapplicaties, met kwaliteit als hoogste prioriteit.        <\/p>\n        \n        <!-- Call to Action -->\n                    <a \n                href=\"#expertises\" \n                target=\"_self\"\n                class=\"group inline-flex items-center justify-center gap-1.5 md:gap-4 border border-white bg-white text-dark px-[9px] md:px-0 md:w-[253px] py-2.5 hover:bg-transparent hover:text-white transition-colors duration-300\"\n                data-aos=\"fade-up\" data-aos-delay=\"400\"\n            >\n                <span class=\"font-sans font-bold text-sm md:text-base lg:text-lg\">Dit kunnen we goed<\/span>\n                <svg width=\"22\" height=\"15\" viewBox=\"0 0 22 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M21.2695 8.03516L15.4258 13.8789L14.6953 14.6094L13.2344 13.1484L13.9648 12.418L18.0469 8.33594H1.03125H0V6.27344H1.03125H18.0469L13.9648 2.19141L13.2344 1.46094L14.6953 0L15.4258 0.730469L21.2695 6.57422L22 7.30469L21.2695 8.03516Z\" fill=\"#090C14\" class=\"group-hover:fill-white transition-colors duration-300\"\/>\n                <\/svg>\n            <\/a>\n                <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n.expertise-icon svg,\n.expertise-icon svg path,\n.expertise-icon svg rect,\n.expertise-icon svg circle,\n.expertise-icon svg polygon,\n.expertise-icon svg line {\n    fill: currentColor !important;\n    stroke: currentColor !important;\n}\n.expertise-icon svg [fill=\"none\"] {\n    fill: none !important;\n}\n<\/style>\n\n<section id=\"expertises\" class=\"expertises w-full bg-black mb-12 md:mb-20 lg:mb-spacingblocks lg:px-paddingtest\" data-aos=\"fade-up\">\n<div class=\"max-w-block px-6 md:px-8 lg:px-0 w-full mx-auto overflow-hidden\">        \n        <!-- Header: Titel + Beschrijving - zelfde grid als expertise cards -->\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 sm:gap-6 md:gap-8 lg:gap-x-11 mb-10 sm:mb-12 md:mb-16 lg:mb-[74px]\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n            \n            <!-- Titel - neemt 1 kolom in, tekst smaller dan kolom -->\n            <div class=\"w-full lg:max-w-sm\">\n                <div class=\"max-w-46 md:max-w-64 lg:max-w-64\">\n                    <h2 class=\"font-display font-light text-xl sm:text-2xl md:text-3xl lg:text-heading-medium text-white\">\n                        Dit kunnen we goed.                    <\/h2>\n                <\/div>\n            <\/div>\n            \n            <!-- Beschrijving - neemt 2 kolommen in -->\n                            <p class=\"font-sans font-light text-lg lg:text-body-large text-white md:col-span-1 lg:col-span-2 pt-1 md:pt-2 lg:pt-3 lg:leading-relaxed max-w-[819px] [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                    Wij combineren technische expertise met een structurele samenwerking. Geen losse projecten, maar <span>een doorlopende aanpak<\/span> waarmee we stap voor stap bouwen aan maximaal resultaat.                <\/p>\n                        \n        <\/div>\n        \n        <!-- Expertises Grid -->\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 lg:gap-x-11 lg:gap-y-12 w-full\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                                            <div class=\"expertise-card w-full lg:max-w-[390px] flex flex-col\">\n                                \n                                <!-- Icon -->\n                                <div class=\"expertise-icon text-orange w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 lg:w-[83.3px] lg:h-[83.3px] flex items-center justify-start mb-2 lg:mb-0\">\n                                                                            <svg width=\"63\" height=\"50\" viewBox=\"0 0 63 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M9.375 3.125V28.125H34.375V31.25H9.375H6.25H3.125V31.543L5.95703 34.375H34.375V37.5H4.6875L0 32.8125V31.25V28.125H3.125H6.25V3.125V0H9.375H46.875H50V3.125V9.375H46.875V3.125H9.375ZM37.5 50V46.875V15.625V12.5H40.625H59.375H62.5V15.625V46.875V50H59.375H40.625H37.5ZM59.375 46.875V15.625H40.625V46.875H59.375Z\" fill=\"white\"\/>\r\n<\/svg>                                                                    <\/div>\n                                \n                                <!-- Title -->\n                                                                    <h4 class=\"font-display font-semibold text-lg md:text-xl lg:text-body-large text-white mb-2 sm:mb-2 md:mb-2 lg:mb-3 leading-tight sm:leading-snug md:leading-normal lg:leading-relaxed\">\n                                        Website                                    <\/h4>\n                                                                 \n                                <!-- Description -->\n                                                                    <p class=\"font-sans font-light text-xs lg:text-lg text-white\/70 leading-relaxed [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                                        Opzoek naar een goede maatwerk website? Wij bouwen jouw website helemaal zoals jij hem wilt. Geen template, geen goedkope plug-ins die snel stuk gaan. Vooral goede kwaliteit met focus op snelheid en veiligheid.                                    <\/p>\n                                                                \n                            <\/div>\n                                            <div class=\"expertise-card w-full lg:max-w-[390px] flex flex-col\">\n                                \n                                <!-- Icon -->\n                                <div class=\"expertise-icon text-orange w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 lg:w-[83.3px] lg:h-[83.3px] flex items-center justify-start mb-2 lg:mb-0\">\n                                                                            <svg width=\"48\" height=\"54\" viewBox=\"0 0 48 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M16.875 10.125V13.5H30.375V10.125C30.375 6.43359 27.3164 3.375 23.625 3.375C19.8281 3.375 16.875 6.43359 16.875 10.125ZM13.5 16.875H3.375V50.625H43.875V16.875H33.75V25.3125V27H30.375V25.3125V16.875H16.875V25.3125V27H13.5V25.3125V16.875ZM13.5 13.5V10.125C13.5 4.53516 18.0352 0 23.625 0C29.2148 0 33.75 4.53516 33.75 10.125V13.5H43.875H47.25V16.875V50.625V54H43.875H3.375H0V50.625V16.875V13.5H3.375H13.5Z\" fill=\"#FF5100\"\/>\r\n<\/svg>\r\n                                                                    <\/div>\n                                \n                                <!-- Title -->\n                                                                    <h4 class=\"font-display font-semibold text-lg md:text-xl lg:text-body-large text-white mb-2 sm:mb-2 md:mb-2 lg:mb-3 leading-tight sm:leading-snug md:leading-normal lg:leading-relaxed\">\n                                        Webshop                                    <\/h4>\n                                                                 \n                                <!-- Description -->\n                                                                    <p class=\"font-sans font-light text-xs lg:text-lg text-white\/70 leading-relaxed [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                                        Een webshop is eenvoudig te maken. De perfecte webshop bouw je alleen met maatwerk. Developing bouwt voor jou de perfecte webshop op basis van jouw wensen, eisen en de behoeften van jouw klant.                                    <\/p>\n                                                                \n                            <\/div>\n                                            <div class=\"expertise-card w-full lg:max-w-[390px] flex flex-col\">\n                                \n                                <!-- Icon -->\n                                <div class=\"expertise-icon text-orange w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 lg:w-[83.3px] lg:h-[83.3px] flex items-center justify-start mb-2 lg:mb-0\">\n                                                                            <svg width=\"68\" height=\"54\" viewBox=\"0 0 68 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M10.125 40.5V37.125V36.8086V33.75H6.75H3.375H0V30.375V3.375V0H3.375H40.5H43.875V3.375V30.375V33.75H40.5H23.625L13.5 38.8125L10.125 40.5ZM22.043 30.7969L22.7812 30.375H23.625H40.5V3.375H3.375V30.375H10.125H13.5V33.75V35.1211L22.043 30.7969ZM27 47.25H26.8945V43.875V37.125H30.2695V43.875H43.7695H44.6133L45.3516 44.2969L54 48.6211V47.25V43.875H57.375H64.125V16.875H47.25V13.5H64.125H67.5V16.875V43.875V47.25H64.125H60.75H57.375V50.3086V50.625V54L54 52.3125L43.875 47.25H30.375H27Z\" fill=\"#FF5100\"\/>\r\n<\/svg>\r\n                                                                    <\/div>\n                                \n                                <!-- Title -->\n                                                                    <h4 class=\"font-display font-semibold text-lg md:text-xl lg:text-body-large text-white mb-2 sm:mb-2 md:mb-2 lg:mb-3 leading-tight sm:leading-snug md:leading-normal lg:leading-relaxed\">\n                                        Webapp                                    <\/h4>\n                                                                 \n                                <!-- Description -->\n                                                                    <p class=\"font-sans font-light text-xs lg:text-lg text-white\/70 leading-relaxed [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                                        Wil je stand alone een webapp draaien? Of integreren in jouw website of webshop? Wij maken webapps op maat. Snel, veelzijdig en veilig. Altijd met exact de functionaliteiten en vormgeving die je wenst.                                    <\/p>\n                                                                \n                            <\/div>\n                                            <div class=\"expertise-card w-full lg:max-w-[390px] flex flex-col\">\n                                \n                                <!-- Icon -->\n                                <div class=\"expertise-icon text-orange w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 lg:w-[83.3px] lg:h-[83.3px] flex items-center justify-start mb-2 lg:mb-0\">\n                                                                            <svg width=\"68\" height=\"54\" viewBox=\"0 0 68 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M10.125 40.5V37.125V36.8086V33.75H6.75H3.375H0V30.375V3.375V0H3.375H40.5H43.875V3.375V30.375V33.75H40.5H23.625L13.5 38.8125L10.125 40.5ZM22.043 30.7969L22.7812 30.375H23.625H40.5V3.375H3.375V30.375H10.125H13.5V33.75V35.1211L22.043 30.7969ZM27 47.25H26.8945V43.875V37.125H30.2695V43.875H43.7695H44.6133L45.3516 44.2969L54 48.6211V47.25V43.875H57.375H64.125V16.875H47.25V13.5H64.125H67.5V16.875V43.875V47.25H64.125H60.75H57.375V50.3086V50.625V54L54 52.3125L43.875 47.25H30.375H27Z\" fill=\"#FF5100\"\/>\r\n<\/svg>\r\n                                                                    <\/div>\n                                \n                                <!-- Title -->\n                                                                    <h4 class=\"font-display font-semibold text-lg md:text-xl lg:text-body-large text-white mb-2 sm:mb-2 md:mb-2 lg:mb-3 leading-tight sm:leading-snug md:leading-normal lg:leading-relaxed\">\n                                        Consultancy                                    <\/h4>\n                                                                 \n                                <!-- Description -->\n                                                                    <p class=\"font-sans font-light text-xs lg:text-lg text-white\/70 leading-relaxed [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                                        Kunnen de prestaties van je website beter? Wij vertellen je hoe. Van vormgeving en UX tot SEO, customer journey, content, snelheid en meer. Developing adviseert en implementeert voor maximale resultaten.                                    <\/p>\n                                                                \n                            <\/div>\n                                            <div class=\"expertise-card w-full lg:max-w-[390px] flex flex-col\">\n                                \n                                <!-- Icon -->\n                                <div class=\"expertise-icon text-orange w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 lg:w-[83.3px] lg:h-[83.3px] flex items-center justify-start mb-2 lg:mb-0\">\n                                                                            <svg width=\"50\" height=\"40\" viewBox=\"0 0 50 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M29.0625 0L32.6562 1.17188L32.0312 2.96875L20.7812 37.9688L20.2344 39.7656L16.6406 38.5938L17.2656 36.7969L28.5156 1.79688L29.0625 0ZM33.9062 10.625L36.4062 7.89062L37.8125 9.14062L47.8125 18.5156L49.2969 19.8438L47.8125 21.25L37.8125 30.625L36.4062 31.875L33.9062 29.1406L35.2344 27.8906L43.75 19.8438L35.2344 11.875L33.9062 10.625ZM12.8906 7.89062L15.3906 10.625L14.0625 11.875L5.54688 19.8438L14.0625 27.8906L15.3906 29.1406L12.8906 31.875L11.4844 30.625L1.48438 21.25L0 19.8438L1.48438 18.5156L11.4844 9.14062L12.8906 7.89062Z\" fill=\"#3E72FF\"\/>\r\n<\/svg>                                                                    <\/div>\n                                \n                                <!-- Title -->\n                                                                    <h4 class=\"font-display font-semibold text-lg md:text-xl lg:text-body-large text-white mb-2 sm:mb-2 md:mb-2 lg:mb-3 leading-tight sm:leading-snug md:leading-normal lg:leading-relaxed\">\n                                        Doorontwikkeling                                    <\/h4>\n                                                                 \n                                <!-- Description -->\n                                                                    <p class=\"font-sans font-light text-xs lg:text-lg text-white\/70 leading-relaxed [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                                        Er is altijd ruimte voor verbetering. Wij gaan voor maximaal resultaat door producten te blijven doorontwikkelen, optimaliseren, tweaken en finetunen voor die laatste paar procenten.                                    <\/p>\n                                                                \n                            <\/div>\n                                            <div class=\"expertise-card w-full lg:max-w-[390px] flex flex-col\">\n                                \n                                <!-- Icon -->\n                                <div class=\"expertise-icon text-orange w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 lg:w-[83.3px] lg:h-[83.3px] flex items-center justify-start mb-2 lg:mb-0\">\n                                                                            <svg width=\"50\" height=\"44\" viewBox=\"0 0 50 44\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M3.125 3.125V15.625H46.875V3.125H3.125ZM0 0H3.125H46.875H50V3.125V15.625V18.75H46.875H3.125H0V15.625V3.125V0ZM3.125 28.125V40.625H46.875V28.125H3.125ZM0 25H3.125H46.875H50V28.125V40.625V43.75H46.875H3.125H0V40.625V28.125V25ZM29.6875 34.375C29.6875 33.1055 30.6641 32.0312 32.0312 32.0312C33.3008 32.0312 34.375 33.1055 34.375 34.375C34.375 35.7422 33.3008 36.7188 32.0312 36.7188C30.6641 36.7188 29.6875 35.7422 29.6875 34.375ZM32.0312 7.03125C33.3008 7.03125 34.375 8.10547 34.375 9.375C34.375 10.7422 33.3008 11.7188 32.0312 11.7188C30.6641 11.7188 29.6875 10.7422 29.6875 9.375C29.6875 8.10547 30.6641 7.03125 32.0312 7.03125ZM37.5 34.375C37.5 33.1055 38.4766 32.0312 39.8438 32.0312C41.1133 32.0312 42.1875 33.1055 42.1875 34.375C42.1875 35.7422 41.1133 36.7188 39.8438 36.7188C38.4766 36.7188 37.5 35.7422 37.5 34.375ZM39.8438 7.03125C41.1133 7.03125 42.1875 8.10547 42.1875 9.375C42.1875 10.7422 41.1133 11.7188 39.8438 11.7188C38.4766 11.7188 37.5 10.7422 37.5 9.375C37.5 8.10547 38.4766 7.03125 39.8438 7.03125Z\" fill=\"white\"\/>\r\n<\/svg>\r\n                                                                    <\/div>\n                                \n                                <!-- Title -->\n                                                                    <h4 class=\"font-display font-semibold text-lg md:text-xl lg:text-body-large text-white mb-2 sm:mb-2 md:mb-2 lg:mb-3 leading-tight sm:leading-snug md:leading-normal lg:leading-relaxed\">\n                                        Hosting en onderhoud                                    <\/h4>\n                                                                 \n                                <!-- Description -->\n                                                                    <p class=\"font-sans font-light text-xs lg:text-lg text-white\/70 leading-relaxed [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                                        Wij bouwen niet alleen kwalitatieve producten: wij zorgen ook voor een perfecte basis met hoogwaardige hosting. Ervaar onze razendsnelle hosting met uitstekende service. Wij zorgen voor een maximale uptime, beveiliging en onderhoud.                                    <\/p>\n                                                                \n                            <\/div>\n                            <\/div>\n                \n    <\/div>\n<\/section>\n\n\n\n<style>\n<\/style>\n\n<section class=\"w-full flex lg:px-paddingtest overflow-visible  mt-12 md:mt-16 lg:mt-spacingblocks\">\n        \n    <div class=\"content-wrapper w-full bg-black\">\n         <div class=\"flex flex-col lg:flex-row-reverse items-center justify-center lg:gap-20 max-w-block px-6 md:px-8 lg:px-0 mx-auto mb-12 md:mb-20 lg:mb-spacingblocks\">\n\n\n                        <!-- Afbeelding Sectie - 683x520px -->\n                        <div class=\"w-full lg:w-[45%] xl:w-[50%] 2xl:w-[680px] shrink-0 lg:h-[450px] xl:h-[500px] 2xl:h-[555px] overflow-hidden z-[30]\" data-aos=\"fade-right\" data-aos-delay=\"100\">\n                                                            <img decoding=\"async\" \n                                    src=\"https:\/\/developing.nl\/wp-content\/uploads\/2026\/01\/Gespecialiseerd-in-ontwikkeling.jpg\" \n                                    alt=\"\" \n                                    class=\"w-full h-64 md:h-80 lg:h-[450px] xl:h-[500px] 2xl:h-[555px] object-cover\"\n                                \/>\n                                                    <\/div>\n                        \n                        <!-- Tekst Content Sectie -->\n                        <div class=\"w-full lg:w-1\/2 flex flex-col justify-center py-10 md:py-16 lg:py-[60px] xl:py-[65px] 2xl:py-[75px] lg:min-h-[450px] xl:min-h-[500px] 2xl:min-h-[555px] gap-6 md:gap-8 z-[30]\" data-aos=\"fade-left\" data-aos-delay=\"100\">\n                            \n                            <!-- Tekst Group -->\n                            <div class=\"max-w-[562px]\">\n                                <!-- Hoofdtitel -->\n                                                                    <h2 class=\"content-image-title font-display font-light text-lg md:text-4xl lg:text-3xl xl:text-4xl 2xl:text-heading-medium leading-tight text-white mb-3 sm:mb-4 md:mb-6 lg:mb-8 [&amp;_span]:text-orange [&amp;_span]:font-bold\">\n                                        Gespecialiseerd in <span>ontwikkeling<\/span>                                    <\/h2>\n                                                                \n                                <!-- Beschrijving -->\n                                                                    <p class=\"font-sans font-light text-lg md:text-lg lg:text-lg xl:text-xl 2xl:text-body-large lg:leading-relaxed leading-relaxed text-white opacity-70\">\n                                        Developing is een veelzijdig webdevelopment bureau gespecialiseerd in het cre\u00ebren van websites, webshops en webapplicaties. Ook wanneer je advies nodig hebt over je huidige site, shop of app. Wij ontwikkelen, maar kunnen ook optimaliseren.                                    <\/p>\n                                                            <\/div>\n                            \n                            <!-- CTA Button - padding 25px left\/right, gap 15px, oranje achtergrond -->\n                                                            <a \n                                    href=\"\/contact\" \n                                    class=\"group flex items-center gap-3 lg:gap-3 xl:gap-4 border border-white bg-white text-dark px-[14px] lg:px-[18px] xl:px-[22px] py-2.5 hover:bg-transparent hover:text-white transition-colors duration-300 lg:whitespace-nowrap w-fit max-w-full\"\n                                                                    >\n                                    <span class=\"font-sans font-bold text-sm md:text-lg\">\n                                        Kom in contact                                    <\/span>\n                                    <svg width=\"22\" height=\"15\" viewBox=\"0 0 22 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"shrink-0\">\n                                        <path d=\"M21.2695 8.03516L15.4258 13.8789L14.6953 14.6094L13.2344 13.1484L13.9648 12.418L18.0469 8.33594H1.03125H0V6.27344H1.03125H18.0469L13.9648 2.19141L13.2344 1.46094L14.6953 0L15.4258 0.730469L21.2695 6.57422L22 7.30469L21.2695 8.03516Z\" fill=\"#090C14\" class=\"group-hover:fill-white transition-colors duration-300\"\/>\n                                    <\/svg>\n                                <\/a>\n                                                        \n                        <\/div>\n                        \n                    <\/div>\n        <\/div>\n<\/section>\n\n\n\n<section class=\"sla-blokken w-full relative mb-12 md:mb-20 lg:mb-spacingblocks lg:px-paddingtest\">\n    <!-- Zwarte achtergrond laag, achter de gradient van vorige blok -->\n    <div class=\"absolute inset-0 bg-black z-0\"><\/div>\n    <div class=\"max-w-block px-6 md:px-8 lg:px-0 mx-auto relative z-20 \">\n        \n        <!-- Header: Titel links, beschrijving rechts - uitgelijnd met blokken -->\n        <div class=\"flex flex-col lg:flex-row lg:items-start gap-8 lg:gap-6 mb-8 lg:mb-[90px] justify-center relative z-20\" data-aos=\"fade-up\">\n            <!-- H2 Titel - Links, zelfde breedte als oranje blok -->\n            <div class=\"w-full lg:flex-1\">\n                <h2 class=\"font-display font-light text-lg sm:text-xl md:text-2xl lg:text-heading-medium text-white lg:max-w-xl [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                    Hoe wij <span>samenwerken<\/span> aan een voortdurende groei?                <\/h2>\n            <\/div>\n            \n            <!-- Beschrijving - Rechts, zelfde breedte als blauw blok -->\n            <div class=\"w-full lg:flex-1\">\n                <p class=\"font-sans font-light text-xs sm:text-sm md:text-base lg:text-body-large lg:leading-[1.6] text-white lg:max-w-[684px]\">\n                    We maken een duidelijk onderscheid tussen onze SLA en de maandelijkse doorontwikkeling. De SLA staat voor stabiliteit, veiligheid en snelle ondersteuning. De doorontwikkeling richt zich op voortdurende optimalisatie en groei van de website.                <\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- Blokken Container -->\n        <div class=\"flex flex-col lg:flex-row gap-6 lg:gap-10 justify-center\">\n            \n            <!-- SLA Blok (Oranje) -->\n            <div class=\"relative w-full lg:flex-1\" data-aos=\"fade-right\" data-aos-delay=\"100\">\n                <!-- Klein wit vierkantje linksboven -->\n                <div class=\"absolute top-0 left-4 md:left-6 lg:left-10 w-[42px] h-[42px] bg-white z-10\"><\/div>\n                \n                <!-- Groot wit vierkantje met icoon -->\n                <div class=\"absolute top-[42px] left-4 md:left-6 lg:left-10 translate-x-[42px] w-[83px] h-[83px] bg-white flex items-center justify-center z-20 text-orange\">\n                    <svg class=\"w-7 h-7 md:w-8 md:h-8 lg:w-10 lg:h-10\" width=\"38\" height=\"40\" viewBox=\"0 0 38 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M18.9844 4.0625L3.98438 9.84375C3.90625 13.2812 4.53125 18.2031 6.5625 23.0469C8.82812 28.125 12.5781 33.0469 18.9844 35.9375C25.3125 33.0469 29.0625 28.125 31.3281 23.0469C33.4375 18.2031 33.9844 13.2812 33.9844 9.84375L18.9844 4.0625ZM37.5781 7.26562L37.6562 8.82812C37.8906 12.7344 37.2656 18.75 34.7656 24.5312C32.1875 30.4688 27.6562 36.25 19.9219 39.6094L18.9844 40L17.9688 39.6094C10.2344 36.25 5.70312 30.4688 3.125 24.5312C0.625 18.75 0 12.7344 0.234375 8.82812L0.3125 7.26562L1.79688 6.64062L18.0469 0.390625L18.9844 0L19.8438 0.390625L36.0938 6.64062L37.5781 7.26562Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <!-- Prijs container rechtsboven -->\n                <div class=\"absolute top-[57px] right-[20px] sm:right-[40px] md:right-[60px] lg:right-[80px] flex flex-col items-end z-30\">\n                    <span class=\"font-display font-semibold text-sm sm:text-base md:text-lg lg:text-body-large lg:leading-relaxed text-white whitespace-nowrap\">\n                        v.a. 500,-                    <\/span>\n                    <span class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-[15px] lg:leading-snug text-white\/50 text-right max-w-[120px] sm:max-w-none\">\n                        SLA prijs per maand.                    <\/span>\n                <\/div>\n                \n                <!-- Oranje achtergrond blok -->\n                <div class=\"bg-orange pt-[125px] pb-6 md:pb-8 lg:pb-10 px-4 md:px-6 lg:pl-10 xl:pl-20 lg:pr-6 xl:pr-10 mt-4 md:mt-5 md:min-h-[300px] lg:min-h-[720px]\">\n                    <!-- Titel -->\n                    <h3 class=\"font-display font-semibold text-lg sm:text-xl md:text-2xl lg:text-3xl lg:leading-tight text-white mb-4\">\n                        Service level agreement (SLA)                    <\/h3>\n                    \n                    <!-- Beschrijving -->\n                                            <p class=\"font-sans font-light text-xs sm:text-sm md:text-base lg:text-lg lg:leading-relaxed text-white mb-8 max-w-[483px]\">\n                            Met onze SLA biedt Developing heldere servicegaranties. Omdat een website vaak een cruciale rol speelt in de bedrijfsvoering, zorgen wij voor snelle ondersteuning en continue monitoring.                        <\/p>\n                                        \n                    <!-- Features Grid -->\n                    <div class=\"flex flex-col md:flex-row gap-6 lg:gap-6 mb-10\">\n                        <!-- Linker kolom -->\n                                                    <div class=\"flex flex-col gap-5\">\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Same-day solution bij kritieke problemen                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            24\/7 spoedservice                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Continue monitoring van beschikbaarheid website                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Wekelijkse updates en onderhoud                                        <\/span>\n                                    <\/div>\n                                                            <\/div>\n                                                \n                        <!-- Rechter kolom -->\n                                                    <div class=\"flex flex-col gap-5\">\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Directe oplossing veiligheidsproblemen tijdens kantoortijden                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Ondersteuning bij vragen en minder kritieke issues binnen kantoortijden                                         <\/span>\n                                    <\/div>\n                                                            <\/div>\n                                            <\/div>\n                    \n                    <!-- Button -->\n                                    <\/div>\n            <\/div>\n            \n            <!-- Doorontwikkeling Blok (Blauw) -->\n            <div class=\"relative w-full lg:flex-1 lg:-mt-16\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n                <!-- Klein wit vierkantje linksboven -->\n                <div class=\"absolute top-0 left-4 md:left-6 lg:left-10 w-[42px] h-[42px] bg-white z-10\"><\/div>\n                \n                <!-- Groot wit vierkantje met icoon -->\n                <div class=\"absolute top-[42px] left-4 md:left-6 lg:left-10 translate-x-[42px] w-[83px] h-[83px] bg-white flex items-center justify-center z-20 text-blue\">\n                    <svg class=\"w-8 h-8 md:w-10 md:h-10 lg:w-12 lg:h-10\" width=\"50\" height=\"40\" viewBox=\"0 0 50 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M29.0625 0L32.6562 1.17188L32.0312 2.96875L20.7812 37.9688L20.2344 39.7656L16.6406 38.5938L17.2656 36.7969L28.5156 1.79688L29.0625 0ZM33.9062 10.625L36.4062 7.89062L37.8125 9.14062L47.8125 18.5156L49.2969 19.8438L47.8125 21.25L37.8125 30.625L36.4062 31.875L33.9062 29.1406L35.2344 27.8906L43.75 19.8438L35.2344 11.875L33.9062 10.625ZM12.8906 7.89062L15.3906 10.625L14.0625 11.875L5.54688 19.8438L14.0625 27.8906L15.3906 29.1406L12.8906 31.875L11.4844 30.625L1.48438 21.25L0 19.8438L1.48438 18.5156L11.4844 9.14062L12.8906 7.89062Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <!-- Prijs container rechtsboven -->\n                <div class=\"absolute top-[57px] right-[20px] sm:right-[40px] md:right-[60px] lg:right-[80px] flex flex-col items-end z-30\">\n                    <span class=\"font-display font-semibold text-sm sm:text-base md:text-lg lg:text-body-large lg:leading-relaxed text-white whitespace-nowrap\">\n                        v.a. 4.000,-                    <\/span>\n                    <span class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-[15px] lg:leading-snug text-white\/50 text-right max-w-[120px] sm:max-w-none\">\n                        Doorontwikkeling per maand.                    <\/span>\n                <\/div>\n                \n                <!-- Blauwe achtergrond blok -->\n                <div class=\"bg-blue pt-[125px] pb-6 md:pb-8 lg:pb-10 px-4 md:px-6 lg:pl-20 lg:pr-10 mt-4 md:mt-5 md:min-h-[300px] lg:min-h-[720px]\">\n                    <!-- Titel -->\n                    <h3 class=\"font-display font-semibold text-xl lg:text-3xl lg:leading-tight text-white mb-4\">\n                        Maandelijkse doorontwikkeling                    <\/h3>\n                    \n                    <!-- Beschrijving -->\n                                            <p class=\"font-sans font-light text-sm lg:text-lg lg:leading-relaxed text-white mb-8 max-w-[483px]\">\n                            Met maandelijkse doorontwikkeling zorgen wij voor snelle uitvoering, gereserveerde capaciteit en actief meedenken. Als vaste development partner werken wij structureel aan optimalisatie, innovatie en groei van de website.                        <\/p>\n                                        \n                    <!-- Features Grid -->\n                    <div class=\"flex flex-col md:flex-row gap-6 lg:gap-8 mb-10\">\n                        <!-- Linker kolom -->\n                                                    <div class=\"flex flex-col gap-5\">\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Snelle en gestructureerde uitvoering van taken                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Gereserveerde capaciteit per maand                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Maandelijkse rapportage en facturatie met trans-parante urenregistratie                                        <\/span>\n                                    <\/div>\n                                                            <\/div>\n                                                \n                        <!-- Rechter kolom -->\n                                                    <div class=\"flex flex-col gap-5\">\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Scrum-standups voor prioritering en nieuwe taken                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Vast aanspreekpunt en gespecialiseerd team                                        <\/span>\n                                    <\/div>\n                                                                    <div class=\"flex items-start gap-3\">\n                                        <i class=\"fa-solid fa-circle-check text-white text-lg md:mt-1 lg:mt-2 shrink-0\"><\/i>\n                                        <span class=\"font-sans font-bold text-sm lg:text-lg lg:leading-relaxed text-white md:max-w-[220px]\">\n                                            Actief meedenken over nieuwe mogelijkheden                                        <\/span>\n                                    <\/div>\n                                                            <\/div>\n                                            <\/div>\n                    \n                    <!-- Button -->\n                                    <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n<style>\n\/* Alleen: maak spans in de titel automatisch bold *\/\n.klanten-vertellen-section h2 span {\n    font-weight: 700;\n}\n\n\/* Hide scrollbar on mobile for smooth swipe experience *\/\n.scrollbar-hide {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n}\n.scrollbar-hide::-webkit-scrollbar {\n    display: none;\n}\n<\/style>\n\n<section class=\"klanten-vertellen-section w-full py-12 md:py-14 lg:py-16 relative overflow-hidden bg-black mb-12 md:mb-20 lg:mb-spacingblocks mt-12 md:mt-20 lg:mt-spacingblocks\">\n        \n    <style>\n    #gradient-canvas-69f73715f3b99 {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n        pointer-events: none;\n    }\n    <\/style>\n    \n    <canvas id=\"gradient-canvas-69f73715f3b99\"><\/canvas>\n    \n    <script>\n    (function() {\n        const config = {\n            canvasId: 'gradient-canvas-69f73715f3b99',\n            fadeTop: false,\n            fadeBottom: false,\n            fadeTopIntensity: 0.3,\n            fadeBottomIntensity: 0.2,\n            startFromTop: 0,\n            uvScaleY: 1,\n            scrollEffect: true        };\n        \n        function initGradient() {\n            const canvas = document.getElementById(config.canvasId);\n            if (!canvas) return;\n\n            canvas.width = canvas.offsetWidth || window.innerWidth;\n            canvas.height = canvas.offsetHeight || window.innerHeight;\n            \n            const gl = canvas.getContext('webgl', { antialias: false, alpha: false }) || \n                       canvas.getContext('experimental-webgl', { antialias: false, alpha: false });\n            \n            if (!gl) {\n                canvas.style.background = 'linear-gradient(135deg, #090C14, #3E72FF, #FF5100)';\n                return;\n            }\n\n            const vsSource = `\n                attribute vec2 aPosition;\n                varying vec2 vUv;\n                \n                void main() {\n                    vUv = aPosition * 0.5 + 0.5;\n                    gl_Position = vec4(aPosition, 0.0, 1.0);\n                }\n            `;\n\n            const fsSource = `\n                precision highp float;\n                \n                uniform float uTime;\n                uniform float uScrollProgress;\n                uniform float uUvScale;\n                uniform float uUvDistortionIterations;\n                uniform float uUvDistortionIntensity;\n                uniform vec2 uUvOffset;\n                uniform bool uFadeTop;\n                uniform bool uFadeBottom;\n                uniform float uFadeTopIntensity;\n                uniform float uFadeBottomIntensity;\n                uniform float uStartFromTop;\n                uniform float uUvScaleY;\n                \n                varying vec2 vUv;\n                \n                vec4 permute(vec4 x) { return mod(((x*34.0)+1.0)*x, 289.0); }\n                vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }\n                \n                float snoise(vec3 v) {\n                    const vec2 C = vec2(1.0\/6.0, 1.0\/3.0);\n                    const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\n                    \n                    vec3 i = floor(v + dot(v, C.yyy));\n                    vec3 x0 = v - i + dot(i, C.xxx);\n                    \n                    vec3 g = step(x0.yzx, x0.xyz);\n                    vec3 l = 1.0 - g;\n                    vec3 i1 = min(g.xyz, l.zxy);\n                    vec3 i2 = max(g.xyz, l.zxy);\n                    \n                    vec3 x1 = x0 - i1 + C.xxx;\n                    vec3 x2 = x0 - i2 + C.yyy;\n                    vec3 x3 = x0 - D.yyy;\n                    \n                    i = mod(i, 289.0);\n                    vec4 p = permute(permute(permute(\n                        i.z + vec4(0.0, i1.z, i2.z, 1.0))\n                        + i.y + vec4(0.0, i1.y, i2.y, 1.0))\n                        + i.x + vec4(0.0, i1.x, i2.x, 1.0));\n                        \n                    float n_ = 1.0\/7.0;\n                    vec3 ns = n_ * D.wyz - D.xzx;\n                    \n                    vec4 j = p - 49.0 * floor(p * ns.z * ns.z);\n                    \n                    vec4 x_ = floor(j * ns.z);\n                    vec4 y_ = floor(j - 7.0 * x_);\n                    \n                    vec4 x = x_ *ns.x + ns.yyyy;\n                    vec4 y = y_ *ns.x + ns.yyyy;\n                    vec4 h = 1.0 - abs(x) - abs(y);\n                    \n                    vec4 b0 = vec4(x.xy, y.xy);\n                    vec4 b1 = vec4(x.zw, y.zw);\n                    \n                    vec4 s0 = floor(b0)*2.0 + 1.0;\n                    vec4 s1 = floor(b1)*2.0 + 1.0;\n                    vec4 sh = -step(h, vec4(0.0));\n                    \n                    vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy;\n                    vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww;\n                    \n                    vec3 p0 = vec3(a0.xy, h.x);\n                    vec3 p1 = vec3(a0.zw, h.y);\n                    vec3 p2 = vec3(a1.xy, h.z);\n                    vec3 p3 = vec3(a1.zw, h.w);\n                    \n                    vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2,p2), dot(p3,p3)));\n                    p0 *= norm.x;\n                    p1 *= norm.y;\n                    p2 *= norm.z;\n                    p3 *= norm.w;\n                    \n                    vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n                    m = m * m;\n                    return 42.0 * dot(m*m, vec4(dot(p0,x0), dot(p1,x1), dot(p2,x2), dot(p3,x3)));\n                }\n                \n                void main() {\n                    vec2 uv = vUv;\n                    \n                    \/\/ Verticale schaal toepassen op gradient content (niet op fades)\n                    uv.y = uv.y * uUvScaleY - (uUvScaleY - 1.0) * 0.5;\n                    \n                    uv.y -= uScrollProgress;\n                    uv *= uUvScale;\n                    uv += uUvOffset;\n                    \n                    for (float i = 0.0; i < 8.0; i++) {\n                        if (i >= uUvDistortionIterations) break;\n                        uv += snoise(vec3(uv - i * 0.25, uTime * 1.3 + i * 32.0)) * uUvDistortionIntensity;\n                    }\n                    \n                    float noiseBlue = snoise(vec3(uv * 1.5, uTime * 1.4)) * 0.5 + 0.5;\n                    float noiseOrange = snoise(vec3(uv * 1.5 + 50.0, uTime * 1.4 + 25.0)) * 0.5 + 0.5;\n                    \n                    vec3 dark = vec3(0.035, 0.047, 0.078);\n                    vec3 blue = vec3(0.243, 0.447, 1.0);\n                    vec3 orange = vec3(1.0, 0.318, 0.0);\n                    vec3 purple = vec3(0.35, 0.1, 0.45);\n                    \n                    float blueAmount = smoothstep(0.15, 0.85, noiseBlue) * 0.72;\n                    float orangeAmount = smoothstep(0.15, 0.85, noiseOrange) * 0.72;\n                    \n                    float bluePos = smoothstep(1.2, 0.0, length(uv - vec2(0.0, 1.0)));\n                    float orangePos = smoothstep(1.2, 0.0, length(uv - vec2(1.0, 0.0)));\n                    \n                    blueAmount = blueAmount * bluePos + bluePos * 0.08;\n                    orangeAmount = orangeAmount * orangePos + orangePos * 0.08;\n                    \n                    vec3 colour = dark;\n                    colour = mix(colour, blue, blueAmount);\n                    colour = mix(colour, orange, orangeAmount);\n                    \n                    float overlap = min(blueAmount, orangeAmount);\n                    colour = mix(colour, purple, overlap * 0.75);\n                    \n                    float glowBlue = smoothstep(1.6, 0.3, length(uv - vec2(0.0, 1.0))) * 0.08;\n                    float glowOrange = smoothstep(1.6, 0.3, length(uv - vec2(1.0, 0.0))) * 0.08;\n                    colour += blue * glowBlue + orange * glowOrange;\n                    \n                    float vignette = 1.0 - length(vUv - 0.5) * 0.4;\n                    colour *= vignette;\n                    \n                    float luminance = dot(colour, vec3(0.299, 0.587, 0.114));\n                    colour = mix(vec3(luminance), colour, 1.3);\n                    colour = pow(colour, vec3(0.95));\n                    \n                    \/\/ Start from top: maak alles boven uStartFromTop donker\n                    \/\/ vUv.y = 0.0 is onderkant, vUv.y = 1.0 is bovenkant\n                    \/\/ uStartFromTop = 0.25 betekent: gradient begint pas vanaf 75% van boven (25% vanaf onder)\n                    float startThreshold = 1.0 - uStartFromTop;\n                    if (vUv.y > startThreshold && uStartFromTop > 0.0) {\n                        \/\/ Fade van gradient naar donker boven de threshold\n                        float startFade = smoothstep(startThreshold, startThreshold + 0.1, vUv.y);\n                        colour = mix(colour, dark, startFade);\n                    }\n                    \n                    \/\/ Configureerbare fades\n                    if (uFadeTop) {\n                        \/\/ Fade aan bovenkant: van gradient naar donker naarmate y naar 1.0 gaat\n                        float topFade = smoothstep(1.0 - uFadeTopIntensity, 1.0, vUv.y);\n                        colour = mix(colour, dark, topFade);\n                    }\n                    \n                    if (uFadeBottom) {\n                        \/\/ Fade aan onderkant: van donker naar gradient naarmate y van 0.0 stijgt\n                        float bottomFade = smoothstep(0.0, uFadeBottomIntensity, vUv.y);\n                        colour = mix(dark, colour, bottomFade);\n                    }\n                    \n                    gl_FragColor = vec4(colour, 1.0);\n                }\n            `;\n\n            function createShader(gl, type, source) {\n                const shader = gl.createShader(type);\n                gl.shaderSource(shader, source);\n                gl.compileShader(shader);\n                if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n                    console.error('Shader compile error:', gl.getShaderInfoLog(shader));\n                    gl.deleteShader(shader);\n                    return null;\n                }\n                return shader;\n            }\n\n            const vertexShader = createShader(gl, gl.VERTEX_SHADER, vsSource);\n            const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fsSource);\n\n            if (!vertexShader || !fragmentShader) return;\n\n            const program = gl.createProgram();\n            gl.attachShader(program, vertexShader);\n            gl.attachShader(program, fragmentShader);\n            gl.linkProgram(program);\n\n            if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n                console.error('Program link error:', gl.getProgramInfoLog(program));\n                return;\n            }\n\n            gl.useProgram(program);\n\n            const positions = new Float32Array([\n                -1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1,\n            ]);\n\n            const positionBuffer = gl.createBuffer();\n            gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);\n            gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW);\n\n            const aPosition = gl.getAttribLocation(program, 'aPosition');\n            gl.enableVertexAttribArray(aPosition);\n            gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0);\n\n            const uTime = gl.getUniformLocation(program, 'uTime');\n            const uScrollProgress = gl.getUniformLocation(program, 'uScrollProgress');\n            const uUvScale = gl.getUniformLocation(program, 'uUvScale');\n            const uUvDistortionIterations = gl.getUniformLocation(program, 'uUvDistortionIterations');\n            const uUvDistortionIntensity = gl.getUniformLocation(program, 'uUvDistortionIntensity');\n            const uUvOffset = gl.getUniformLocation(program, 'uUvOffset');\n            const uFadeTop = gl.getUniformLocation(program, 'uFadeTop');\n            const uFadeBottom = gl.getUniformLocation(program, 'uFadeBottom');\n            const uFadeTopIntensity = gl.getUniformLocation(program, 'uFadeTopIntensity');\n            const uFadeBottomIntensity = gl.getUniformLocation(program, 'uFadeBottomIntensity');\n            const uStartFromTop = gl.getUniformLocation(program, 'uStartFromTop');\n            const uUvScaleY = gl.getUniformLocation(program, 'uUvScaleY');\n\n            gl.uniform1f(uUvScale, 1.0);\n            gl.uniform1f(uUvDistortionIterations, 3.0);\n            gl.uniform1f(uUvDistortionIntensity, 0.08);\n            gl.uniform2f(uUvOffset, 0.0, 0.0);\n            gl.uniform1i(uFadeTop, config.fadeTop ? 1 : 0);\n            gl.uniform1i(uFadeBottom, config.fadeBottom ? 1 : 0);\n            gl.uniform1f(uFadeTopIntensity, config.fadeTopIntensity);\n            gl.uniform1f(uFadeBottomIntensity, config.fadeBottomIntensity);\n            gl.uniform1f(uStartFromTop, config.startFromTop);\n            gl.uniform1f(uUvScaleY, config.uvScaleY);\n\n            let startTime = performance.now();\n            let scrollProgress = 0;\n\n            function updateScroll() {\n                if (!config.scrollEffect) return;\n                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n                const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n                scrollProgress = docHeight > 0 ? scrollTop \/ docHeight : 0;\n            }\n            if (config.scrollEffect) {\n                window.addEventListener('scroll', updateScroll, { passive: true });\n            }\n\n            function resize() {\n                canvas.width = canvas.offsetWidth || window.innerWidth;\n                canvas.height = canvas.offsetHeight || window.innerHeight;\n                gl.viewport(0, 0, canvas.width, canvas.height);\n            }\n            window.addEventListener('resize', resize);\n\n            function render() {\n                const time = (performance.now() - startTime) \/ 1000;\n                gl.uniform1f(uTime, time * 0.12);\n                gl.uniform1f(uScrollProgress, scrollProgress * 0.5);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                requestAnimationFrame(render);\n            }\n\n            resize();\n            render();\n        }\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initGradient);\n        } else {\n            initGradient();\n        }\n    })();\n    <\/script>\n        <div class=\"max-w-[1407px] mx-auto px-4 md:px-8 flex flex-col items-center gap-10\">\n        \n        <!-- Titel -->\n        <h2 class=\"font-display font-light text-xl sm:text-2xl md:text-3xl lg:text-heading-medium text-white text-center max-w-[441px] relative z-10\">\n            Klanten <span>vertellen<\/span>        <\/h2>\n        \n        <!-- Review content met pijltjes -->\n        <div class=\"review-content-wrapper flex items-center justify-center w-full lg:w-[95%] gap-0 lg:gap-[70px]\">\n            <!-- Links pijltje (hidden on screens smaller than 1450px) -->\n            <div class=\"review-arrow prev hidden min-[1450px]:flex w-12 h-12 rounded-full bg-black\/25 items-center justify-center cursor-pointer transition-colors duration-300 shrink-0 relative z-10 hover:bg-black\/50\">\n                <i class=\"fa-solid fa-arrow-left text-xl text-white\"><\/i>\n            <\/div>\n            \n            <!-- Rectangle achtergrond -->\n            <div class=\"review-background flex w-full lg:w-[1167px] min-h-[320px] md:min-h-[320px] lg:h-[285px] mx-auto bg-white\/5 backdrop-blur-sm items-center justify-center relative py-6 lg:py-0\">\n                <!-- Reviews Container - scrollable on mobile, slider on desktop -->\n                <div class=\"reviews-container flex items-center justify-start lg:justify-center w-full h-full overflow-x-auto lg:overflow-hidden snap-x snap-mandatory scrollbar-hide\" data-reviews-total=\"9\">\n                \n                <!-- Slides track -->\n                <div class=\"reviews-track flex w-full h-full lg:transition-transform lg:duration-500 lg:ease-out\">\n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide active flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"0\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    De mannen van Developing hebben fantastisch werk geleverd. Professioneel, gemakkelijk te bereiken en ze hebben onze wensen fantastisch vertaald naar realiteit.                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Tom Verheijen                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"1\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    Oprecht erg tevreden over alles. Ze zijn zeer kundig, professioneel en vooral erg open en responsief. Heb eerder websites laten maken maar Developing steekt met kop en schouders uit boven iedereen. Dikke 10\/10. Kan iedereen aanbevelen                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Dr. Volkan Tanaydin                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"2\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    De heren van Developing weten binnen een kort tijdsbestek vanuit een concept een complete en moderne website te realiseren.\r\nDe lijnen zijn kort, waardoor de communicatie fijn en snel verloopt. Wij zijn erg tevreden over de samenwerking!                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Pieter Gerrits                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"3\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    Developing is onze vaste partner voor het realiseren van websites voor verschillende van onze concepten. Ze denken proactief mee, leveren uitstekend op, zeggen wat ze doen en doen wat ze zeggen, verrassen in het ontwerp en zijn daarbij nog eens snel ook, zoals ze beloven.                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Ferdi van den berg                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"4\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    Ik werk al enige tijd samen met deze heren en ben erg tevreden over onze samenwerking.  Deze mannen zijn sterke doorzetters en erg oplossingsgericht. Miscommunicaties worden direct rechtgezet en je kan altijd op ze bouwen. Recht door zee en doelgericht! Voor langdurige samenwerking, erg effici\u00ebnt. Zeer zeker aan te raden.                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Sonya Bakir                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"5\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    Zeer tevreden met een fantastisch ontworpen nieuwe website. De heren zijn betrokken, meedenkend, accuraat en snel in hun handelen. Warm aanbevolen!                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Nick Bouwman                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"6\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    Na een uitvoerig voortraject zijn wij heel blij dat we de keus voor Developing hebben gemaakt om onze maatwerk webshop te ontwikkelen. De heren van Developing reageren snel en adequaat. We doen nooit tevergeefs een beroep op ze. Wij zijn heel tevreden met  onze webshop waarbij alle producten en onze huisstijl een mooie match vormen.                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Dorine Dijsselhof                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"7\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    Geweldig werk heeft Developing geleverd. Ze hebben een nette, strakke en overzichtelijke website opgeleverd, met al onze wensen inbegrepen. De snelle service en het gemakkelijke contact maakt overleg erg prettig. Niets is ze teveel. Wij zijn erg tevreden met onze nieuwe website!                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Mentorproject Laten we Welzijn                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                        \n                    <!-- Review Slide -->\n                    <div class=\"review-slide  flex-shrink-0 w-full snap-center relative z-[2] flex items-center justify-center h-full\" data-slide=\"8\">\n                        <!-- Review Content -->\n                        <div class=\"w-full lg:w-[922px] mx-auto flex flex-col lg:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-[78px] px-6 lg:px-0\">\n                            \n                            <!-- Klant Afbeelding -->\n                            <div class=\"relative flex-shrink-0\">\n                                                            <\/div>\n                            \n                            <!-- Review Content -->\n                            <div class=\"flex flex-col items-center lg:items-start gap-2 md:gap-3 lg:gap-4\">\n                                \n                                <!-- Sterren -->\n                                <div class=\"review-stars flex gap-1 text-orange\">\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                            <i class=\"fa-solid fa-star text-sm md:text-base lg:text-lg\"><\/i>\n                                                                    <\/div>\n                                \n                                <!-- Review Tekst -->\n                                <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-body-large leading-relaxed text-white text-center lg:text-left max-w-full lg:max-w-[723px]\">\n                                    Developing heeft, na twee keer niet tevreden te zijn over mijn website, een geweldige unieke versie ontworpen! Kundige mannen die weten wat ze doen. Zeker een aanrader wanneer je jouw bedrijf op een mooie manier wil onderscheiden op het internet.                                <\/p>\n                                \n                                <!-- Naam Klant -->\n                                <p class=\"font-sans font-light text-xs sm:text-xs md:text-sm lg:text-lg text-white text-center lg:text-left\">\n                                    ~ Tostibus Foodtruck                                <\/p>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                                    <\/div>\n                \n                <\/div>\n            <\/div>\n            \n            <!-- Rechts pijltje (hidden on screens smaller than 1450px) -->\n            <div class=\"review-arrow next hidden min-[1450px]:flex w-12 h-12 rounded-full bg-black\/25 items-center justify-center cursor-pointer transition-colors duration-300 shrink-0 relative z-10 hover:bg-black\/50\">\n                <i class=\"fa-solid fa-arrow-right text-xl text-white\"><\/i>\n            <\/div>\n        <\/div>\n        \n        <!-- Bolletjes navigatie (Group 126) -->\n        <div class=\"review-dots mt-4 relative z-20 flex justify-center gap-2 mx-auto\">\n                            <div class=\"review-dot active w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"0\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"1\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"2\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"3\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"4\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"5\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"6\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"7\"><\/div>\n                            <div class=\"review-dot  w-[15px] h-[15px] rounded-full bg-white\/25 cursor-pointer transition-colors duration-300\" data-index=\"8\"><\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Review slider functionaliteit\n    initReviewSlider();\n    \n    function initReviewSlider() {\n        const container = document.querySelector('.reviews-container');\n        if (!container) return;\n        \n        const track = container.querySelector('.reviews-track');\n        const slides = container.querySelectorAll('.review-slide');\n        const dots = document.querySelectorAll('.review-dot');\n        const prevBtn = document.querySelector('.review-arrow.prev');\n        const nextBtn = document.querySelector('.review-arrow.next');\n        const totalSlides = slides.length;\n        let currentIndex = 0;\n        let autoplayInterval;\n        \n        \/\/ Initialiseer eerste slide\n        updateSlides();\n        \n        \/\/ Start autoplay\n        startAutoplay();\n        \n        function startAutoplay() {\n            stopAutoplay();\n            autoplayInterval = setInterval(function() {\n                currentIndex = (currentIndex + 1) % totalSlides;\n                updateSlides();\n            }, 5000);\n        }\n        \n        function stopAutoplay() {\n            if (autoplayInterval) {\n                clearInterval(autoplayInterval);\n            }\n        }\n        \n        function resetAutoplay() {\n            stopAutoplay();\n            startAutoplay();\n        }\n        \n        \/\/ Event listeners voor de navigatie\n        if (prevBtn) {\n            prevBtn.addEventListener('click', function() {\n                currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\n                updateSlides();\n                resetAutoplay();\n            });\n        }\n        \n        if (nextBtn) {\n            nextBtn.addEventListener('click', function() {\n                currentIndex = (currentIndex + 1) % totalSlides;\n                updateSlides();\n                resetAutoplay();\n            });\n        }\n        \n        \/\/ Event listeners voor de bolletjes\n        dots.forEach((dot, index) => {\n            dot.addEventListener('click', function() {\n                currentIndex = index;\n                updateSlides();\n                resetAutoplay();\n                \/\/ Scroll to the correct slide on mobile\n                if (slides[index]) {\n                    slides[index].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });\n                }\n            });\n        });\n        \n        \/\/ Scroll event listener for mobile - sync dots with scroll position\n        let scrollTimeout;\n        container.addEventListener('scroll', function() {\n            resetAutoplay();\n            clearTimeout(scrollTimeout);\n            scrollTimeout = setTimeout(function() {\n                const containerRect = container.getBoundingClientRect();\n                const containerCenter = containerRect.left + containerRect.width \/ 2;\n                \n                let closestIndex = 0;\n                let closestDistance = Infinity;\n                \n                slides.forEach((slide, index) => {\n                    const slideRect = slide.getBoundingClientRect();\n                    const slideCenter = slideRect.left + slideRect.width \/ 2;\n                    const distance = Math.abs(containerCenter - slideCenter);\n                    \n                    if (distance < closestDistance) {\n                        closestDistance = distance;\n                        closestIndex = index;\n                    }\n                });\n                \n                if (closestIndex !== currentIndex) {\n                    currentIndex = closestIndex;\n                    updateDots();\n                }\n            },10);\n        });\n        \n        \/\/ Update alleen de bolletjes (voor scroll events)\n        function updateDots() {\n            dots.forEach((dot, index) => {\n                const isActive = index === currentIndex;\n                if (isActive) {\n                    dot.classList.add('active');\n                    dot.classList.remove('bg-white\/25');\n                    dot.classList.add('bg-[#FF5100]');\n                } else {\n                    dot.classList.remove('active');\n                    dot.classList.remove('bg-[#FF5100]');\n                    dot.classList.add('bg-white\/25');\n                }\n            });\n        }\n        \n        \/\/ Update actieve slide en bolletje\n        function updateSlides() {\n            \/\/ Verschuif de track horizontaal\n            if (track) {\n                track.style.transform = `translateX(-${currentIndex * 100}%)`;\n            }\n            \n            \/\/ Update active state op slides (voor eventuele styling\/ARIA)\n            slides.forEach((slide, index) => {\n                if (index === currentIndex) {\n                    slide.classList.add('active');\n                } else {\n                    slide.classList.remove('active');\n                }\n            });\n            \n            \/\/ Update bolletjes\n            dots.forEach((dot, index) => {\n                const isActive = index === currentIndex;\n                if (isActive) {\n                    dot.classList.add('active');\n                    dot.classList.remove('bg-white\/25');\n                    dot.classList.add('bg-[#FF5100]');\n                } else {\n                    dot.classList.remove('active');\n                    dot.classList.remove('bg-[#FF5100]');\n                    dot.classList.add('bg-white\/25');\n                }\n            });\n        }\n    }\n});\n<\/script>\n\n\n\n\n<section class=\"w-full bg-black lg:px-paddingtest\" data-aos=\"fade-up\">\n    <div class=\"max-w-block px-6 md:px-8 min-[1350px]:px-0 mx-auto min-[1350px] mb-12 md:mb-20 lg:mb-spacingblocks\">\n        \n        <!-- Mobile & Tablet Layout (< 1350px) -->\n        <div class=\"min-[1350px]:hidden\">\n            <!-- Text Content -->\n                            <div class=\"mb-6 sm:mb-8 md:mb-10\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <h2 class=\"double-image-content-title font-display font-light text-xl sm:text-[24px] md:text-[32px] lg:text-[40px] leading-[140%] text-white [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                        Wij onderscheiden ons op het gebied van <span>kwaliteit, service<\/span> en <span>maatwerk.<\/span> Maximale persoonlijke aandacht is \u00e9\u00e9n van onze speerpunten.                    <\/h2>\n                <\/div>\n                        \n            <!-- Images Grid -->\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <!-- Image 1 -->\n                                    <div class=\"sm:row-span-2\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/developing.nl\/wp-content\/uploads\/2025\/12\/Double-image-content-pingpong-scaled.jpg\" \n                            alt=\"\" \n                            class=\"w-full h-56 sm:h-full sm:min-h-[300px] md:min-h-[400px] lg:min-h-[500px] object-cover object-[20%_center]\"\n                        \/>\n                    <\/div>\n                                \n                <!-- Image 2 -->\n                                    <div>\n                        <img decoding=\"async\" \n                            src=\"https:\/\/developing.nl\/wp-content\/uploads\/2025\/12\/double-image-content-showcase.jpg\" \n                            alt=\"\" \n                            class=\"w-full h-48 sm:h-full sm:min-h-[300px] md:min-h-[400px] lg:min-h-[500px] object-cover\"\n                        \/>\n                    <\/div>\n                            <\/div>\n        <\/div>\n        \n        <!-- Desktop Layout (1350px+) - Absolute positioning -->\n        <div class=\"hidden min-[1350px]:block relative min-h-[1020px]\">\n            \n            <!-- Text Content -->\n            <div class=\"relative z-10 absolute top-32 left-0 max-w-[890px]\">\n                                    <h2 class=\"double-image-content-title font-display font-light text-heading-medium leading-[130%] text-white [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                        Wij onderscheiden ons op het gebied van <span>kwaliteit, service<\/span> en <span>maatwerk.<\/span> Maximale persoonlijke aandacht is \u00e9\u00e9n van onze speerpunten.                    <\/h2>\n                            <\/div>\n            \n            <!-- Image 1 (Right side) -->\n                            <div class=\"absolute z-30 top-[-40px] right-0\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/developing.nl\/wp-content\/uploads\/2025\/12\/Double-image-content-pingpong-scaled.jpg\" \n                        alt=\"\" \n                        class=\"w-[443px] h-[803px] object-cover object-[20%_center]\"\n                    \/>\n                <\/div>\n                        \n            <!-- Image 2 (Left side) -->\n                            <div class=\"absolute z-20 top-[534px] left-0\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/developing.nl\/wp-content\/uploads\/2025\/12\/double-image-content-showcase.jpg\" \n                        alt=\"\" \n                        class=\"w-[1086px] h-[600px] object-cover\"\n                    \/>\n                <\/div>\n                        \n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n\n<style>\n\/* Diamond shape *\/\n.review-diamond {\n    position: absolute;\n    width: 1.5rem;\n    height: 1.5rem;\n    transform: rotate(45deg);\n    z-index: 10;\n}\n\n\/* Quote styling *\/\n.expertise-reviews-section .quote-text strong {\n    font-weight: 700;\n}\n<\/style>\n\n<section class=\"expertise-reviews-section w-full pt-2 lg:pt-2 relative lg:px-paddingtest bg-black\">\n    \n    <!-- Horizontale lijn bovenaan die naar rechts fade -->\n    <div class=\"pointer-events-none hidden 3xl:block absolute top-[128px] left-0 h-px z-10\" style=\"width: 50%; background: linear-gradient(to right, \n        rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%    );\"><\/div>\n    \n    <!-- Verticale lijn op 44px - meer omhoog, minder omlaag -->\n    <div class=\"pointer-events-none hidden 3xl:block absolute left-[44px] w-px h-[500px] z-10\" style=\"top: 0; background: linear-gradient(to bottom, \n        rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 30%, rgba(255,255,255,0.25) 70%, rgba(255,255,255,0) 100%    );\"><\/div>\n    \n    <!-- Verticale lijn op 134px - minder omhoog, meer omlaag -->\n    <div class=\"pointer-events-none hidden 3xl:block absolute left-[134px] w-px h-[750px] z-10\" style=\"top: 50px; background: linear-gradient(to bottom, \n        rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 15%, rgba(255,255,255,0) 100%    );\"><\/div>\n    \n    <div class=\"max-w-block mx-auto px-6 md:px-8 lg:px-0 py-12 sm:py-16 md:py-24 lg:py-32\" data-aos=\"fade-up\">\n        \n                \n                <!-- Reviews -->\n        <div class=\"reviews-wrapper flex flex-col gap-16 md:gap-24 lg:gap-28 xl:gap-30 2xl:gap-32 mb-4 md:mb-10 lg:mb-[30px] xl:mb-[40px] 2xl:mb-[50px] mt-2 lg:mt-[70px] xl:mt-[90px] 2xl:mt-[106px]\">\n                        \n            <!-- Review Item 1 -->\n            <div class=\"review-item relative\">\n                \n                <!-- Review Content Grid -->\n                <div class=\"review-grid flex flex-col lg:flex-row gap-6 md:gap-8 lg:gap-8 xl:gap-14 2xl:gap-16 lg:flex-row-reverse \">\n                    \n                    <!-- Grote Afbeelding -->\n                                        <div class=\"large-image-wrapper flex-shrink-0 lg:self-start order-first lg:order-none\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/developing.nl\/wp-content\/uploads\/2026\/03\/IMG_6915-scaled.jpg\" \n                            alt=\"\"\n                            class=\"w-full h-[250px] md:h-[380px] lg:w-[485px] lg:h-full lg:min-h-[600px] object-cover\"\n                        \/>\n                    <\/div>\n                                        \n                    <!-- Review Content Wrapper (titel, beschrijving, card, quote) -->\n                    <div class=\"review-content-wrapper flex-1 flex flex-col gap-6 md:gap-[50px] lg:gap-[60px] xl:gap-[70px] 2xl:gap-[80px]\">\n                        \n                                                <!-- Extra Header Content -->\n                        <div class=\"extra-header w-full md:max-w-[784px] text-center md:text-left\">\n                                                            <h3 class=\"extra-title font-display font-light text-lg sm:text-xl md:text-3xl lg:text-4xl xl:text-5xl 2xl:text-heading-medium leading-tight text-white mb-[20px] lg:mb-[22px] xl:mb-[25px] 2xl:mb-[28px] max-w-[805px] [&#038;_span]:text-orange [&#038;_span]:font-bold\">\n                                    Samenwerking als sleutel tot een <span>succesvol eindresultaat<\/span>.                                <\/h3>\n                                                        \n                                                            <p class=\"font-sans font-light text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl 2xl:text-body-large leading-relaxed text-white max-w-[625px]\">\n                                    Betrokkenheid is voor ons \u00e9\u00e9n van de ingredi\u00ebnten voor een succesvolle samenwerking. Het eindresultaat is wat telt, maar de weg daar naartoe vinden wij net zo belangrijk                                <\/p>\n                                                    <\/div>\n                                                \n                        <!-- Review Card met kleine afbeelding -->\n                        <div class=\"review-card-container relative flex flex-col items-center md:flex-row md:items-start gap-4 md:gap-0\">\n                            \n                            <!-- Kleine Review Afbeelding -->\n                                                        <div class=\"review-small-image flex-shrink-0 md:z-10 hidden md:block\">\n                                <img decoding=\"async\" \n                                    src=\"https:\/\/developing.nl\/wp-content\/uploads\/2025\/12\/Expertise-review1.jpg\" \n                                    alt=\"\"\n                                    class=\"w-28 h-28 md:w-[160px] md:h-[160px] lg:w-[180px] lg:h-[180px] xl:w-[190px] xl:h-[190px] 2xl:w-[200px] 2xl:h-[200px] object-cover rounded-sm md:rounded-none\"\n                                \/>\n                            <\/div>\n                                                        \n                            <!-- Review Card -->\n                            <div class=\"review-card relative bg-white py-[43px] px-[43px] w-full\">\n                                \n                                <!-- Diamond decoratie -->\n                                <div class=\"review-diamond -left-3 top-[90px] -translate-y-1\/2 hidden md:block\" style=\"background-color: #FFFFFF;\"><\/div>\n                                \n                                <!-- Review Content -->\n                                <div class=\"review-card-content text-black\">\n                                    \n                                    <!-- Review Titel -->\n                                                                        <h4 class=\"font-display font-semibold text-base sm:text-lg md:text-xl lg:text-2xl xl:text-2xl 2xl:text-3xl leading-tight mb-4\">\n                                        We doen nooit tevergeefs\u2028een beroep op ze.                                     <\/h4>\n                                                                        \n                                    <!-- Review Tekst -->\n                                                                        <p class=\"font-sans font-light text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl 2xl:text-body-large leading-relaxed mb-6\">\n                                        Na een uitvoerig voortraject zijn wij heel blij dat we de keus voor Developing hebben gemaakt om onze maatwerk webshop te ontwikkelen.                                    <\/p>\n                                                                        \n                                    <!-- Scheidingslijn -->\n                                    <div class=\"w-full h-px border-black\/15 border-t mb-4\"><\/div>\n                                    \n                                    <!-- Naam Klant -->\n                                                                        <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl 2xl:text-body-large leading-relaxed\">\n                                        ~ Powders&amp;Hazel                                    <\/p>\n                                                                        \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                                                \n                    <\/div>\n                    \n                <\/div>\n                \n            <\/div>\n            \n                        \n            <!-- Review Item 2 -->\n            <div class=\"review-item relative\">\n                \n                <!-- Review Content Grid -->\n                <div class=\"review-grid flex flex-col lg:flex-row gap-6 md:gap-8 lg:gap-8 xl:gap-14 2xl:gap-16 lg:flex-row \">\n                    \n                    <!-- Grote Afbeelding -->\n                                        <div class=\"large-image-wrapper flex-shrink-0 lg:self-start order-first lg:order-none\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/developing.nl\/wp-content\/uploads\/2026\/03\/IMG_6975_compressed.jpg\" \n                            alt=\"\"\n                            class=\"w-full h-[250px] md:h-[380px] lg:w-[485px] lg:h-full lg:min-h-[600px] object-cover\"\n                        \/>\n                    <\/div>\n                                        \n                    <!-- Review Content Wrapper (titel, beschrijving, card, quote) -->\n                    <div class=\"review-content-wrapper flex-1 flex flex-col gap-6 md:gap-[50px] lg:gap-[60px] xl:gap-[70px] 2xl:gap-[80px]\">\n                        \n                                                \n                        <!-- Review Card met kleine afbeelding -->\n                        <div class=\"review-card-container relative flex flex-col items-center md:flex-row md:items-start gap-4 md:gap-0\">\n                            \n                            <!-- Kleine Review Afbeelding -->\n                                                        <div class=\"review-small-image flex-shrink-0 md:z-10 hidden md:block\">\n                                <img decoding=\"async\" \n                                    src=\"https:\/\/developing.nl\/wp-content\/uploads\/2025\/12\/Expertise-review2.png\" \n                                    alt=\"\"\n                                    class=\"w-28 h-28 md:w-[160px] md:h-[160px] lg:w-[180px] lg:h-[180px] xl:w-[190px] xl:h-[190px] 2xl:w-[200px] 2xl:h-[200px] object-cover rounded-sm md:rounded-none\"\n                                \/>\n                            <\/div>\n                                                        \n                            <!-- Review Card -->\n                            <div class=\"review-card relative bg-blue py-[43px] px-[43px] w-full\">\n                                \n                                <!-- Diamond decoratie -->\n                                <div class=\"review-diamond -left-3 top-[90px] -translate-y-1\/2 hidden md:block\" style=\"background-color: #3E72FF;\"><\/div>\n                                \n                                <!-- Review Content -->\n                                <div class=\"review-card-content text-white\">\n                                    \n                                    <!-- Review Titel -->\n                                                                        <h4 class=\"font-display font-semibold text-base sm:text-lg md:text-xl lg:text-2xl xl:text-2xl 2xl:text-3xl leading-tight mb-4\">\n                                        Professioneel, behulpzaam en meedenkend.                                    <\/h4>\n                                                                        \n                                    <!-- Review Tekst -->\n                                                                        <p class=\"font-sans font-light text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl 2xl:text-body-large leading-relaxed mb-6\">\n                                        Als ik iemand moet aanwijzen die voor het perfecte plaatje kan zorgen dan is het Developing wel! Super tevreden over het werk dat deze mannen hebben neergezet.                                    <\/p>\n                                                                        \n                                    <!-- Scheidingslijn -->\n                                    <div class=\"w-full h-px border-white\/15 border-t mb-4\"><\/div>\n                                    \n                                    <!-- Naam Klant -->\n                                                                        <p class=\"font-sans font-bold text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl 2xl:text-body-large leading-relaxed\">\n                                        ~ Rowan                                    <\/p>\n                                                                        \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                                                <!-- Quote -->\n                        <div class=\"quote-wrapper w-full md:max-w-[784px] text-center md:text-left lg:text-left\">\n                            <p class=\"quote-text font-display font-bold text-lg sm:text-xl md:text-3xl lg:text-4xl xl:text-5xl 2xl:text-heading-medium leading-tight text-white mt-[18px] lg:mt-[20px] xl:mt-[22px] 2xl:mt-[24px]\">\n                                &#8220;Wij zijn heel blij dat we de voor Developing hebben gekozen&#8221;\n                            <\/p>\n                        <\/div>\n                                                \n                    <\/div>\n                    \n                <\/div>\n                \n            <\/div>\n            \n                    <\/div>\n                \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1141","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Expertise - Online oplossingen voor groeibedrijven \ud83d\ude80<\/title>\n<meta name=\"description\" content=\"Ben jij op zoek naar de perfecte nieuwe website, webshop of webapp? Wij staan voor je klaar. Ook wanneer je advies nodig hebt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developing.nl\/expertise\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Expertise - Online oplossingen voor groeibedrijven \ud83d\ude80\" \/>\n<meta property=\"og:description\" content=\"Ben jij op zoek naar de perfecte nieuwe website, webshop of webapp? Wij staan voor je klaar. Ook wanneer je advies nodig hebt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developing.nl\/expertise\/\" \/>\n<meta property=\"og:site_name\" content=\"Developing\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-19T09:47:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/developing.nl\\\/expertise\\\/\",\"url\":\"https:\\\/\\\/developing.nl\\\/expertise\\\/\",\"name\":\"Expertise - Online oplossingen voor groeibedrijven \ud83d\ude80\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/developing.nl\\\/#website\"},\"datePublished\":\"2026-01-28T08:48:00+00:00\",\"dateModified\":\"2026-03-19T09:47:32+00:00\",\"description\":\"Ben jij op zoek naar de perfecte nieuwe website, webshop of webapp? Wij staan voor je klaar. Ook wanneer je advies nodig hebt.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/developing.nl\\\/expertise\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/developing.nl\\\/expertise\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/developing.nl\\\/expertise\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/developing.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Expertise\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/developing.nl\\\/#website\",\"url\":\"https:\\\/\\\/developing.nl\\\/\",\"name\":\"Developing-Nieuw\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/developing.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Expertise - Online oplossingen voor groeibedrijven \ud83d\ude80","description":"Ben jij op zoek naar de perfecte nieuwe website, webshop of webapp? Wij staan voor je klaar. Ook wanneer je advies nodig hebt.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developing.nl\/expertise\/","og_locale":"nl_NL","og_type":"article","og_title":"Expertise - Online oplossingen voor groeibedrijven \ud83d\ude80","og_description":"Ben jij op zoek naar de perfecte nieuwe website, webshop of webapp? Wij staan voor je klaar. Ook wanneer je advies nodig hebt.","og_url":"https:\/\/developing.nl\/expertise\/","og_site_name":"Developing","article_modified_time":"2026-03-19T09:47:32+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/developing.nl\/expertise\/","url":"https:\/\/developing.nl\/expertise\/","name":"Expertise - Online oplossingen voor groeibedrijven \ud83d\ude80","isPartOf":{"@id":"https:\/\/developing.nl\/#website"},"datePublished":"2026-01-28T08:48:00+00:00","dateModified":"2026-03-19T09:47:32+00:00","description":"Ben jij op zoek naar de perfecte nieuwe website, webshop of webapp? Wij staan voor je klaar. Ook wanneer je advies nodig hebt.","breadcrumb":{"@id":"https:\/\/developing.nl\/expertise\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developing.nl\/expertise\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/developing.nl\/expertise\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/developing.nl\/"},{"@type":"ListItem","position":2,"name":"Expertise"}]},{"@type":"WebSite","@id":"https:\/\/developing.nl\/#website","url":"https:\/\/developing.nl\/","name":"Developing-Nieuw","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developing.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/pages\/1141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/comments?post=1141"}],"version-history":[{"count":19,"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/pages\/1141\/revisions"}],"predecessor-version":[{"id":2322,"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/pages\/1141\/revisions\/2322"}],"wp:attachment":[{"href":"https:\/\/developing.nl\/wp-json\/wp\/v2\/media?parent=1141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}