{"id":2441,"date":"2025-08-30T16:28:24","date_gmt":"2025-08-30T16:28:24","guid":{"rendered":"https:\/\/webontwerpers.be\/home\/"},"modified":"2026-02-17T15:56:33","modified_gmt":"2026-02-17T15:56:33","slug":"home","status":"publish","type":"page","link":"https:\/\/webontwerpers.be\/fr\/","title":{"rendered":"Webdesign Antwerpen voor KMO\u2019s en zelfstandigen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2441\" class=\"elementor elementor-2441 elementor-694\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8337df7 e-con-full e-flex e-con e-parent\" data-id=\"8337df7\" data-element_type=\"container\" id=\"start-analyse\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8e8dd6 elementor-widget elementor-widget-html\" data-id=\"a8e8dd6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wo-cta-slider\" id=\"wo-cta-slider\">\n  <style>\n    :root{\n      --wo-blue:#015af2;\n      --wo-purple:#a154d0;\n      --wo-dark:#0b1020;\n      --wo-muted:rgba(255,255,255,.75);\n      --wo-radius:24px;\n      --wo-shadow:0 30px 80px rgba(0,0,0,.55);\n      --wo-font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\n    }\n\n    \/* FULL WIDTH *\/\n    .wo-cta-slider{\n      width:100vw;\n      position:relative;\n      left:50%;\n      margin-left:-50vw;\n      background:\n        radial-gradient(800px 420px at 15% 20%, rgba(1,90,242,.35), transparent 60%),\n        radial-gradient(800px 420px at 85% 30%, rgba(161,84,208,.35), transparent 60%),\n        linear-gradient(180deg,#0b1020,#050814);\n      font-family:var(--wo-font);\n      color:#fff;\n      overflow:hidden;\n    }\n\n    \/* animated glow *\/\n    .wo-cta-slider::before{\n      content:\"\";\n      position:absolute;\n      inset:-30%;\n      background:conic-gradient(\n        from 0deg,\n        rgba(1,90,242,.18),\n        rgba(161,84,208,.18),\n        rgba(1,90,242,.18)\n      );\n      animation:woSpin 20s linear infinite;\n      opacity:.22;\n    }\n\n    @keyframes woSpin{\n      from{transform:rotate(0deg);}\n      to{transform:rotate(360deg);}\n    }\n\n    .wo-slider-wrap{\n      position:relative;\n      z-index:2;\n      max-width:1200px;\n      margin:0 auto;\n      padding:60px 20px;\n      min-height:475px; \/* fallback *\/\n      display:flex;\n      flex-direction:column;\n      justify-content:flex-start;\n    }\n\n    \/* SLIDES *\/\n    .wo-slides{\n      position:relative;\n      width:100%;\n    }\n\n    .wo-slide{\n      display:none;\n      grid-template-columns:1.1fr .9fr;\n      gap:40px;\n      align-items:center;\n      width:100%;\n      animation:woFade .6s ease;\n    }\n    .wo-slide.active{ display:grid; }\n\n    @keyframes woFade{\n      from{opacity:0; transform:translateY(20px);}\n      to{opacity:1; transform:translateY(0);}\n    }\n\n    \/* LEFT *\/\n    .wo-eyebrow{\n      font-size:12px;\n      font-weight:900;\n      letter-spacing:.4px;\n      text-transform:uppercase;\n      color:var(--wo-blue);\n      margin-bottom:12px;\n    }\n\n    .wo-title{\n      font-size:clamp(28px,3.8vw,46px);\n      line-height:1.05;\n      letter-spacing:-0.8px;\n      margin:0 0 16px;\n    }\n\n    .wo-title span{\n      background:linear-gradient(90deg,var(--wo-blue),var(--wo-purple));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n    }\n\n    .wo-text{\n      font-size:15.5px;\n      line-height:1.75;\n      color:var(--wo-muted);\n      max-width:60ch;\n      margin-bottom:26px;\n    }\n\n    .wo-cta{\n      display:flex;\n      gap:16px;\n      flex-wrap:wrap;\n    }\n\n    .wo-btn{\n      padding:14px 26px;\n      border-radius:18px;\n      font-weight:900;\n      text-decoration:none;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      transition:all .25s ease;\n    }\n\n    .wo-btn-primary{\n      background:linear-gradient(135deg,var(--wo-blue),var(--wo-purple));\n      color:#fff;\n      box-shadow:0 20px 60px rgba(1,90,242,.35);\n    }\n\n    .wo-btn-primary:hover{\n      background:#fff;\n      color:#000;\n      transform:translateY(-2px);\n    }\n\n    .wo-btn-secondary{\n      border:1px solid rgba(255,255,255,.25);\n      color:#fff;\n      background:rgba(255,255,255,.06);\n    }\n\n    .wo-btn-secondary:hover{\n      background:rgba(255,255,255,.14);\n    }\n\n    \/* RIGHT CARD *\/\n    .wo-card{\n      background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));\n      border:1px solid rgba(255,255,255,.18);\n      border-radius:var(--wo-radius);\n      padding:32px;\n      box-shadow:var(--wo-shadow);\n      backdrop-filter:blur(12px);\n    }\n\n    .wo-card h4{\n      margin:0 0 14px;\n      font-size:18px;\n      font-weight:900;\n    }\n\n    .wo-points{\n      display:grid;\n      gap:12px;\n    }\n\n    .wo-point{\n      display:flex;\n      gap:10px;\n      font-size:14px;\n      color:var(--wo-muted);\n    }\n\n    .wo-dot{\n      width:10px;\n      height:10px;\n      border-radius:50%;\n      margin-top:6px;\n      background:linear-gradient(135deg,var(--wo-blue),var(--wo-purple));\n      box-shadow:0 0 0 6px rgba(1,90,242,.2);\n    }\n\n    \/* NAV \u2013 ALWAYS BOTTOM *\/\n    .wo-nav{\n      margin-top:32px;\n      display:flex;\n      justify-content:center;\n      gap:10px;\n    }\n\n    .wo-nav span{\n      width:44px;\n      height:6px;\n      border-radius:999px;\n      background:rgba(255,255,255,.25);\n      cursor:pointer;\n      transition:.3s;\n    }\n\n    .wo-nav span.active{\n      width:68px;\n      background:linear-gradient(90deg,var(--wo-blue),var(--wo-purple));\n    }\n\n    \/* RESPONSIVE *\/\n    @media(max-width:900px){\n      .wo-slide{ grid-template-columns:1fr; }\n      .wo-card{ display:none; }\n      .wo-slider-wrap{ padding:80px 16px; }\n    }\n  <\/style>\n\n  <div class=\"wo-slider-wrap\">\n\n    <div class=\"wo-slides\">\n      <!-- SLIDE 1 -->\n      <div class=\"wo-slide active\">\n        <div>\n          <div class=\"wo-eyebrow\">Website pakketten<\/div>\n          <h2 class=\"wo-title\">\n            Professionele <span>websites<\/span><br>die klanten aantrekken\n          <\/h2>\n          <p class=\"wo-text\">\n            Voor starters \u00e9n gevestigde bedrijven. Heldere websitepakketten die meegroeien met uw onderneming.\n          <\/p>\n          <div class=\"wo-cta\">\n            <a href=\"https:\/\/webontwerpers.be\/onze-websitepakketten\/\" class=\"wo-btn wo-btn-primary\">Bekijk pakketten<\/a>\n            <a href=\"https:\/\/webontwerpers.be\/offerte\/\" class=\"wo-btn wo-btn-secondary\">Vraag offerte aan<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"wo-card\">\n          <h4>Website pakketten<\/h4>\n          <div class=\"wo-points\">\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Transparante prijzen<\/div>\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Modern en snel design<\/div>\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Meegroeiend met uw onderneming<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 2 -->\n      <div class=\"wo-slide\">\n        <div>\n          <div class=\"wo-eyebrow\">Google Ads<\/div>\n          <h2 class=\"wo-title\">\n            Meer <span>leads<\/span><br>sneller resultaat met Google Ads\n          <\/h2>\n          <p class=\"wo-text\">\n            Haal het maximale uit uw advertentiebudget met slimme, doelgerichte Google Ads-campagnes.\n          <\/p>\n          <div class=\"wo-cta\">\n            <a href=\"https:\/\/webontwerpers.be\/google-ads-service\/\" class=\"wo-btn wo-btn-primary\">Google Ads pakketten<\/a>\n            <a href=\"https:\/\/webontwerpers.be\/offerte\/\" class=\"wo-btn wo-btn-secondary\">Vraag offerte aan<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"wo-card\">\n          <h4>Google Ads service<\/h4>\n          <div class=\"wo-points\">\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Meer zichtbaarheid in Google<\/div>\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Advertenties gericht op uw doelgroep<\/div>\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Duidelijk meetbare resultaten<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 3 -->\n      <div class=\"wo-slide\">\n        <div>\n          <div class=\"wo-eyebrow\">SEO optimalisatie<\/div>\n          <h2 class=\"wo-title\">\n            Duurzame groei met <span>SEO<\/span><br>en online zichtbaarheid\n          <\/h2>\n          <p class=\"wo-text\">\n            Wij zorgen voor een betere vindbaarheid bij de juiste doelgroep, vandaag \u00e9n op lange termijn.\n          <\/p>\n          <div class=\"wo-cta\">\n            <a href=\"https:\/\/webontwerpers.be\/seo-service\/\" class=\"wo-btn wo-btn-primary\">SEO pakketten<\/a>\n            <a href=\"https:\/\/webontwerpers.be\/offerte\/\" class=\"wo-btn wo-btn-secondary\">Vraag offerte aan<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"wo-card\">\n          <h4>SEO diensten<\/h4>\n          <div class=\"wo-points\">\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Betere positive in Google<\/div>\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Meer relevante bezoekers<\/div>\n            <div class=\"wo-point\"><span class=\"wo-dot\"><\/span> Duurzame online groei<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- NAV -->\n    <div class=\"wo-nav\">\n      <span class=\"active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    const slides = document.querySelectorAll('.wo-slide');\n    const dots = document.querySelectorAll('.wo-nav span');\n    const sliderWrap = document.querySelector('.wo-slider-wrap');\n    let index = 0;\n\n    function fixHeight(){\n      let max = 0;\n      slides.forEach(slide=>{\n        slide.style.display = 'grid';\n        max = Math.max(max, slide.offsetHeight);\n        slide.style.display = '';\n      });\n      sliderWrap.style.minHeight = max + 'px';\n    }\n\n    function showSlide(i){\n      slides.forEach(s=>s.classList.remove('active'));\n      dots.forEach(d=>d.classList.remove('active'));\n      slides[i].classList.add('active');\n      dots[i].classList.add('active');\n      index = i;\n    }\n\n    dots.forEach((dot,i)=>{\n      dot.addEventListener('click',()=>showSlide(i));\n    });\n\n    window.addEventListener('load', fixHeight);\n    window.addEventListener('resize', fixHeight);\n\n    setInterval(()=>{\n      index = (index + 1) % slides.length;\n      showSlide(index);\n    }, 7000);\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd618ef e-con-full e-flex e-con e-parent\" data-id=\"cd618ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7df74 elementor-widget elementor-widget-html\" data-id=\"6c7df74\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"woq-quickbar\" id=\"woq-quickbar\">\n  <style>\n    :root{\n      --woq-blue:#015af2;\n      --woq-purple:#a154d0;\n\n      --woq-ink:#0b1020;\n      --woq-line:rgba(11,16,32,.14);\n      --woq-soft:rgba(11,16,32,.06);\n\n      --woq-white:rgba(255,255,255,.92);\n      --woq-shadow: 0 18px 55px rgba(11,16,32,.10);\n      --woq-shadow2: 0 22px 70px rgba(11,16,32,.14);\n\n      --woq-radius:999px;\n      --woq-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n    }\n\n    .woq-quickbar{\n      width:100vw;\n      position:relative;\n      left:50%;\n      margin-left:-50vw;\n      padding: 22px 0;\n      background:\n        radial-gradient(760px 240px at 12% 45%, rgba(1,90,242,.12), transparent 60%),\n        radial-gradient(760px 240px at 88% 45%, rgba(161,84,208,.12), transparent 60%),\n        linear-gradient(180deg,#ffffff,#fbfbff);\n      font-family: var(--woq-font);\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    .woq-quickbar::before{\n      content:\"\";\n      position:absolute; inset:-40%;\n      background: conic-gradient(\n        from 0deg,\n        rgba(1,90,242,.10),\n        rgba(161,84,208,.10),\n        rgba(1,90,242,.10)\n      );\n      filter: blur(14px);\n      opacity:.25;\n      animation: woqSpin 18s linear infinite;\n      z-index:0;\n      pointer-events:none;\n    }\n    @keyframes woqSpin{\n      from{ transform:rotate(0deg); }\n      to{ transform:rotate(360deg); }\n    }\n\n    .woq-wrap{\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 18px;\n      position:relative;\n      z-index:1;\n    }\n\n    .woq-row{\n      display:flex;\n      gap: 14px;\n      align-items: center;\n      justify-content: space-between;\n      position:relative;\n    }\n\n    @media (max-width: 900px){\n      .woq-row{\n        overflow-x:auto;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n        padding-bottom: 4px;\n      }\n      .woq-row::-webkit-scrollbar{ display:none; }\n\n      .woq-row::after{\n        content:\"\";\n        position:absolute;\n        right:0; top:0; bottom:0;\n        width:52px;\n        background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.95));\n        pointer-events:none;\n      }\n    }\n\n    .woq-pill{\n      position:relative;\n      display:flex;\n      align-items:center;\n      gap: 12px;\n      min-height: 66px;\n      padding: 14px 18px;\n      border-radius: var(--woq-radius);\n      background: var(--woq-white);\n      border: 1px solid var(--woq-line);\n      box-shadow: var(--woq-shadow);\n      text-decoration:none !important;\n      color: var(--woq-ink);\n      transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease, background .20s ease, filter .20s ease;\n      flex: 1 1 0;\n      min-width: 270px;\n      user-select:none;\n      overflow:hidden;\n      isolation:isolate;\n      will-change: transform;\n    }\n\n    .woq-pill::before{\n      content:\"\";\n      position:absolute;\n      inset:-65% -35%;\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.78), rgba(255,255,255,0) 60%);\n      transform: rotate(16deg);\n      opacity:.55;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    .woq-pill::after{\n      content:\"\";\n      position:absolute;\n      top:-30%;\n      left:-60%;\n      width: 60%;\n      height: 160%;\n      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));\n      transform: rotate(18deg);\n      opacity:.0;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    .woq-pill:hover{\n      transform: translateY(-2px) scale(1.01);\n      border-color: rgba(11,16,32,.22);\n      box-shadow: var(--woq-shadow2);\n      background: rgba(255,255,255,.97);\n    }\n    .woq-pill:hover::after{\n      opacity:.75;\n      animation: woqShimmer 1.2s ease;\n    }\n\n    @keyframes woqShimmer{\n      0%{ left:-60%; }\n      100%{ left:140%; }\n    }\n\n    .woq-pill.is-active{\n      color:#fff;\n      background: linear-gradient(135deg, var(--woq-blue), var(--woq-purple));\n      border-color: rgba(255,255,255,.20);\n      box-shadow: 0 26px 70px rgba(1,90,242,.20);\n    }\n    .woq-pill.is-active::before{\n      opacity:.28;\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.62), rgba(255,255,255,0) 62%);\n    }\n\n    .woq-pill.is-active .woq-glow{\n      opacity:1;\n      animation: woqGlow 2.4s ease-in-out infinite;\n    }\n    @keyframes woqGlow{\n      0%,100%{ filter: blur(10px); opacity:.55; }\n      50%{ filter: blur(14px); opacity:.85; }\n    }\n\n    .woq-glow{\n      position:absolute;\n      inset:-2px;\n      border-radius: var(--woq-radius);\n      background: radial-gradient(circle at 30% 40%, rgba(255,255,255,.35), rgba(255,255,255,0) 60%);\n      opacity:0;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    .woq-ic{\n      width: 42px;\n      height: 42px;\n      border-radius: 15px;\n      display:grid;\n      place-items:center;\n      background: rgba(11,16,32,.06);\n      border: 1px solid rgba(11,16,32,.10);\n      flex: 0 0 auto;\n      position:relative;\n      z-index:1;\n      transition: transform .22s ease, background .22s ease, border-color .22s ease;\n    }\n    .woq-pill:hover .woq-ic{ transform: translateY(-1px) scale(1.05); }\n    .woq-pill.is-active .woq-ic{\n      background: rgba(255,255,255,.16);\n      border-color: rgba(255,255,255,.22);\n      transform: scale(1.03);\n    }\n    .woq-ic svg{\n      width: 22px;\n      height: 22px;\n      color: currentColor;\n    }\n\n    .woq-txt{\n      display:flex;\n      flex-direction:column;\n      gap: 4px;\n      line-height:1.1;\n      position:relative;\n      z-index:1;\n    }\n    .woq-title{\n      font-weight: 950;\n      letter-spacing: -0.2px;\n      font-size: 14px;\n      opacity:.96;\n    }\n    .woq-sub{\n      font-size: 12.5px;\n      opacity: .75;\n      font-weight: 800;\n    }\n    .woq-pill.is-active .woq-sub{ opacity:.86; }\n\n    .woq-dots{\n      display:flex;\n      gap:6px;\n      margin-left:auto;\n      opacity:.68;\n      position:relative;\n      z-index:1;\n    }\n    .woq-dot{ width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.72; }\n\n    @media (prefers-reduced-motion: reduce){\n      .woq-quickbar::before,\n      .woq-pill::after,\n      .woq-pill.is-active .woq-glow{\n        animation:none !important;\n      }\n      .woq-pill, .woq-ic{ transition:none !important; }\n    }\n  <\/style>\n\n  <div class=\"woq-wrap\">\n    <div class=\"woq-row\" role=\"navigation\" aria-label=\"Snelle services\">\n\n      <!-- 1 -->\n      <a class=\"woq-pill is-active\" href=\"https:\/\/webontwerpers.be\/website-laten-maken\/\" data-woq-pill>\n        <span class=\"woq-glow\" aria-hidden=\"true\"><\/span>\n        <span class=\"woq-ic\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M6 6h15l-1.4 7H8L6 6z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"\/>\n            <path d=\"M6 6L5 3H2\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"\/>\n            <path d=\"M9 20a1 1 0 100-2 1 1 0 000 2zM18 20a1 1 0 100-2 1 1 0 000 2z\" fill=\"currentColor\"\/>\n            <path d=\"M8 13l-.7 3.2A2 2 0 009.2 19H19\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <span class=\"woq-txt\">\n          <span class=\"woq-title\">Ik wil een<\/span>\n          <span class=\"woq-sub\">E-commerce<\/span>\n        <\/span>\n        <span class=\"woq-dots\" aria-hidden=\"true\"><span class=\"woq-dot\"><\/span><span class=\"woq-dot\"><\/span><span class=\"woq-dot\"><\/span><\/span>\n      <\/a>\n\n      <!-- 2 -->\n      <a class=\"woq-pill\" href=\"https:\/\/webontwerpers.be\/website-laten-maken\/\" data-woq-pill>\n        <span class=\"woq-glow\" aria-hidden=\"true\"><\/span>\n        <span class=\"woq-ic\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M4 5.8A2.8 2.8 0 016.8 3h10.4A2.8 2.8 0 0120 5.8v7.6A2.8 2.8 0 0117.2 16H6.8A2.8 2.8 0 014 13.4V5.8z\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n            <path d=\"M9 21h6\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"\/>\n            <path d=\"M12 16v5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <span class=\"woq-txt\">\n          <span class=\"woq-title\">Ik wil Een <\/span>\n          <span class=\"woq-sub\">Professionele Website Laten Bouwen<\/span>\n        <\/span>\n      <\/a>\n\n      <!-- 3 -->\n      <a class=\"woq-pill\" href=\"https:\/\/webontwerpers.be\/google-ads-service\/\" data-woq-pill>\n        <span class=\"woq-glow\" aria-hidden=\"true\"><\/span>\n        <span class=\"woq-ic\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M21 12.2c0 4.7-3.2 8-8.4 8A9 9 0 1112 3a8.2 8.2 0 015.6 2.2\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"\/>\n            <path d=\"M21 12h-9v3.4h5.6\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <span class=\"woq-txt\">\n          <span class=\"woq-title\">Ik wil<\/span>\n          <span class=\"woq-sub\">Google Ads-Advies<\/span>\n        <\/span>\n      <\/a>\n\n      <!-- 4 -->\n      <a class=\"woq-pill\" href=\"https:\/\/webontwerpers.be\/seo-service\/\" data-woq-pill>\n        <span class=\"woq-glow\" aria-hidden=\"true\"><\/span>\n        <span class=\"woq-ic\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M10.5 18a7.5 7.5 0 100-15 7.5 7.5 0 000 15z\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n            <path d=\"M20.5 20.5l-4.2-4.2\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <span class=\"woq-txt\">\n          <span class=\"woq-title\">Ik wil <\/span>\n          <span class=\"woq-sub\">SEO optimalisatie<\/span>\n        <\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const pills = document.querySelectorAll('#woq-quickbar [data-woq-pill]');\n      if(!pills.length) return;\n\n      pills.forEach(p=>{\n        p.addEventListener('click', ()=>{\n          pills.forEach(x=>x.classList.remove('is-active'));\n          p.classList.add('is-active');\n        });\n      });\n\n      const row = document.querySelector('#woq-quickbar .woq-row');\n      if(row){\n        pills.forEach(p=>{\n          p.addEventListener('click', ()=>{\n            if(window.innerWidth > 900) return;\n            const r = row.getBoundingClientRect();\n            const pr = p.getBoundingClientRect();\n            const delta = (pr.left + pr.width\/2) - (r.left + r.width\/2);\n            row.scrollBy({ left: delta, behavior: 'smooth' });\n          });\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58794a4 e-con-full e-flex e-con e-parent\" data-id=\"58794a4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b30ec2a elementor-widget elementor-widget-html\" data-id=\"b30ec2a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WEBONTWERPERS \u2013 WEBSITE PAKKETTEN SECTION (4 PACKS SIDE-BY-SIDE DESKTOP)\n     Paste EVERYTHING into one Elementor HTML widget.\n-->\n<section class=\"wo-packs\" id=\"wo-packs\">\n  <style>\n    :root{\n      --wo-blue:#015af2;\n      --wo-purple:#a154d0;\n\n      --wo-bgA:#070A12;\n      --wo-bgB:#0a0f1f;\n\n      --wo-shadow: 0 22px 70px rgba(0,0,0,.30);\n      --wo-shadow2: 0 28px 95px rgba(0,0,0,.40);\n\n      --wo-radius:28px;\n      --wo-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n    }\n\n    .wo-packs{\n      width:100vw;\n      position:relative;\n      left:50%;\n      margin-left:-50vw;\n      padding: 96px 0;\n      background:\n        radial-gradient(1100px 520px at 14% 18%, rgba(1,90,242,.22), transparent 60%),\n        radial-gradient(1100px 520px at 86% 22%, rgba(161,84,208,.22), transparent 60%),\n        radial-gradient(900px 560px at 50% 110%, rgba(34,197,94,.10), transparent 60%),\n        linear-gradient(180deg, var(--wo-bgA), var(--wo-bgB));\n      font-family: var(--wo-font);\n      color: rgba(255,255,255,.92);\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    .wo-packs::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px);\n      background-size: 72px 72px;\n      opacity:.10;\n      pointer-events:none;\n      mix-blend-mode:soft-light;\n      z-index:0;\n    }\n    .wo-packs::after{\n      content:\"\";\n      position:absolute; inset:-35%;\n      background: conic-gradient(from 0deg,\n        rgba(1,90,242,.22),\n        rgba(161,84,208,.22),\n        rgba(1,90,242,.22)\n      );\n      opacity:.10;\n      filter: blur(20px);\n      animation: woPacksSpin 22s linear infinite;\n      pointer-events:none;\n      z-index:0;\n    }\n    @keyframes woPacksSpin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }\n\n    .wo-packs__wrap{\n      max-width: 1480px;\n      margin: 0 auto;\n      padding: 0 18px;\n      position:relative;\n      z-index:1;\n    }\n\n    .wo-packs__kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      font-weight: 900;\n      font-size: 12px;\n      letter-spacing:.42px;\n      text-transform:uppercase;\n      color: rgba(255,255,255,.86);\n      margin-bottom: 10px;\n    }\n    .wo-packs__dot{\n      width:10px;height:10px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      box-shadow: 0 0 0 6px rgba(1,90,242,.16);\n    }\n    .wo-packs__title{\n      margin:0 0 8px;\n      font-size: clamp(30px, 3.4vw, 48px);\n      line-height:1.04;\n      letter-spacing:-0.9px;\n    }\n    .wo-packs__title span{\n      background: linear-gradient(90deg, rgba(1,90,242,1), rgba(161,84,208,1));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color: transparent;\n    }\n    .wo-packs__sub{\n      margin:0 0 22px;\n      color: rgba(255,255,255,.70);\n      font-size: 15.6px;\n      line-height: 1.75;\n      max-width: 70ch;\n    }\n\n    .wo-packs__grid{\n      display:grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n      align-items: stretch;\n    }\n\n    .wo-pack{\n      position:relative;\n      border-radius: var(--wo-radius);\n      padding: 18px;\n      background: rgba(255,255,255,.06);\n      border: 1px solid rgba(255,255,255,.14);\n      box-shadow: var(--wo-shadow);\n      overflow:hidden;\n      transform: translateZ(0);\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, filter .22s ease;\n      display:flex;\n      flex-direction:column;\n      min-height: 100%;\n    }\n    .wo-pack::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      border-radius: calc(var(--wo-radius) + 2px);\n      padding: 2px;\n      background: linear-gradient(135deg, rgba(1,90,242,.55), rgba(161,84,208,.55), rgba(1,90,242,.22));\n      -webkit-mask:\n        linear-gradient(#000 0 0) content-box,\n        linear-gradient(#000 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n      opacity:.18;\n      pointer-events:none;\n    }\n    .wo-pack::after{\n      content:\"\";\n      position:absolute;\n      top:-40%;\n      left:-60%;\n      width: 60%;\n      height: 180%;\n      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));\n      transform: rotate(18deg);\n      opacity: 0;\n      pointer-events:none;\n    }\n    .wo-pack:hover{\n      transform: translateY(-4px);\n      box-shadow: var(--wo-shadow2);\n      border-color: rgba(255,255,255,.22);\n      background: rgba(255,255,255,.075);\n      filter: saturate(1.05);\n    }\n    .wo-pack:hover::after{\n      opacity:.85;\n      animation: woPackShimmer 1.15s ease;\n    }\n    @keyframes woPackShimmer{ 0%{ left:-60%; } 100%{ left:140%; } }\n\n    .wo-packTop{\n      display:flex;\n      align-items:flex-start;\n      justify-content:space-between;\n      gap: 12px;\n      margin-bottom: 10px;\n    }\n\n    .wo-cap{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: rgba(255,255,255,.08);\n      border: 1px solid rgba(255,255,255,.14);\n      color: rgba(255,255,255,.86);\n      font-weight: 900;\n      font-size: 12px;\n      letter-spacing:.2px;\n      white-space:nowrap;\n    }\n    .wo-cap i{\n      width:8px;height:8px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      display:inline-block;\n      box-shadow: 0 0 0 6px rgba(1,90,242,.14);\n    }\n\n    .wo-badge{\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, rgba(1,90,242,.18), rgba(161,84,208,.16));\n      border: 1px solid rgba(1,90,242,.28);\n      color: rgba(255,255,255,.92);\n      font-weight: 950;\n      font-size: 12px;\n      letter-spacing:.2px;\n      white-space:nowrap;\n    }\n\n    .wo-packName{\n      margin: 2px 0 6px;\n      font-size: 18px;\n      font-weight: 980;\n      letter-spacing: -0.35px;\n      color: rgba(255,255,255,.95);\n    }\n\n    .wo-outcome{\n      margin: 0 0 10px;\n      color: rgba(255,255,255,.74);\n      font-size: 13.2px;\n      line-height: 1.45;\n    }\n    .wo-outcome b{ color: rgba(255,255,255,.92); font-weight: 950; }\n    .wo-outcome em{ font-style: normal; color: rgba(1,90,242,.95); font-weight: 950; }\n\n    .wo-priceRow{\n      display:flex;\n      align-items:baseline;\n      gap: 10px;\n      margin: 8px 0 12px;\n      flex-wrap:wrap;\n    }\n    .wo-price{\n      font-size: 34px;\n      font-weight: 1000;\n      letter-spacing: -0.8px;\n      line-height:1;\n      background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,.82));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color: transparent;\n    }\n    .wo-vat{\n      color: rgba(255,255,255,.68);\n      font-weight: 900;\n      font-size: 13px;\n    }\n\n    .wo-listTitle{\n      margin: 10px 0 8px;\n      font-size: 13px;\n      letter-spacing:.2px;\n      color: rgba(255,255,255,.78);\n      font-weight: 900;\n    }\n\n    .wo-list{\n      margin:0;\n      padding:0;\n      list-style:none;\n      display:grid;\n      gap: 8px;\n    }\n\n    .wo-li{\n      display:flex;\n      gap: 10px;\n      align-items:flex-start;\n      color: rgba(255,255,255,.74);\n      font-size: 13.5px;\n      line-height: 1.55;\n      position:relative;\n      padding-right: 30px;\n    }\n    .wo-li svg{ flex:0 0 auto; margin-top:2px; opacity:.95; }\n    .wo-liMain{ min-width:0; }\n\n    .wo-q{\n      position:absolute;\n      right: 0;\n      top: 1px;\n      width: 22px;\n      height: 22px;\n      border-radius: 999px;\n      display:grid;\n      place-items:center;\n      border: 1px solid rgba(255,255,255,.18);\n      background: rgba(255,255,255,.06);\n      color: rgba(255,255,255,.88);\n      cursor: pointer;\n      user-select:none;\n      transition: transform .18s ease, background .18s ease, border-color .18s ease;\n      line-height: 1;\n      padding:0;\n    }\n    .wo-q:hover{\n      transform: translateY(-1px);\n      background: rgba(1,90,242,.14);\n      border-color: rgba(1,90,242,.30);\n    }\n    .wo-q:focus{\n      outline: none;\n      box-shadow: 0 0 0 3px rgba(1,90,242,.25);\n    }\n\n    .wo-tip{\n      position:absolute;\n      right: 0;\n      top: 28px;\n      width: min(320px, 72vw);\n      background: rgba(10, 15, 31, .92);\n      border: 1px solid rgba(255,255,255,.16);\n      border-radius: 16px;\n      padding: 10px 12px;\n      color: rgba(255,255,255,.88);\n      box-shadow: 0 18px 60px rgba(0,0,0,.55);\n      backdrop-filter: blur(10px) saturate(160%);\n      -webkit-backdrop-filter: blur(10px) saturate(160%);\n      z-index: 40;\n      opacity: 0;\n      transform: translateY(6px);\n      pointer-events:none;\n      transition: opacity .16s ease, transform .16s ease;\n    }\n    .wo-tip b{ color: rgba(255,255,255,.95); font-weight: 950; }\n    .wo-tip:before{\n      content:\"\";\n      position:absolute;\n      right: 12px;\n      top: -7px;\n      width: 12px;\n      height: 12px;\n      transform: rotate(45deg);\n      background: rgba(10, 15, 31, .92);\n      border-left: 1px solid rgba(255,255,255,.16);\n      border-top: 1px solid rgba(255,255,255,.16);\n    }\n\n    .wo-q[data-open=\"1\"] + .wo-tip{\n      opacity: 1;\n      transform: translateY(0);\n      pointer-events:auto;\n    }\n\n    .wo-packFooter{\n      margin-top: auto;\n      padding-top: 14px;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 12px;\n      flex-wrap:wrap;\n    }\n\n    .wo-btnGlass{\n      position: relative;\n      background: rgba(255, 255, 255, 0.15);\n      border: 1px solid rgba(255, 255, 255, 0.30);\n      border-radius: 16px;\n      color: #fff;\n      font-size: 14.5px;\n      font-weight: 900;\n      padding: 12px 14px;\n      cursor: pointer;\n      backdrop-filter: blur(10px) saturate(180%);\n      -webkit-backdrop-filter: blur(10px) saturate(180%);\n      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);\n      overflow: hidden;\n      transition: all 0.35s ease;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      text-decoration:none !important;\n      user-select:none;\n      white-space:nowrap;\n    }\n    .wo-btnGlass:hover{\n      background: rgba(255, 255, 255, 0.25);\n      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);\n      transform: translateY(-1px) scale(1.02);\n      color:#fff;\n    }\n    .wo-btnGlass::before{\n      content:\"\";\n      position:absolute;\n      top:-50%;\n      left:-50%;\n      width:200%;\n      height:200%;\n      background: radial-gradient(circle, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0) 60%);\n      transform: rotate(45deg);\n      pointer-events:none;\n      animation: woBtnShine 3s infinite linear;\n      border-radius: inherit;\n    }\n    @keyframes woBtnShine{\n      0%{ transform: translate(-100%, -100%) rotate(45deg); opacity: .30; }\n      50%{ transform: translate(100%, 100%) rotate(45deg); opacity: .60; }\n      100%{ transform: translate(-100%, -100%) rotate(45deg); opacity: .30; }\n    }\n\n    .wo-arrow{\n      width: 26px; height: 26px;\n      border-radius: 999px;\n      display:grid; place-items:center;\n      background: rgba(255,255,255,.08);\n      border: 1px solid rgba(255,255,255,.14);\n      transition: transform .22s ease;\n    }\n    .wo-btnGlass:hover .wo-arrow{ transform: translateX(3px); }\n    .wo-arrow svg{ width: 16px; height:16px; }\n\n    .wo-choose{\n      margin-top: 18px;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 12px;\n      flex-wrap:wrap;\n      padding: 14px 16px;\n      border-radius: 18px;\n      background: rgba(255,255,255,.045);\n      border: 1px solid rgba(255,255,255,.12);\n    }\n    .wo-choose__txt{\n      margin:0;\n      color: rgba(255,255,255,.72);\n      font-size: 13.5px;\n      line-height: 1.5;\n      max-width: 78ch;\n    }\n    .wo-choose__txt b{ color: rgba(255,255,255,.92); font-weight: 950; }\n    .wo-choose__a{\n      color: rgba(255,255,255,.92);\n      font-weight: 950;\n      text-decoration: none;\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding: 10px 12px;\n      border-radius: 14px;\n      border: 1px solid rgba(255,255,255,.16);\n      background: rgba(1,90,242,.12);\n      white-space:nowrap;\n      transition: transform .2s ease, background .2s ease, border-color .2s ease;\n    }\n    .wo-choose__a:hover{\n      transform: translateY(-1px);\n      background: rgba(1,90,242,.18);\n      border-color: rgba(1,90,242,.32);\n      color:#fff;\n    }\n\n    @media(max-width: 1100px){\n      .wo-packs__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    }\n    @media(max-width: 740px){\n      .wo-packs{ padding: 78px 0; }\n      .wo-packs__grid{ grid-template-columns: 1fr; }\n      .wo-tip{ width: min(340px, 78vw); }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .wo-packs::after, .wo-pack::after, .wo-btnGlass::before{ animation:none !important; }\n      .wo-pack, .wo-btnGlass, .wo-tip{ transition:none !important; }\n    }\n\n    \/* NEW: APPLY MODAL *\/\n    .wo-applyOverlay{\n      position: fixed;\n      inset: 0;\n      background: rgba(0,0,0,.62);\n      backdrop-filter: blur(8px) saturate(140%);\n      -webkit-backdrop-filter: blur(8px) saturate(140%);\n      z-index: 999999;\n      display:none;\n      align-items:center;\n      justify-content:center;\n      padding: 18px;\n    }\n    .wo-applyOverlay[data-open=\"1\"]{ display:flex; }\n\n    \/* \u2705 FIX: modal must be scroll-safe on small screens *\/\n    .wo-applyModal{\n      width: min(720px, 100%);\n      border-radius: 22px;\n      background:\n        radial-gradient(900px 500px at 15% 10%, rgba(1,90,242,.22), transparent 60%),\n        radial-gradient(900px 500px at 85% 0%, rgba(161,84,208,.14), transparent 62%),\n        rgba(10,15,31,.92);\n      border: 1px solid rgba(255,255,255,.16);\n      box-shadow: 0 28px 120px rgba(0,0,0,.70);\n      overflow:hidden;\n      position:relative;\n\n      \/* \u2705 makes internal scrolling possible *\/\n      display:flex;\n      flex-direction:column;\n\n      \/* \u2705 never exceed viewport *\/\n      max-height: calc(100dvh - 36px);\n    }\n\n    .wo-applyHead{\n      padding: 16px 16px 12px;\n      display:flex;\n      align-items:flex-start;\n      justify-content:space-between;\n      gap: 12px;\n      border-bottom: 1px solid rgba(255,255,255,.10);\n      flex: 0 0 auto;\n    }\n    .wo-applyTitle{\n      margin:0;\n      font-size: 16px;\n      font-weight: 980;\n      letter-spacing: -0.25px;\n      color: rgba(255,255,255,.95);\n    }\n    .wo-applySub{\n      margin: 4px 0 0;\n      color: rgba(255,255,255,.70);\n      font-size: 13px;\n      line-height: 1.45;\n      max-width: 64ch;\n    }\n    .wo-applyPackPill{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      margin-top: 8px;\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: rgba(255,255,255,.06);\n      border: 1px solid rgba(255,255,255,.14);\n      color: rgba(255,255,255,.92);\n      font-size: 12px;\n      font-weight: 950;\n      white-space:nowrap;\n    }\n    .wo-applyPackPill i{\n      width:8px;height:8px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      display:inline-block;\n      box-shadow: 0 0 0 6px rgba(1,90,242,.14);\n    }\n    .wo-applyClose{\n      width: 38px;\n      height: 38px;\n      border-radius: 14px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      color: rgba(255,255,255,.92);\n      cursor:pointer;\n      display:grid;\n      place-items:center;\n      transition: transform .18s ease, background .18s ease, border-color .18s ease;\n      flex: 0 0 auto;\n    }\n    .wo-applyClose:hover{\n      transform: translateY(-1px);\n      background: rgba(1,90,242,.14);\n      border-color: rgba(1,90,242,.28);\n    }\n\n    \/* \u2705 FIX: body scroll inside modal *\/\n    .wo-applyBody{\n      padding: 14px 16px 16px;\n      display:grid;\n      gap: 12px;\n\n      flex: 1 1 auto;\n      min-height: 0;                 \/* critical for flex overflow *\/\n      overflow: auto;                \/* enable scroll *\/\n      -webkit-overflow-scrolling: touch;\n      overscroll-behavior: contain;  \/* prevent background \u201crubber band\u201d *\/\n    }\n\n    .wo-applyWins{\n      display:grid;\n      gap: 8px;\n      padding: 12px 12px;\n      border-radius: 18px;\n      background: rgba(255,255,255,.045);\n      border: 1px solid rgba(255,255,255,.12);\n    }\n    .wo-applyWins h4{\n      margin:0;\n      font-size: 12px;\n      letter-spacing:.25px;\n      text-transform: uppercase;\n      color: rgba(255,255,255,.78);\n      font-weight: 950;\n    }\n    .wo-applyWin{\n      display:flex;\n      gap: 10px;\n      align-items:flex-start;\n      color: rgba(255,255,255,.78);\n      font-size: 13.5px;\n      line-height: 1.5;\n    }\n    .wo-applyWin svg{ flex: 0 0 auto; margin-top:2px; opacity:.95; }\n\n    .wo-applyForm{\n      display:grid;\n      gap: 10px;\n    }\n    .wo-fRow{\n      display:grid;\n      gap: 10px;\n      grid-template-columns: 1fr 1fr;\n    }\n    .wo-field{ display:grid; gap: 6px; }\n    .wo-label{\n      font-size: 12px;\n      color: rgba(255,255,255,.72);\n      font-weight: 900;\n      letter-spacing:.15px;\n    }\n    .wo-input, .wo-select, .wo-textarea{\n      width:100%;\n      border-radius: 14px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      color: rgba(255,255,255,.92);\n      padding: 12px 12px;\n      font-size: 14px;\n      outline: none;\n      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;\n    }\n    .wo-textarea{ min-height: 92px; resize: vertical; }\n    .wo-input:focus, .wo-select:focus, .wo-textarea:focus{\n      border-color: rgba(1,90,242,.45);\n      box-shadow: 0 0 0 3px rgba(1,90,242,.18);\n      background: rgba(255,255,255,.075);\n    }\n\n    .wo-applyFoot{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 10px;\n      flex-wrap:wrap;\n      padding-top: 4px;\n    }\n    .wo-applyNote{\n      margin:0;\n      color: rgba(255,255,255,.62);\n      font-size: 12.5px;\n      line-height: 1.4;\n      max-width: 58ch;\n    }\n    .wo-applyBtn{\n      border: 0;\n      cursor: pointer;\n      background: linear-gradient(135deg, rgba(1,90,242,1), rgba(1,90,242,.85));\n      color: #fff;\n      font-weight: 950;\n      border-radius: 16px;\n      padding: 12px 14px;\n      display:inline-flex;\n      align-items:center;\n      gap: 10px;\n      box-shadow: 0 18px 44px rgba(1,90,242,.22);\n      transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;\n      white-space:nowrap;\n    }\n    .wo-applyBtn:hover{\n      transform: translateY(-1px);\n      filter: saturate(1.05);\n      box-shadow: 0 22px 56px rgba(1,90,242,.28);\n    }\n    .wo-applyBtn:disabled{ opacity:.6; cursor:not-allowed; transform:none; }\n\n    .wo-applyStatus{\n      display:none;\n      padding: 10px 12px;\n      border-radius: 14px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.05);\n      color: rgba(255,255,255,.82);\n      font-size: 13px;\n      line-height: 1.45;\n    }\n    .wo-applyStatus[data-show=\"1\"]{ display:block; }\n    .wo-applyStatus.ok{ border-color: rgba(34,197,94,.28); }\n    .wo-applyStatus.err{ border-color: rgba(239,68,68,.28); }\n\n    .wo-hpWrap{\n      position:absolute !important;\n      left:-9999px !important;\n      top:-9999px !important;\n      width:1px !important;\n      height:1px !important;\n      overflow:hidden !important;\n      opacity:0 !important;\n      pointer-events:none !important;\n    }\n\n    @media(max-width: 720px){\n      .wo-fRow{ grid-template-columns: 1fr; }\n\n      \/* \u2705 nicer on small screens: keep modal slightly top-biased *\/\n      .wo-applyOverlay{ align-items:flex-start; padding: 12px; }\n      .wo-applyModal{ max-height: calc(100dvh - 24px); }\n    }\n  <\/style>\n\n  <div class=\"wo-packs__wrap\">\n    <div class=\"wo-packs__kicker\"><span class=\"wo-packs__dot\"><\/span> Websitepakketten<\/div>\n    <h2 class=\"wo-packs__title\">U kiest uw doel, <span>wij zorgen voor een website<\/span> die presteert.<\/h2>\n    <p class=\"wo-packs__sub\">Korte, scherpe bullets. Extra uitleg? Tik op het <b>?<\/b> icoon.<\/p>\n\n    <div class=\"wo-packs__grid\">\n\n      <!-- Kickstart -->\n      <article class=\"wo-pack\" aria-label=\"Kickstart pakket\">\n        <div class=\"wo-packTop\">\n          <span class=\"wo-cap\"><i><\/i> Tot 5 pagina\u2019s<\/span>\n          <span class=\"wo-badge\">Start<\/span>\n        <\/div>\n        <h3 class=\"wo-packName\">Kickstart<\/h3>\n        <p class=\"wo-outcome\"><b>Doel:<\/b> <em>professioneel overkomen<\/em> en snel eerste leads genereren<\/p>\n        <div class=\"wo-priceRow\"><div class=\"wo-price\">\u20ac999<\/div><div class=\"wo-vat\">\/+BTW<\/div><\/div>\n\n        <div class=\"wo-listTitle\">Van twijfel naar vertrouwen:<\/div>\n        <ul class=\"wo-list\">\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U oogt te klein of onprofessioneel online<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Moderne layout en duidelijke visuele hi\u00ebrarchie voor een sterke eerste\nindruk.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">Bezoekers nemen geen actie<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">E\u00e9n heldere kernboodschap met strategisch geplaatste CTA\u2019s (bellen,\nWhatsApp, formulier).<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U wordt slecht gevonden in Google<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Basis SEO: correcte structuur, titels en snelle laadtijden voor relevante\nzoektermen.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">Twijfel bij potenti\u00eble klanten<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Vertrouwenselementen zoals reviews, werkwijze en FAQ\u2019s \u2014 zonder\nverkooppraatjes.<\/span>\n          <\/li>\n        <\/ul>\n\n        <div class=\"wo-packFooter\">\n          <a class=\"wo-btnGlass wo-applyBtnOpen\" data-pack=\"Kickstart\" href=\"https:\/\/webontwerpers.be\/website-laten-maken\/\">\n            Bekijk wat u krijgt\n            <span class=\"wo-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Groei voor KMO\u2019s -->\n      <article class=\"wo-pack\" aria-label=\"Groei voor KMO\u2019s\">\n        <div class=\"wo-packTop\">\n          <span class=\"wo-cap\"><i><\/i> Tot 10 pagina\u2019s<\/span>\n          <span class=\"wo-badge\">Meest gekozen<\/span>\n        <\/div>\n        <h3 class=\"wo-packName\">Groei voor KMO\u2019s<\/h3>\n        <p class=\"wo-outcome\"><b>Doel:<\/b> <em>meer aanvragen<\/em> en meetbaar verbeteren<\/p>\n        <div class=\"wo-priceRow\"><div class=\"wo-price\">\u20ac1349<\/div><div class=\"wo-vat\">\/+BTW<\/div><\/div>\n\n        <div class=\"wo-listTitle\">Van aanwezigheid naar resultaat<\/div>\n        <ul class=\"wo-list\">\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U heeft een website, maar weinig of geen aanvragen<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Heldere structuur, overtuigend bewijs en duidelijke CTA\u2019s die bezoekers\nrichting contact sturen.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U trekt de verkeerde bezoekers aan<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Gerichte zoekwoorden die de juiste klant aantrekt (en irrelevante\nbezoekers afremt).<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U weet niet wat werkt en wat niet<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Metingen via analytics en doelen, zodat u stopt met gokken en gericht kunt\noptimaliseren.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">Trage website kost u aanvragen<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Technische optimalisaties voor snelheid en gebruiksgemak, zodat\nbezoekers niet afhaken.<\/span>\n          <\/li>\n        <\/ul>\n\n        <div class=\"wo-packFooter\">\n          <a class=\"wo-btnGlass wo-applyBtnOpen\" data-pack=\"Groei voor KMO\u2019s\" href=\"https:\/\/webontwerpers.be\/website-laten-maken\/\">\n            Bekijk wat u krijgt\n            <span class=\"wo-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Autoriteit -->\n      <article class=\"wo-pack\" aria-label=\"Autoriteit pakket\">\n        <div class=\"wo-packTop\">\n          <span class=\"wo-cap\"><i><\/i> Tot 20 pagina\u2019s<\/span>\n          <span class=\"wo-badge\">Pro<\/span>\n        <\/div>\n        <h3 class=\"wo-packName\">Premium<\/h3>\n        <p class=\"wo-outcome\"><b>Doel:<\/b> <em>premium imago<\/em> en betere leads<\/p>\n        <div class=\"wo-priceRow\"><div class=\"wo-price\">\u20ac1699<\/div><div class=\"wo-vat\">\/+BTW<\/div><\/div>\n\n        <div class=\"wo-listTitle\">Van twijfel naar premium vertrouwen<\/div>\n        <ul class=\"wo-list\">\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U oogt niet premium genoeg<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Strakke UI, stijlvolle typografie en overtuigende proof-layers die uw prijs\ngeloofwaardig maken.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">Te veel prijsvragen in plaats van gekwalificeerde leads<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Slimme kwalificatieflow en formulieren die ruis weghalen en alleen\nserieuze prospects doorlaten.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U wilt structureel groeien in Google<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Geavanceerde SEO en contentstrategie voor duurzame vindbaarheid en\ngroei zonder toeval.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">B2B-beslissers twijfelen te lang<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Strategische content, trust-elementen en duidelijke call-to-actions die\nbesluitvorming versnellen.<\/span>\n          <\/li>\n        <\/ul>\n\n        <div class=\"wo-packFooter\">\n          <a class=\"wo-btnGlass wo-applyBtnOpen\" data-pack=\"Autoriteit\" href=\"https:\/\/webontwerpers.be\/website-laten-maken\/\">\n            Bekijk wat u krijgt\n            <span class=\"wo-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- E-commerce Verkoop -->\n      <article class=\"wo-pack\" aria-label=\"E-commerce pakket\">\n        <div class=\"wo-packTop\">\n          <span class=\"wo-cap\"><i><\/i> 50 producten ingeladen<\/span>\n          <span class=\"wo-badge\">Shop<\/span>\n        <\/div>\n        <h3 class=\"wo-packName\">E-commerce Verkoop <\/h3>\n        <p class=\"wo-outcome\"><b>Doel:<\/b> <em>meer orders<\/em> en minder afhakers<\/p>\n        <div class=\"wo-priceRow\"><div class=\"wo-price\">\u20ac1999<\/div><div class=\"wo-vat\">\/+BTW<\/div><\/div>\n\n        <div class=\"wo-listTitle\">Van browse naar aankoop<\/div>\n        <ul class=\"wo-list\">\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">Producten online zetten kost te veel tijd<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Wij laden de eerste 50 producten voor u in. Daarna kunt u zelf verder\naanvullen of dit door ons laten doen..<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">Bezoekers vinden niet wat ze zoeken<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Slimme categorie\u00ebn en filters maken keuzes makkelijker en verhogen het\naantal \u201cadd to cart\u201d.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">Winkelmandjes verdwijnen bij checkout<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Optimalisatie van betaalmethoden en frictie in de checkout voor minder\nafhakers.<\/span>\n          <\/li>\n          <li class=\"wo-li\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"wo-liMain\">U wilt organische webshopgroei<\/span>\n            <button class=\"wo-q\" type=\"button\" aria-label=\"Meer info\" aria-expanded=\"false\">?<\/button>\n            <span class=\"wo-tip\" role=\"tooltip\">Product- en categorie-SEO voor duurzame vindbaarheid en minder\nafhankelijkheid van advertenties.<\/span>\n          <\/li>\n        <\/ul>\n\n        <div class=\"wo-packFooter\">\n          <a class=\"wo-btnGlass wo-applyBtnOpen\" data-pack=\"E-commerce Verkoop\" href=\"https:\/\/webontwerpers.be\/website-laten-maken\/\">\n            Bekijk wat u krijgt\n            <span class=\"wo-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    \n\n  <!-- APPLY MODAL -->\n  <div class=\"wo-applyOverlay\" id=\"woApplyOverlay\" aria-hidden=\"true\">\n    <div class=\"wo-applyModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"woApplyTitle\">\n      <div class=\"wo-applyHead\">\n        <div>\n          <h3 class=\"wo-applyTitle\" id=\"woApplyTitle\">Aanvraag in 60 seconden<\/h3>\n          <p class=\"wo-applySub\">U vraagt het pakket aan \u2014 wij reageren binnen 24u met de snelste route naar resultaat.<\/p>\n          <div class=\"wo-applyPackPill\"><i aria-hidden=\"true\"><\/i> <span id=\"woApplyPackName\">\u2014<\/span><\/div>\n        <\/div>\n        <button class=\"wo-applyClose\" type=\"button\" id=\"woApplyClose\" aria-label=\"Sluiten\">\u2715<\/button>\n      <\/div>\n\n      <div class=\"wo-applyBody\">\n        <div class=\"wo-applyWins\" aria-label=\"Wat u krijgt\">\n          <h4>Wat u krijgt met dit pakket<\/h4>\n          <div class=\"wo-applyWin\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span id=\"woWin1\">\u2014<\/span><\/div>\n          <div class=\"wo-applyWin\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span id=\"woWin2\">\u2014<\/span><\/div>\n          <div class=\"wo-applyWin\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span id=\"woWin3\">\u2014<\/span><\/div>\n        <\/div>\n\n        <form class=\"wo-applyForm\" id=\"woApplyForm\" method=\"post\" novalidate>\n          <input type=\"hidden\" name=\"selected_package\" id=\"woSelectedPackage\" value=\"\">\n          <input type=\"hidden\" name=\"wo_ts\" id=\"woTs\" value=\"\">\n          <div class=\"wo-hpWrap\" aria-hidden=\"true\">\n            <label>Leave this field empty<\/label>\n            <input type=\"text\" name=\"wo_hp\" tabindex=\"-1\" autocomplete=\"off\">\n          <\/div>\n\n          <div class=\"wo-fRow\">\n            <div class=\"wo-field\">\n              <div class=\"wo-label\">Website (optioneel)<\/div>\n              <input class=\"wo-input\" type=\"url\" name=\"website\" placeholder=\"https:\/\/uwbedrijf.be\" autocomplete=\"url\">\n            <\/div>\n            <div class=\"wo-field\">\n              <div class=\"wo-label\">Doel<\/div>\n              <select class=\"wo-select\" name=\"goal\" required>\n                <option value=\"\" selected disabled>Kies een doel\u2026<\/option>\n                <option>Meer aanvragen \/ leads<\/option>\n                <option>Meer webshop-verkopen<\/option>\n                <option>Premium uitstraling \/ vertrouwen<\/option>\n                <option>Groei via Google (SEO)<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"wo-fRow\">\n            <div class=\"wo-field\">\n              <div class=\"wo-label\">Naam<\/div>\n              <input class=\"wo-input\" type=\"text\" name=\"name\" placeholder=\"Uw naam\" required autocomplete=\"name\">\n            <\/div>\n            <div class=\"wo-field\">\n              <div class=\"wo-label\">E-mail<\/div>\n              <input class=\"wo-input\" type=\"email\" name=\"email\" placeholder=\"naam@bedrijf.be\" required autocomplete=\"email\">\n            <\/div>\n          <\/div>\n\n          <div class=\"wo-fRow\">\n            <div class=\"wo-field\">\n              <div class=\"wo-label\">Telefoon<\/div>\n              <input class=\"wo-input\" type=\"tel\" name=\"phone\" placeholder=\"+32 \u2026\" required autocomplete=\"tel\">\n            <\/div>\n            <div class=\"wo-field\">\n              <div class=\"wo-label\">Deadline<\/div>\n              <select class=\"wo-select\" name=\"deadline\" required>\n                <option value=\"\" selected disabled>Kies\u2026<\/option>\n                <option>Zo snel mogelijk<\/option>\n                <option>Binnen 2 weken<\/option>\n                <option>Binnen 1 maand<\/option>\n                <option>Geen haast (maar w\u00e9l goed)<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"wo-field\">\n            <div class=\"wo-label\">Korte context (optioneel)<\/div>\n            <textarea class=\"wo-textarea\" name=\"message\" placeholder=\"Wat verkoopt u? Waar loopt u vast?\" autocomplete=\"off\"><\/textarea>\n          <\/div>\n\n          <div class=\"wo-applyStatus\" id=\"woApplyStatus\" data-show=\"0\"><\/div>\n\n          <div class=\"wo-applyFoot\">\n            <p class=\"wo-applyNote\">Geen spam. Geen verkooppraat. Alleen een eerlijk voorstel dat past bij uw doel.<\/p>\n            <button class=\"wo-applyBtn\" type=\"submit\" id=\"woApplySubmit\">\n              Verstuur aanvraag\n            <\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.querySelector('#wo-packs');\n      if(!root) return;\n\n      \/* TOOLTIP LOGIC (UNCHANGED) *\/\n      const buttons = Array.from(root.querySelectorAll('.wo-q'));\n      const canHover = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n\n      function closeAll(exceptBtn){\n        buttons.forEach(btn=>{\n          if(exceptBtn && btn === exceptBtn) return;\n          btn.dataset.open = \"0\";\n          btn.setAttribute('aria-expanded','false');\n        });\n      }\n\n      buttons.forEach(btn=>{\n        btn.dataset.open = \"0\";\n\n        btn.addEventListener('click', (e)=>{\n          e.preventDefault();\n          e.stopPropagation();\n          const isOpen = btn.dataset.open === \"1\";\n          closeAll(btn);\n          btn.dataset.open = isOpen ? \"0\" : \"1\";\n          btn.setAttribute('aria-expanded', isOpen ? 'false' : 'true');\n        });\n\n        if(canHover){\n          btn.addEventListener('mouseenter', ()=>{\n            closeAll(btn);\n            btn.dataset.open = \"1\";\n            btn.setAttribute('aria-expanded','true');\n          });\n\n          const tip = btn.nextElementSibling;\n          if(tip && tip.classList && tip.classList.contains('wo-tip')){\n            tip.addEventListener('mouseenter', ()=>{\n              btn.dataset.open = \"1\";\n              btn.setAttribute('aria-expanded','true');\n            });\n            tip.addEventListener('mouseleave', ()=>{\n              btn.dataset.open = \"0\";\n              btn.setAttribute('aria-expanded','false');\n            });\n          }\n\n          btn.addEventListener('mouseleave', ()=>{\n            setTimeout(()=>{\n              const tip = btn.nextElementSibling;\n              const isHoveringTip = tip && tip.matches(':hover');\n              if(!isHoveringTip){\n                btn.dataset.open = \"0\";\n                btn.setAttribute('aria-expanded','false');\n              }\n            }, 20);\n          });\n        }\n      });\n\n      document.addEventListener('click', ()=> closeAll());\n      document.addEventListener('keydown', (e)=>{ if(e.key === 'Escape') closeAll(); });\n\n      const a = root.querySelector('.wo-choose__a');\n      if(a){\n        a.addEventListener('click', function(e){\n          const href = a.getAttribute('href') || '';\n          if(!href.startsWith('#')) return;\n          const el = document.querySelector(href);\n          if(!el) return;\n          e.preventDefault();\n          closeAll();\n          el.scrollIntoView({behavior:'smooth', block:'start'});\n        });\n      }\n\n      \/* APPLY MODAL + REAL AJAX SEND *\/\n      const overlay = document.getElementById('woApplyOverlay');\n      const closeBtn = document.getElementById('woApplyClose');\n      const packNameEl = document.getElementById('woApplyPackName');\n      const win1 = document.getElementById('woWin1');\n      const win2 = document.getElementById('woWin2');\n      const win3 = document.getElementById('woWin3');\n      const hiddenPack = document.getElementById('woSelectedPackage');\n      const form = document.getElementById('woApplyForm');\n      const statusEl = document.getElementById('woApplyStatus');\n      const submitBtn = document.getElementById('woApplySubmit');\n      const tsEl = document.getElementById('woTs');\n\n      \/* \u2705 FIX: move overlay to BODY so fixed positioning is true viewport\n         (Elementor wrappers sometimes create transformed parents -> fixed breaks) *\/\n      if(overlay && overlay.parentElement !== document.body){\n        document.body.appendChild(overlay);\n      }\n\n      \/* \u2705 FIX: hard scroll lock (desktop + iOS) *\/\n      let __woScrollY = 0;\n      function lockScroll(){\n        __woScrollY = window.scrollY || window.pageYOffset || 0;\n        document.body.style.position = 'fixed';\n        document.body.style.top = (-__woScrollY) + 'px';\n        document.body.style.left = '0';\n        document.body.style.right = '0';\n        document.body.style.width = '100%';\n      }\n      function unlockScroll(){\n        const y = __woScrollY || 0;\n        document.body.style.position = '';\n        document.body.style.top = '';\n        document.body.style.left = '';\n        document.body.style.right = '';\n        document.body.style.width = '';\n        window.scrollTo(0, y);\n      }\n\n      const winsByPack = {\n        \"Kickstart\": [\n          \"Professionele uitstraling die vertrouwen wint\",\n          \"Duidelijke CTA\u2019s \u2192 meer contactaanvragen\",\n          \"Basis SEO zodat u gevonden wordt\"\n        ],\n        \"Groei voor KMO\u2019s\": [\n          \"Meer aanvragen door betere structuur + bewijs\",\n          \"Meetbaar verbeteren (doelen\/analytics)\",\n          \"Sneller laden \u2192 minder afhakers\"\n        ],\n        \"Autoriteit\": [\n          \"Premium positionering die uw prijs rechtvaardigt\",\n          \"Kwalificatie: minder ruis, betere leads\",\n          \"SEO + contentbasis voor structurele groei\"\n        ],\n        \"E-commerce Verkoop\": [\n          \"Wij laden de eerste 50 producten voor u in\",\n          \"Filters + categorie\u00ebn \u2192 sneller naar aankoop\",\n          \"Checkout frictie omlaag \u2192 minder verlaten mandjes\"\n        ]\n      };\n\n      function showStatus(type, msg){\n        if(!statusEl) return;\n        statusEl.classList.remove('ok','err');\n        statusEl.classList.add(type === 'ok' ? 'ok' : 'err');\n        statusEl.textContent = msg;\n        statusEl.dataset.show = \"1\";\n      }\n      function clearStatus(){\n        if(!statusEl) return;\n        statusEl.textContent = \"\";\n        statusEl.dataset.show = \"0\";\n        statusEl.classList.remove('ok','err');\n      }\n\n      function openModal(pack){\n        clearStatus();\n        packNameEl.textContent = pack || \"\u2014\";\n        hiddenPack.value = pack || \"\";\n\n        const w = winsByPack[pack] || [\"\u2014\",\"\u2014\",\"\u2014\"];\n        win1.textContent = w[0] || \"\u2014\";\n        win2.textContent = w[1] || \"\u2014\";\n        win3.textContent = w[2] || \"\u2014\";\n\n        if(tsEl) tsEl.value = String(Math.floor(Date.now()\/1000));\n\n        overlay.dataset.open = \"1\";\n        overlay.setAttribute('aria-hidden','false');\n\n        lockScroll();\n      }\n\n      function closeModal(){\n        overlay.dataset.open = \"0\";\n        overlay.setAttribute('aria-hidden','true');\n        unlockScroll();\n      }\n\n      const openers = Array.from(root.querySelectorAll('.wo-applyBtnOpen'));\n      openers.forEach(btn=>{\n        btn.addEventListener('click', (e)=>{\n          e.preventDefault();\n          e.stopPropagation();\n          openModal(btn.getAttribute('data-pack') || '');\n        });\n      });\n\n      if(closeBtn) closeBtn.addEventListener('click', closeModal);\n      if(overlay){\n        overlay.addEventListener('click', (e)=>{\n          if(e.target === overlay) closeModal();\n        });\n      }\n      document.addEventListener('keydown', (e)=>{\n        if(e.key === 'Escape' && overlay && overlay.dataset.open === \"1\") closeModal();\n      });\n\n      function getAjaxUrl(){\n        return new URL('\/wp-admin\/admin-ajax.php', window.location.origin).toString();\n      }\n\n      if(form){\n        form.addEventListener('submit', async (e)=>{\n          e.preventDefault();\n          clearStatus();\n          submitBtn.disabled = true;\n\n          try{\n            const data = new FormData(form);\n            data.append('action', 'wo_pack_apply');\n\n            const res = await fetch(getAjaxUrl(), {\n              method: 'POST',\n              body: data,\n              credentials: 'same-origin',\n              headers: { 'Accept': 'application\/json' }\n            });\n\n            const text = await res.text();\n            let json = null;\n            try { json = JSON.parse(text); } catch(_) {}\n\n            if(!json){\n              showStatus('err', 'Server antwoordde niet correct (geen JSON). Controleer de AJAX handler.');\n              submitBtn.disabled = false;\n              return;\n            }\n\n            if(res.ok && json.success){\n              showStatus('ok', (json.data && json.data.message) ? json.data.message : 'Aanvraag ontvangen.');\n              form.reset();\n              hiddenPack.value = packNameEl.textContent || '';\n              if(tsEl) tsEl.value = String(Math.floor(Date.now()\/1000));\n              setTimeout(closeModal, 900);\n            }else{\n              const msg = (json.data && json.data.message) ? json.data.message : ('Er ging iets mis. Probeer opnieuw. (' + res.status + ')');\n              showStatus('err', msg);\n            }\n          }catch(err){\n            showStatus('err', 'Netwerkfout. Probeer opnieuw.');\n          }finally{\n            submitBtn.disabled = false;\n          }\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3035e70 e-con-full e-flex e-con e-parent\" data-id=\"3035e70\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0f37e5 elementor-widget elementor-widget-html\" data-id=\"a0f37e5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wo-cases\" id=\"wo-cases\">\n  <style>\n    :root{\n      --wo-blue:#015af2;\n      --wo-purple:#a154d0;\n\n      --wo-ink:#0b1020;\n      --wo-ink2:rgba(11,16,32,.78);\n      --wo-ink3:rgba(11,16,32,.62);\n      --wo-line:rgba(11,16,32,.12);\n\n      --wo-bg1:#ffffff;\n      --wo-bg2:#fbfbff;\n\n      --wo-radius:26px;\n      --wo-radius2:18px;\n\n      --wo-shadow: 0 18px 55px rgba(11,16,32,.10);\n      --wo-shadow2: 0 28px 90px rgba(11,16,32,.16);\n\n      --wo-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n    }\n\n    .wo-cases{\n      width:100vw;\n      position:relative;\n      left:50%;\n      margin-left:-50vw;\n      padding: 98px 0;\n      background:\n        radial-gradient(1100px 520px at 14% 18%, rgba(1,90,242,.14), transparent 60%),\n        radial-gradient(1100px 520px at 86% 22%, rgba(161,84,208,.14), transparent 60%),\n        radial-gradient(900px 540px at 50% 104%, rgba(1,90,242,.08), transparent 62%),\n        linear-gradient(180deg, var(--wo-bg1), var(--wo-bg2));\n      font-family: var(--wo-font);\n      color: var(--wo-ink);\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    .wo-cases::before{\n      content:\"\";\n      position:absolute; inset:-35%;\n      background: conic-gradient(from 0deg, rgba(1,90,242,.18), rgba(161,84,208,.18), rgba(1,90,242,.18));\n      opacity:.10;\n      filter: blur(18px);\n      animation: woCasesSpin 24s linear infinite;\n      pointer-events:none;\n      z-index:0;\n    }\n    @keyframes woCasesSpin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }\n\n    .wo-cases::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background-image: radial-gradient(rgba(11,16,32,.10) 1px, transparent 1px);\n      background-size: 26px 26px;\n      opacity:.08;\n      pointer-events:none;\n      z-index:0;\n      mask-image: radial-gradient(circle at 50% 25%, #000 30%, transparent 70%);\n      -webkit-mask-image: radial-gradient(circle at 50% 25%, #000 30%, transparent 70%);\n    }\n\n    .wo-cases__wrap{\n      max-width: 1260px;\n      margin: 0 auto;\n      padding: 0 18px;\n      position:relative;\n      z-index:1;\n    }\n\n    .wo-cases__head{\n      display:grid;\n      grid-template-columns: 1.25fr .75fr;\n      gap: 18px;\n      align-items:end;\n      margin-bottom: 26px;\n    }\n\n    .wo-cases__kicker{\n      display:inline-flex;\n      gap:10px;\n      align-items:center;\n      font-weight: 950;\n      font-size: 12px;\n      letter-spacing:.42px;\n      text-transform:uppercase;\n      color: rgba(1,90,242,.95);\n      margin-bottom: 10px;\n    }\n    .wo-cases__dot{\n      width:10px;height:10px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      box-shadow: 0 0 0 6px rgba(1,90,242,.10);\n    }\n\n    .wo-cases__title{\n      margin:0;\n      font-size: clamp(30px, 3.3vw, 48px);\n      line-height:1.04;\n      letter-spacing:-0.9px;\n    }\n    .wo-cases__title .g{\n      background: linear-gradient(90deg, rgba(1,90,242,1), rgba(161,84,208,1));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n    }\n\n    .wo-cases__sub{\n      margin:0;\n      color: var(--wo-ink2);\n      font-size: 15.6px;\n      line-height: 1.75;\n      max-width: 62ch;\n      justify-self:end;\n    }\n\n    \/* Layout: left case details (sticky) + right list *\/\n    .wo-cases__layout{\n      display:grid;\n      grid-template-columns: 1.04fr 1fr;\n      gap: 18px;\n      align-items:start;\n    }\n\n    .wo-cases__panel{\n      position: sticky;\n      top: 18px;\n      border-radius: calc(var(--wo-radius) + 6px);\n      background: rgba(255,255,255,.82);\n      border: 1px solid var(--wo-line);\n      box-shadow: var(--wo-shadow2);\n      overflow:hidden;\n      transform: translateZ(0);\n    }\n\n    .wo-cases__panel::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      border-radius: calc(var(--wo-radius) + 8px);\n      padding: 2px;\n      background: linear-gradient(135deg, rgba(1,90,242,.48), rgba(161,84,208,.46), rgba(1,90,242,.20));\n      -webkit-mask:\n        linear-gradient(#000 0 0) content-box,\n        linear-gradient(#000 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n      opacity:.26;\n      pointer-events:none;\n      z-index:1;\n    }\n\n    .wo-cases__media{\n      position:relative;\n      height: 360px;\n      background: linear-gradient(135deg, rgba(1,90,242,.10), rgba(161,84,208,.10));\n      overflow:hidden;\n      border-bottom: 1px solid rgba(11,16,32,.10);\n    }\n    .wo-cases__img{\n      width:100%;\n      height:100%;\n      object-fit: cover;\n      display:block;\n      filter: contrast(1.02) saturate(1.04);\n      transform: scale(1.02);\n    }\n    .wo-cases__media::after{\n      content:\"\";\n      position:absolute;\n      inset:-20%;\n      background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.70), transparent 55%);\n      opacity:.35;\n      transform: rotate(10deg);\n      pointer-events:none;\n      mix-blend-mode: soft-light;\n    }\n\n    .wo-cases__body{\n      padding: 18px;\n      display:flex;\n      flex-direction:column;\n      gap: 12px;\n      background:\n        radial-gradient(520px 240px at 15% 10%, rgba(1,90,242,.10), transparent 60%),\n        radial-gradient(520px 240px at 85% 10%, rgba(161,84,208,.10), transparent 60%),\n        rgba(255,255,255,.82);\n    }\n\n    .wo-cases__top{\n      display:flex;\n      gap:10px;\n      align-items:flex-start;\n      justify-content:space-between;\n      flex-wrap:wrap;\n    }\n\n    .wo-cases__domain{\n      margin:0;\n      font-size: 20px;\n      font-weight: 980;\n      letter-spacing:-0.35px;\n      color: var(--wo-ink);\n      word-break: break-word;\n    }\n\n    .wo-cases__tags{\n      display:flex;\n      gap:8px;\n      flex-wrap:wrap;\n      justify-content:flex-end;\n    }\n\n    .wo-tag{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: rgba(11,16,32,.04);\n      border: 1px solid rgba(11,16,32,.10);\n      color: rgba(11,16,32,.80);\n      font-weight: 950;\n      font-size: 12px;\n      letter-spacing:.2px;\n      white-space:nowrap;\n    }\n    .wo-tag i{\n      width:8px;height:8px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      display:inline-block;\n      box-shadow: 0 0 0 6px rgba(1,90,242,.08);\n    }\n    .wo-tag.is-blue{\n      border-color: rgba(1,90,242,.18);\n      background: rgba(1,90,242,.08);\n    }\n    .wo-tag.is-green{\n      border-color: rgba(34,197,94,.20);\n      background: rgba(34,197,94,.10);\n    }\n    .wo-tag.is-purple{\n      border-color: rgba(161,84,208,.18);\n      background: rgba(161,84,208,.08);\n    }\n\n    .wo-cases__grid{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .wo-box{\n      border-radius: var(--wo-radius2);\n      border: 1px solid rgba(11,16,32,.12);\n      background: rgba(255,255,255,.70);\n      box-shadow: 0 14px 34px rgba(11,16,32,.08);\n      padding: 12px 12px;\n      position:relative;\n      overflow:hidden;\n    }\n    .wo-box::before{\n      content:\"\";\n      position:absolute; inset:-40%;\n      background: radial-gradient(circle at 20% 20%, rgba(1,90,242,.12), transparent 55%);\n      opacity:.60;\n      pointer-events:none;\n    }\n    .wo-box h4{\n      margin:0 0 6px;\n      font-size: 12px;\n      letter-spacing:.32px;\n      text-transform: uppercase;\n      font-weight: 950;\n      color: rgba(11,16,32,.72);\n      position:relative;\n      z-index:1;\n    }\n    .wo-box p{\n      margin:0;\n      font-size: 14.6px;\n      line-height: 1.6;\n      color: rgba(11,16,32,.84);\n      position:relative;\n      z-index:1;\n    }\n    .wo-box p b{ font-weight: 950; color: rgba(11,16,32,.92); }\n\n    .wo-metrics{\n      display:flex;\n      flex-wrap:wrap;\n      gap: 10px;\n      margin-top: 2px;\n    }\n    .wo-metric{\n      flex: 1 1 130px;\n      border-radius: 16px;\n      border: 1px solid rgba(11,16,32,.12);\n      background: rgba(255,255,255,.72);\n      padding: 10px 10px;\n      box-shadow: 0 12px 26px rgba(11,16,32,.08);\n    }\n    .wo-metric__k{\n      font-size: 11.5px;\n      letter-spacing:.28px;\n      text-transform:uppercase;\n      color: rgba(11,16,32,.62);\n      font-weight: 900;\n      margin-bottom: 4px;\n    }\n    .wo-metric__v{\n      font-size: 16px;\n      font-weight: 980;\n      letter-spacing:-0.2px;\n      color: rgba(11,16,32,.92);\n      line-height:1.2;\n    }\n    .wo-metric__n{\n      font-size: 12.5px;\n      color: rgba(11,16,32,.68);\n      margin-top: 2px;\n      line-height:1.35;\n    }\n\n    .wo-cases__note{\n      font-size: 12.8px;\n      color: rgba(11,16,32,.62);\n      line-height: 1.6;\n      margin-top: 2px;\n    }\n    .wo-cases__note b{ font-weight: 950; color: rgba(11,16,32,.80); }\n\n    .wo-cases__actions{\n      display:flex;\n      gap: 10px;\n      align-items:center;\n      margin-top: 6px;\n      flex-wrap:wrap;\n    }\n\n    .wo-btn{\n      position: relative;\n      border: 1px solid rgba(11,16,32,.12);\n      background: rgba(255,255,255,.72);\n      color: rgba(11,16,32,.94);\n      border-radius: 16px;\n      padding: 12px 14px;\n      font-weight: 950;\n      letter-spacing:.2px;\n      cursor:pointer;\n      backdrop-filter: blur(10px) saturate(160%);\n      -webkit-backdrop-filter: blur(10px) saturate(160%);\n      box-shadow: 0 12px 30px rgba(11,16,32,.10);\n      overflow:hidden;\n      transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      text-decoration:none !important;\n      user-select:none;\n      white-space:nowrap;\n    }\n    .wo-btn:hover{\n      transform: translateY(-1px);\n      background: linear-gradient(135deg, rgba(1,90,242,.10), rgba(161,84,208,.10));\n      border-color: rgba(1,90,242,.22);\n      box-shadow: 0 18px 44px rgba(11,16,32,.12);\n    }\n    .wo-btn svg{ width:16px;height:16px; }\n\n    .wo-btnPrimary{\n      border-color: rgba(1,90,242,.22);\n      background: linear-gradient(135deg, rgba(1,90,242,.14), rgba(161,84,208,.10));\n    }\n\n    \/* Right list *\/\n    .wo-cases__list{\n      display:flex;\n      flex-direction:column;\n      gap: 12px;\n    }\n\n    .wo-caseItem{\n      position:relative;\n      border-radius: var(--wo-radius);\n      background: rgba(255,255,255,.76);\n      border: 1px solid rgba(11,16,32,.12);\n      box-shadow: var(--wo-shadow);\n      padding: 14px;\n      display:grid;\n      grid-template-columns: 86px 1fr auto;\n      gap: 14px;\n      align-items:center;\n      cursor:pointer;\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;\n      overflow:hidden;\n      transform: translateZ(0);\n    }\n    .wo-caseItem::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      border-radius: calc(var(--wo-radius) + 2px);\n      padding: 2px;\n      background: linear-gradient(135deg, rgba(1,90,242,.40), rgba(161,84,208,.40), rgba(1,90,242,.22));\n      -webkit-mask:\n        linear-gradient(#000 0 0) content-box,\n        linear-gradient(#000 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n      opacity:.14;\n      pointer-events:none;\n    }\n    .wo-caseItem:hover{\n      transform: translateY(-2px);\n      box-shadow: var(--wo-shadow2);\n      border-color: rgba(11,16,32,.18);\n      background: rgba(255,255,255,.90);\n    }\n\n    .wo-thumb{\n      width: 86px;\n      height: 64px;\n      border-radius: 16px;\n      overflow:hidden;\n      border: 1px solid rgba(11,16,32,.10);\n      background: linear-gradient(135deg, rgba(1,90,242,.10), rgba(161,84,208,.10));\n      box-shadow: 0 12px 26px rgba(11,16,32,.10);\n    }\n    .wo-thumb img{\n      width:100%;\n      height:100%;\n      object-fit: cover;\n      display:block;\n      transform: scale(1.04);\n      filter: contrast(1.02) saturate(1.04);\n    }\n\n    .wo-caseTitle{\n      margin:0;\n      font-size: 15.5px;\n      font-weight: 980;\n      letter-spacing:-0.25px;\n      color: var(--wo-ink);\n      word-break: break-word;\n    }\n    .wo-caseMeta{\n      margin:4px 0 0;\n      color: rgba(11,16,32,.70);\n      font-size: 13.4px;\n      line-height: 1.5;\n    }\n\n    .wo-mini{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: rgba(11,16,32,.04);\n      border: 1px solid rgba(11,16,32,.10);\n      color: rgba(11,16,32,.80);\n      font-weight: 950;\n      font-size: 12px;\n      letter-spacing:.2px;\n      white-space:nowrap;\n    }\n    .wo-mini i{\n      width:8px;height:8px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      display:inline-block;\n      box-shadow: 0 0 0 6px rgba(1,90,242,.08);\n    }\n\n    .wo-caseItem.is-active{\n      border-color: rgba(1,90,242,.22);\n      box-shadow: 0 28px 90px rgba(1,90,242,.12);\n      background:\n        radial-gradient(520px 220px at 10% 15%, rgba(1,90,242,.12), transparent 60%),\n        radial-gradient(520px 220px at 90% 25%, rgba(161,84,208,.12), transparent 60%),\n        rgba(255,255,255,.90);\n    }\n\n    @media(max-width: 980px){\n      .wo-cases__head{ grid-template-columns: 1fr; }\n      .wo-cases__sub{ justify-self:start; }\n      .wo-cases__layout{ grid-template-columns: 1fr; }\n      .wo-cases__panel{ position:relative; top:auto; }\n      .wo-cases__media{ height: 260px; }\n    }\n    @media(max-width: 560px){\n      .wo-cases{ padding: 78px 0; }\n      .wo-caseItem{ grid-template-columns: 72px 1fr; grid-template-rows: auto auto; }\n      .wo-mini{ grid-column: 1 \/ -1; justify-self:start; }\n      .wo-thumb{ width:72px;height:56px;border-radius: 14px; }\n      .wo-cases__grid{ grid-template-columns: 1fr; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .wo-cases::before{ animation:none !important; }\n      .wo-caseItem, .wo-btn, .wo-caseItem:hover{ transition:none !important; }\n    }\n  <\/style>\n\n  <div class=\"wo-cases__wrap\">\n    <div class=\"wo-cases__head\">\n      <div>\n        <div class=\"wo-cases__kicker\"><span class=\"wo-cases__dot\"><\/span> Resultaten<\/div>\n        <h2 class=\"wo-cases__title\">Wat onze  <span class=\"g\">klanten over ons zeggen<\/span><\/h2>\n      <\/div>\n      <p class=\"wo-cases__sub\">\n        Elk project hieronder is opgebouwd rond \u00e9\u00e9n vraag: <b>wat verandert er voor het bedrijf?<\/b>\n        Klik op een case om te zien: <b>probleem \u2192 aanpak \u2192 resultaat.<\/b>\n      <\/p>\n    <\/div>\n\n    <div class=\"wo-cases__layout\">\n      <!-- LEFT: Sticky Case Details -->\n      <div class=\"wo-cases__panel\" aria-label=\"Case details\">\n        <div class=\"wo-cases__media\">\n          <img decoding=\"async\" class=\"wo-cases__img\" id=\"woCaseImg\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/10.jpg\" alt=\"Case preview\">\n        <\/div>\n\n        <div class=\"wo-cases__body\">\n          <div class=\"wo-cases__top\">\n            <h3 class=\"wo-cases__domain\" id=\"woCaseDomain\">hazalcleaning.be<\/h3>\n            <div class=\"wo-cases__tags\" id=\"woCaseTags\">\n              <span class=\"wo-tag is-blue\"><i><\/i> Website<\/span>\n              <span class=\"wo-tag is-green\"><i><\/i> Leadflow<\/span>\n              <span class=\"wo-tag is-purple\"><i><\/i> SEO\/Ads<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"wo-cases__grid\">\n            <div class=\"wo-box\">\n              <h4>Voor<\/h4>\n              <p id=\"woCaseBefore\"><b>Onzichtbaar<\/b> en te weinig aanvragen \u2014 bezoekers wisten niet wat de volgende stap was.<\/p>\n            <\/div>\n            <div class=\"wo-box\">\n              <h4>Na<\/h4>\n              <p id=\"woCaseAfter\"><b>Meer aanvragen<\/b> met een duidelijke flow: bewijs \u2192 aanbod \u2192 contact binnen 30 sec.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"wo-metrics\" id=\"woCaseMetrics\">\n            <div class=\"wo-metric\">\n              <div class=\"wo-metric__k\">Primair doel<\/div>\n              <div class=\"wo-metric__v\" id=\"woM1v\">Meer leads<\/div>\n              <div class=\"wo-metric__n\" id=\"woM1n\">via snelle contactroutes<\/div>\n            <\/div>\n            <div class=\"wo-metric\">\n              <div class=\"wo-metric__k\">Conversie hefboom<\/div>\n              <div class=\"wo-metric__v\" id=\"woM2v\">Minder twijfel<\/div>\n              <div class=\"wo-metric__n\" id=\"woM2n\">bewijs + CTA-structuur<\/div>\n            <\/div>\n            <div class=\"wo-metric\">\n              <div class=\"wo-metric__k\">Impact (indicatief)<\/div>\n              <div class=\"wo-metric__v\" id=\"woM3v\">\u2191 meer aanvragen<\/div>\n              <div class=\"wo-metric__n\" id=\"woM3n\">meetbaar via calls\/forms<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"wo-cases__note\" id=\"woCaseNote\">\n            <b>Waarom dit betrouwbaar is:<\/b> we meten op concrete acties (formulieren, telefoons, WhatsApp-kliks, boekingen).\n            Geen vage \u201cbranding\u201d-praat.\n          <\/div>\n\n         \n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Case List -->\n      <div class=\"wo-cases__list\" id=\"woCaseList\">\n\n        <!-- Hazal Cleaning (lead case) -->\n        <div class=\"wo-caseItem is-active\"\n          data-img=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/10.jpg\"\n          data-url=\"https:\/\/hazalcleaning.be\/\"\n          data-domain=\"hazalcleaning.be\"\n          data-tags=\"Website,Leadflow,SEO\/Ads\"\n          data-before=\"Te weinig aanvragen. Bezoekers twijfelden en haakten af zonder contact.\"\n          data-after=\"Een \u2018aanvraag-flow\u2019 die in 30 sec naar contact leidt (bewijs \u2192 aanbod \u2192 actie).\"\n          data-m1v=\"Meer leads\"\n          data-m1n=\"via calls\/forms\/WhatsApp\"\n          data-m2v=\"Sneller vertrouwen\"\n          data-m2n=\"bewijs + duidelijke CTA\u2019s\"\n          data-m3v=\"\u2191 aanvragen\"\n          data-m3n=\"meetbaar per week\/maand\"\n          data-note=\"We sturen op acties (calls\/forms\/WhatsApp). Dat is het enige wat telt als u meer klanten wilt.\">\n          <div class=\"wo-thumb\"><img decoding=\"async\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/10.jpg\" alt=\"hazalcleaning.be thumbnail\"><\/div>\n          <div>\n            <h4 class=\"wo-caseTitle\">hazalcleaning.be<\/h4>\n            <p class=\"wo-caseMeta\">Lead-generatie \u2022 snelle contactflow \u2022 proof blocks<\/p>\n          <\/div>\n          <span class=\"wo-mini\"><i><\/i> Services<\/span>\n        <\/div>\n\n        <!-- Wijnbistro Patine -->\n        <div class=\"wo-caseItem\"\n          data-img=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/1-5.jpg\"\n          data-url=\"https:\/\/wijnbistropatine.be\/\"\n          data-domain=\"wijnbistropatine.be\"\n          data-tags=\"Website,Reserveringen,Trust\"\n          data-before=\"Sterke zaak, maar online straalde het te weinig vertrouwen uit om snel te reserveren.\"\n          data-after=\"Premium beleving + duidelijke route naar reserveren: minder twijfel, meer boekingen.\"\n          data-m1v=\"Meer boekingen\"\n          data-m1n=\"via duidelijke CTA\u2019s\"\n          data-m2v=\"Premium uitstraling\"\n          data-m2n=\"maakt prijs geloofwaardig\"\n          data-m3v=\"\u2191 conversie\"\n          data-m3n=\"op reserveringsacties\"\n          data-note=\"Restaurants winnen niet met \u2018mooie foto\u2019s\u2019, maar met frictie-loze reservering + vertrouwen.\">\n          <div class=\"wo-thumb\"><img decoding=\"async\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/1-5.jpg\" alt=\"wijnbistropatine.be thumbnail\"><\/div>\n          <div>\n            <h4 class=\"wo-caseTitle\">wijnbistropatine.be<\/h4>\n            <p class=\"wo-caseMeta\">Beleving \u2022 vertrouwen \u2022 reserveringsflow<\/p>\n          <\/div>\n          <span class=\"wo-mini\"><i><\/i> Zakelijk<\/span>\n        <\/div>\n\n        <!-- Renewed Laptops -->\n        <div class=\"wo-caseItem\"\n          data-img=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/3-5.jpg\"\n          data-url=\"https:\/\/renewedlaptops.nl\/\"\n          data-domain=\"renewedlaptops.nl\"\n          data-tags=\"E-commerce,Checkout,Snelheid\"\n          data-before=\"E-commerce zonder duidelijke productzekerheid = lage koopzin en afhakers bij checkout.\"\n          data-after=\"Heldere productpresentatie + vertrouwen + frictie omlaag bij checkout.\"\n          data-m1v=\"Meer orders\"\n          data-m1n=\"door betere flow\"\n          data-m2v=\"Minder afhakers\"\n          data-m2n=\"snellere checkout\"\n          data-m3v=\"\u2191 omzet\"\n          data-m3n=\"via hogere conversie\"\n          data-note=\"E-commerce groeit niet door \u2018meer features\u2019, maar door minder twijfel en minder frictie.\">\n          <div class=\"wo-thumb\"><img decoding=\"async\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/3-5.jpg\" alt=\"renewedlaptops.nl thumbnail\"><\/div>\n          <div>\n            <h4 class=\"wo-caseTitle\">renewedlaptops.nl<\/h4>\n            <p class=\"wo-caseMeta\">Producttrust \u2022 snelheid \u2022 checkout optimalisatie<\/p>\n          <\/div>\n          <span class=\"wo-mini\"><i><\/i> E-commerce<\/span>\n        <\/div>\n\n        <!-- Lella -->\n        <div class=\"wo-caseItem\"\n          data-img=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/1-1.jpg\"\n          data-url=\"https:\/\/lella.be\/\"\n          data-domain=\"lella.be\"\n          data-tags=\"Brand,Website,Autoriteit\"\n          data-before=\"Mooi merk, maar online werd de waarde niet \u2018gevoeld\u2019 \u2192 prijsdruk en twijfelende klanten.\"\n          data-after=\"Brand-first presentatie die waarde communiceert \u2192 betere leads, minder prijsdiscussie.\"\n          data-m1v=\"Sterker imago\"\n          data-m1n=\"waarde wordt zichtbaar\"\n          data-m2v=\"Betere leads\"\n          data-m2n=\"minder \u2018prijsvragers\u2019\"\n          data-m3v=\"\u2191 vertrouwen\"\n          data-m3n=\"via merkconsistentie\"\n          data-note=\"Als uw merkwaarde niet zichtbaar is online, dwingt u klanten naar de goedkoopste optie.\">\n          <div class=\"wo-thumb\"><img decoding=\"async\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/1-1.jpg\" alt=\"lella.be thumbnail\"><\/div>\n          <div>\n            <h4 class=\"wo-caseTitle\">lella.be<\/h4>\n            <p class=\"wo-caseMeta\">Premium brand \u2022 waardecommunicatie \u2022 conversie<\/p>\n          <\/div>\n          <span class=\"wo-mini\"><i><\/i> Brand<\/span>\n        <\/div>\n\n        <!-- WhatToDoInFethiye -->\n        <div class=\"wo-caseItem\"\n          data-img=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/4-1.jpg\"\n          data-url=\"https:\/\/whattodoinfethiye.com\/\"\n          data-domain=\"whattodoinfethiye.com\"\n          data-tags=\"SEO,Structuur,Content\"\n          data-before=\"Veel content zonder structuur = bezoekers verdwalen en Google begrijpt het niet.\"\n          data-after=\"Categorie- en filterstructuur voor schaalbare SEO + betere ontdekking.\"\n          data-m1v=\"Meer bereik\"\n          data-m1n=\"via SEO-structuur\"\n          data-m2v=\"Minder bounce\"\n          data-m2n=\"snellere ontdekking\"\n          data-m3v=\"\u2191 organisch\"\n          data-m3n=\"groei op pagina\u2019s\"\n          data-note=\"SEO is geen \u2018truc\u2019. Het is structuur + content die Google kan volgen en mensen kunnen gebruiken.\">\n          <div class=\"wo-thumb\"><img decoding=\"async\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/4-1.jpg\" alt=\"whattodoinfethiye.com thumbnail\"><\/div>\n          <div>\n            <h4 class=\"wo-caseTitle\">whattodoinfethiye.com<\/h4>\n            <p class=\"wo-caseMeta\">SEO-structuur \u2022 categorie UX \u2022 schaalbaarheid<\/p>\n          <\/div>\n          <span class=\"wo-mini\"><i><\/i> Travel<\/span>\n        <\/div>\n\n        <!-- Vexon -->\n        <div class=\"wo-caseItem\"\n          data-img=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/5-1.jpg\"\n          data-url=\"https:\/\/vexonhidrolik.com\/\"\n          data-domain=\"vexonhidrolik.com\"\n          data-tags=\"Corporate,Trust,Lead\"\n          data-before=\"B2B twijfelt snel: zonder autoriteitssignalen duurt beslissen te lang.\"\n          data-after=\"Corporate autoriteit + duidelijke diensten \u2192 sneller vertrouwen, snellere aanvragen.\"\n          data-m1v=\"Meer aanvragen\"\n          data-m1n=\"van serieuze B2B\"\n          data-m2v=\"Sneller beslissen\"\n          data-m2n=\"door vertrouwen\"\n          data-m3v=\"\u2191 kwaliteit\"\n          data-m3n=\"van leads\"\n          data-note=\"In B2B wint niet wie het hardst schreeuwt, maar wie het meest geloofwaardig is.\">\n          <div class=\"wo-thumb\"><img decoding=\"async\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2024\/12\/5-1.jpg\" alt=\"vexonhidrolik.com thumbnail\"><\/div>\n          <div>\n            <h4 class=\"wo-caseTitle\">vexonhidrolik.com<\/h4>\n            <p class=\"wo-caseMeta\">Autoriteit \u2022 vertrouwen \u2022 lead routing<\/p>\n          <\/div>\n          <span class=\"wo-mini\"><i><\/i> Corporate<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.querySelector('#wo-cases');\n      if(!root) return;\n\n      const items = Array.from(root.querySelectorAll('.wo-caseItem'));\n      if(!items.length) return;\n\n      const imgEl    = root.querySelector('#woCaseImg');\n      const domainEl = root.querySelector('#woCaseDomain');\n      const tagsEl   = root.querySelector('#woCaseTags');\n      const beforeEl = root.querySelector('#woCaseBefore');\n      const afterEl  = root.querySelector('#woCaseAfter');\n\n      const m1v = root.querySelector('#woM1v');\n      const m1n = root.querySelector('#woM1n');\n      const m2v = root.querySelector('#woM2v');\n      const m2n = root.querySelector('#woM2n');\n      const m3v = root.querySelector('#woM3v');\n      const m3n = root.querySelector('#woM3n');\n\n      const noteEl = root.querySelector('#woCaseNote');\n      const visitEl = root.querySelector('#woCaseVisit');\n      const nextBtn = root.querySelector('#woCaseNext');\n\n      let idx = Math.max(0, items.findIndex(i => i.classList.contains('is-active')));\n\n      function tagClass(t){\n        const s = (t || '').toLowerCase();\n        if(s.includes('ads') || s.includes('google')) return 'is-green';\n        if(s.includes('seo')) return 'is-purple';\n        if(s.includes('lead')) return 'is-green';\n        if(s.includes('e-commerce') || s.includes('checkout')) return 'is-blue';\n        return '';\n      }\n\n      function renderTags(tagsStr){\n        if(!tagsEl) return;\n        tagsEl.innerHTML = '';\n        const tags = (tagsStr || '').split(',').map(x=>x.trim()).filter(Boolean);\n        tags.slice(0,3).forEach(t=>{\n          const span = document.createElement('span');\n          span.className = 'wo-tag ' + tagClass(t);\n          span.innerHTML = '<i><\/i>' + t;\n          tagsEl.appendChild(span);\n        });\n      }\n\n      function setActive(i, {scrollIntoView=false} = {}){\n        idx = i;\n        const item = items[idx];\n        if(!item) return;\n\n        items.forEach(x=>x.classList.remove('is-active'));\n        item.classList.add('is-active');\n\n        const img = item.getAttribute('data-img') || '';\n        const url = item.getAttribute('data-url') || '#';\n        const domain = item.getAttribute('data-domain') || 'Case';\n        const tags = item.getAttribute('data-tags') || 'Website';\n        const before = item.getAttribute('data-before') || '';\n        const after  = item.getAttribute('data-after') || '';\n\n        if(imgEl) imgEl.src = img;\n        if(domainEl) domainEl.textContent = domain;\n        renderTags(tags);\n\n        if(beforeEl) beforeEl.innerHTML = before;\n        if(afterEl)  afterEl.innerHTML  = after;\n\n        if(m1v) m1v.textContent = item.getAttribute('data-m1v') || 'Meer leads';\n        if(m1n) m1n.textContent = item.getAttribute('data-m1n') || 'meetbaar via acties';\n        if(m2v) m2v.textContent = item.getAttribute('data-m2v') || 'Minder twijfel';\n        if(m2n) m2n.textContent = item.getAttribute('data-m2n') || 'bewijs + CTA';\n        if(m3v) m3v.textContent = item.getAttribute('data-m3v') || '\u2191 impact';\n        if(m3n) m3n.textContent = item.getAttribute('data-m3n') || 'indicatief';\n\n        if(noteEl){\n          const note = item.getAttribute('data-note') || '';\n          noteEl.innerHTML = '<b>Waarom dit werkt:<\/b> ' + note;\n        }\n        if(visitEl) visitEl.href = url;\n\n        if(scrollIntoView){\n          item.scrollIntoView({behavior:'smooth', block:'nearest'});\n        }\n      }\n\n      items.forEach((item, i)=>{\n        item.addEventListener('click', ()=> setActive(i));\n        item.addEventListener('keydown', (e)=>{\n          if(e.key === 'Enter' || e.key === ' '){\n            e.preventDefault();\n            setActive(i);\n          }\n        });\n        item.setAttribute('tabindex', '0');\n        item.setAttribute('role', 'button');\n        item.setAttribute('aria-label', 'Selecteer case ' + (item.getAttribute('data-domain') || ''));\n      });\n\n      if(nextBtn){\n        nextBtn.addEventListener('click', ()=>{\n          const next = (idx + 1) % items.length;\n          setActive(next, {scrollIntoView:true});\n        });\n      }\n\n      setActive(idx);\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e14f854 e-flex e-con-boxed e-con e-parent\" data-id=\"4e14f854\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e5aacc6 elementor-widget elementor-widget-heading\" data-id=\"5e5aacc6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Onze oplossingspartners en technologie\u00ebn\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-686cf581 elementor-widget elementor-widget-image-carousel\" data-id=\"686cf581\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;7&quot;,&quot;slides_to_show_tablet&quot;:&quot;5&quot;,&quot;slides_to_show_mobile&quot;:&quot;3&quot;,&quot;slides_to_scroll&quot;:&quot;5&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:75,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-20.png\" alt=\"Yeni-Proje-20.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-30.png\" alt=\"Yeni-Proje-30.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-22.png\" alt=\"Yeni-Proje-22.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-26.png\" alt=\"Yeni-Proje-26.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-28.png\" alt=\"Yeni-Proje-28.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-31.png\" alt=\"Yeni-Proje-31.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-33.png\" alt=\"Yeni-Proje-33.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 van 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/webontwerpers.be\/wp-content\/uploads\/2025\/08\/Yeni-Proje-34.png\" alt=\"Yeni-Proje-34.png\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Website pakketten Professionele websitesdie klanten aantrekken Voor starters \u00e9n gevestigde bedrijven. Heldere websitepakketten die meegroeien met uw onderneming. Bekijk pakketten Vraag offerte aan Website pakketten Transparante prijzen Modern en snel design Meegroeiend met uw onderneming Google Ads Meer leadssneller resultaat met Google Ads Haal het maximale uit uw advertentiebudget met slimme, doelgerichte Google Ads-campagnes. Google [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2441","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/comments?post=2441"}],"version-history":[{"count":87,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2441\/revisions"}],"predecessor-version":[{"id":2870,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2441\/revisions\/2870"}],"wp:attachment":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/media?parent=2441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}