{"id":34425,"date":"2026-07-21T12:27:16","date_gmt":"2026-07-21T12:27:16","guid":{"rendered":"https:\/\/remote-opus.com\/contact-us\/"},"modified":"2026-07-21T12:27:16","modified_gmt":"2026-07-21T12:27:16","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/remote-opus.com\/en\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34425\" class=\"elementor elementor-34425\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6zwddb4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6zwddb4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b9wwxqg\" data-id=\"b9wwxqg\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8cs24ml elementor-widget elementor-widget-html\" data-id=\"8cs24ml\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     Remote Opus - Contact page body (single Elementor HTML widget)\n     Injected into page id 21921 (\/contact-us\/), template elementor_header_footer,\n     so the theme header and footer render around this. No page chrome here.\n     Form posts to ro\/v1\/callback-style endpoint ro\/v1\/contact (cache-safe:\n     honeypot + time trap + rate limit, no nonce). See contact-endpoint-snippet.php.\n     All styles scoped under #ro-contact so nothing leaks to the theme.\n     ============================================================ -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Mulish:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  #ro-contact{\n    --green-dark:#1A4731; --green-mid:#2E7D52; --green-light:#4CAF79;\n    --green-pale:#E8F5EE; --green-mint:#F0F9F4;\n    --white:#FFFFFF; --ink:#0F2318; --muted:#6B8F7A; --border:#C8E0D4;\n    font-family:'Mulish',Helvetica,Arial,sans-serif; color:var(--ink);\n    max-width:1200px; margin:0 auto;\n  }\n  #ro-contact *,#ro-contact *::before,#ro-contact *::after{ box-sizing:border-box; }\n\n  #ro-contact .breadcrumb{ padding:1.5rem 6% 0; font-size:0.78rem; color:var(--muted); display:flex; gap:0.4rem; }\n  #ro-contact .breadcrumb a{ color:var(--muted); text-decoration:none; }\n  #ro-contact .breadcrumb a:hover{ color:var(--green-mid); }\n  #ro-contact .breadcrumb span{ color:var(--green-mid); font-weight:500; }\n\n  #ro-contact .contact-layout{ padding:2.5rem 6% 4rem; display:grid; grid-template-columns:1fr 1.2fr; gap:5rem; align-items:start; }\n\n  \/* Left side *\/\n  #ro-contact .stag{ font-size:0.73rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--green-mid); display:block; margin-bottom:0.75rem; }\n  #ro-contact .contact-info h1{ font-family:'DM Serif Display',serif; font-size:clamp(2.2rem,3.2vw,3.2rem); letter-spacing:-0.03em; color:var(--ink); line-height:1.1; margin:0 0 1.2rem; }\n  #ro-contact .contact-info h1 em{ color:var(--green-mid); font-style:italic; }\n  #ro-contact .contact-info .lead{ font-size:1rem; color:var(--muted); line-height:1.75; margin-bottom:3rem; }\n\n  #ro-contact .contact-methods{ display:flex; flex-direction:column; gap:1.2rem; margin-bottom:3rem; }\n  #ro-contact .contact-method{ display:flex; align-items:center; gap:1rem; padding:1.2rem 1.5rem; background:var(--green-mint); border-radius:14px; border:1px solid var(--border); text-decoration:none; transition:all 0.2s; }\n  #ro-contact .contact-method:hover{ background:var(--green-pale); transform:translateX(4px); }\n  #ro-contact .cm-icon{ width:44px; height:44px; border-radius:11px; background:var(--green-dark); display:flex; align-items:center; justify-content:center; flex-shrink:0; }\n  #ro-contact .cm-icon svg{ width:20px; height:20px; stroke:#ffffff !important; }\n  #ro-contact .cm-label{ font-size:0.75rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:0.15rem; }\n  #ro-contact .cm-value{ font-size:0.95rem; font-weight:600; color:var(--ink); }\n\n  #ro-contact .availability{ background:var(--green-dark); border-radius:16px; padding:1.5rem 1.8rem; }\n  #ro-contact .av-title{ font-size:0.82rem; font-weight:700; color:#ffffff; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:1rem; }\n  #ro-contact .av-row{ display:flex; justify-content:space-between; align-items:center; gap:0.6rem; padding:0.5rem 0; border-bottom:1px solid rgba(255,255,255,0.08); font-size:0.85rem; }\n  #ro-contact .av-row:last-child{ border-bottom:none; }\n  #ro-contact .av-day{ color:rgba(255,255,255,0.7); }\n  #ro-contact .av-time{ color:#ffffff; font-weight:500; }\n  #ro-contact .av-badge{ font-size:0.7rem; font-weight:700; padding:0.2rem 0.6rem; border-radius:50px; white-space:nowrap; }\n  #ro-contact .av-open{ background:rgba(76,175,121,0.25); color:#ffffff; }\n  #ro-contact .av-closed{ background:rgba(255,255,255,0.10); color:rgba(255,255,255,0.55); }\n\n  \/* Right side form *\/\n  #ro-contact .contact-form-wrap{ background:var(--green-mint); border-radius:22px; padding:3rem; border:1px solid var(--border); }\n  #ro-contact .form-title{ font-family:'DM Serif Display',serif; font-size:1.5rem; color:var(--ink); margin-bottom:0.5rem; }\n  #ro-contact .form-sub{ font-size:0.88rem; color:var(--muted); margin-bottom:2rem; }\n  #ro-contact .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n  #ro-contact .form-group{ margin-bottom:1.2rem; }\n  #ro-contact .form-group label{ display:block; font-size:0.8rem; font-weight:600; color:var(--ink); margin-bottom:0.4rem; letter-spacing:0.02em; }\n  #ro-contact .form-group input,\n  #ro-contact .form-group select,\n  #ro-contact .form-group textarea{ width:100%; background:var(--white); border:1.5px solid var(--border); border-radius:10px; padding:0.75rem 1rem; font-size:0.9rem; font-family:'Mulish',Helvetica,Arial,sans-serif; color:var(--ink); outline:none; transition:border-color 0.2s; }\n  #ro-contact .form-group input:focus,\n  #ro-contact .form-group select:focus,\n  #ro-contact .form-group textarea:focus{ border-color:var(--green-mid); }\n  #ro-contact .form-group textarea{ resize:vertical; min-height:120px; }\n  #ro-contact .form-group select{ appearance:none; background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B8F7A' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\"); background-repeat:no-repeat; background-position:right 1rem center; padding-right:2.5rem; }\n  #ro-contact .cw-hp{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }\n  #ro-contact .form-submit{ width:100%; background:var(--green-dark); color:#ffffff !important; border:none; padding:1rem; border-radius:50px; font-size:0.95rem; font-weight:700; font-family:'Mulish',Helvetica,Arial,sans-serif; cursor:pointer; transition:all 0.2s; }\n  #ro-contact .form-submit:hover{ background:var(--green-mid); transform:translateY(-1px); }\n  #ro-contact .form-submit:disabled{ opacity:0.65; cursor:default; transform:none; }\n  #ro-contact .form-note{ font-size:0.78rem; color:var(--muted); text-align:center; margin-top:1rem; }\n  #ro-contact .form-msg{ font-size:0.88rem; line-height:1.5; margin-top:1rem; text-align:center; display:none; }\n  #ro-contact .form-msg.err{ display:block; color:#b3261e; }\n  #ro-contact .form-msg.ok{ display:block; color:var(--green-dark); font-weight:700; }\n\n  \/* Kennismaking CTA *\/\n  #ro-contact .calendly-cta{ margin:2rem 6% 4rem; background:var(--green-dark); border-radius:22px; padding:3.5rem 4rem; display:grid; grid-template-columns:1fr auto; gap:3rem; align-items:center; }\n  #ro-contact .cc-text h2{ font-family:'DM Serif Display',serif; font-size:clamp(1.8rem,2.4vw,2.4rem); color:#ffffff; letter-spacing:-0.02em; margin:0 0 0.75rem; }\n  #ro-contact .cc-text p{ font-size:0.92rem; color:rgba(255,255,255,0.7); line-height:1.7; margin:0; }\n  #ro-contact .cc-items{ display:flex; flex-direction:column; gap:0.5rem; margin-top:1rem; }\n  #ro-contact .cc-item{ display:flex; align-items:center; gap:0.6rem; font-size:0.85rem; color:rgba(255,255,255,0.8); }\n  #ro-contact .cc-dot{ width:6px; height:6px; border-radius:50%; background:var(--green-light); flex-shrink:0; }\n  #ro-contact .cc-actions{ display:flex; flex-direction:column; gap:0.75rem; align-items:flex-start; }\n  \/* class deliberately NOT \"cc-btn\": a site-wide filter rewrites cc-btn \"Plan een gesprek in\" into the vacature funnel. This CTA stays a book-a-call button. *\/\n  #ro-contact .roc-plan-btn{ background:var(--green-mid); color:#ffffff !important; padding:1rem 2.5rem; border-radius:50px; text-decoration:none; font-weight:700; font-size:1rem; white-space:nowrap; transition:all 0.2s; display:inline-block; border:1.5px solid rgba(255,255,255,0.25); }\n  #ro-contact .roc-plan-btn:hover{ background:var(--green-light); transform:translateY(-2px); }\n  #ro-contact .roc-ghost-btn{ color:rgba(255,255,255,0.8); font-size:0.875rem; text-decoration:none; font-weight:500; padding:0.6rem 1.4rem; border-radius:50px; border:1px solid rgba(255,255,255,0.25); text-align:center; }\n  #ro-contact .roc-ghost-btn:hover{ color:#ffffff; border-color:rgba(255,255,255,0.5); }\n\n  @media(max-width:860px){\n    #ro-contact .contact-layout{ grid-template-columns:1fr; gap:2.5rem; }\n    #ro-contact .form-row{ grid-template-columns:1fr; }\n    #ro-contact .calendly-cta{ grid-template-columns:1fr; padding:2.5rem; }\n    #ro-contact .contact-form-wrap{ padding:2rem; }\n  }\n<\/style>\n\n<div id=\"ro-contact\">\n\n  <div class=\"breadcrumb\"><a href=\"https:\/\/remote-opus.com\/\">Home<\/a> &rsaquo; <span>Contact<\/span><\/div>\n\n  <div class=\"contact-layout\">\n\n    <!-- LEFT: contact info -->\n    <div class=\"contact-info\">\n      <span class=\"stag\">Contact<\/span>\n      <h1>Laten we <em>kennismaken.<\/em><\/h1>\n      <p class=\"lead\">Heb je een vraag, wil je meer weten of ben je klaar om te starten? Neem direct contact op of plan een vrijblijvend gesprek.<\/p>\n\n      <div class=\"contact-methods\">\n        <a href=\"tel:+31629330917\" class=\"contact-method\">\n          <div class=\"cm-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.6 3.41 2 2 0 0 1 3.57 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.5a16 16 0 0 0 6 6l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"cm-label\">Bel of WhatsApp<\/span>\n            <span class=\"cm-value\">+31 6 29 33 09 17<\/span>\n          <\/div>\n        <\/a>\n        <a href=\"mailto:work@remote-opus.com\" class=\"contact-method\">\n          <div class=\"cm-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"cm-label\">E-mail<\/span>\n            <span class=\"cm-value\">work@remote-opus.com<\/span>\n          <\/div>\n        <\/a>\n        <a href=\"https:\/\/wa.me\/31629330917\" target=\"_blank\" rel=\"noopener\" class=\"contact-method\">\n          <div class=\"cm-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"cm-label\">WhatsApp<\/span>\n            <span class=\"cm-value\">App ons direct<\/span>\n          <\/div>\n        <\/a>\n        <a href=\"https:\/\/remote-opus.com\/kennismaking\/\" class=\"contact-method\">\n          <div class=\"cm-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"cm-label\">Kennismaking<\/span>\n            <span class=\"cm-value\">Plan een gesprek<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"availability\">\n        <div class=\"av-title\">Bereikbaarheid<\/div>\n        <div class=\"av-row\"><span class=\"av-day\">Maandag tot en met vrijdag<\/span><span class=\"av-time\">09:00 tot 18:00<\/span><span class=\"av-badge av-open\">Open<\/span><\/div>\n        <div class=\"av-row\"><span class=\"av-day\">Zaterdag<\/span><span class=\"av-time\">Op afspraak<\/span><span class=\"av-badge av-open\">Beperkt<\/span><\/div>\n        <div class=\"av-row\"><span class=\"av-day\">Zondag<\/span><span class=\"av-time\">Gesloten<\/span><span class=\"av-badge av-closed\">Gesloten<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: form -->\n    <div class=\"contact-form-wrap\">\n      <div class=\"form-title\">Stuur een bericht<\/div>\n      <p class=\"form-sub\">Wij reageren binnen een werkdag. Liever direct bellen? +31 6 29 33 09 17<\/p>\n\n      <form id=\"roContactForm\" novalidate>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"rcVoornaam\">Voornaam<\/label>\n            <input id=\"rcVoornaam\" type=\"text\" name=\"voornaam\" placeholder=\"Jan\" autocomplete=\"given-name\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"rcAchternaam\">Achternaam<\/label>\n            <input id=\"rcAchternaam\" type=\"text\" name=\"achternaam\" placeholder=\"De Vries\" autocomplete=\"family-name\">\n          <\/div>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"rcEmail\">E-mailadres<\/label>\n          <input id=\"rcEmail\" type=\"email\" name=\"email\" placeholder=\"jan@bedrijf.nl\" autocomplete=\"email\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"rcTel\">Telefoonnummer<\/label>\n          <input id=\"rcTel\" type=\"tel\" name=\"telefoon\" placeholder=\"+31 6 00 00 00 00\" autocomplete=\"tel\">\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"rcBedrijf\">Bedrijf<\/label>\n          <input id=\"rcBedrijf\" type=\"text\" name=\"bedrijf\" placeholder=\"Naam van je bedrijf\" autocomplete=\"organization\">\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"rcInteresse\">Ik ben geinteresseerd in<\/label>\n          <select id=\"rcInteresse\" name=\"interesse\">\n            <option value=\"\">Selecteer een optie<\/option>\n            <option>E-commerce specialist<\/option>\n            <option>Agency ondersteuning<\/option>\n            <option>Meerdere specialisten<\/option>\n            <option>Ik wil meer informatie<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"rcBericht\">Bericht<\/label>\n          <textarea id=\"rcBericht\" name=\"bericht\" placeholder=\"Vertel ons kort over jouw bedrijf en wat je nodig hebt.\"><\/textarea>\n        <\/div>\n        <input class=\"cw-hp\" id=\"rcHp\" type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n        <button type=\"submit\" class=\"form-submit\" id=\"rcSubmit\" style=\"color:#ffffff !important\">Verstuur bericht<\/button>\n        <p class=\"form-msg\" id=\"rcMsg\" role=\"status\" aria-live=\"polite\"><\/p>\n        <p class=\"form-note\">Door te verzenden ga je akkoord met ons privacybeleid. Wij sturen je nooit spam.<\/p>\n      <\/form>\n    <\/div>\n\n  <\/div>\n\n  <!-- Kennismaking CTA block -->\n  <div class=\"calendly-cta\">\n    <div class=\"cc-text\">\n      <h2>Liever direct een gesprek plannen?<\/h2>\n      <p>Plan een vrijblijvend kennismakingsgesprek van 20 minuten met Serdar of Luis. Wij vertellen je precies hoe het werkt.<\/p>\n      <div class=\"cc-items\">\n        <div class=\"cc-item\"><div class=\"cc-dot\"><\/div>Geen verplichtingen<\/div>\n        <div class=\"cc-item\"><div class=\"cc-dot\"><\/div>Binnen 20 minuten weet je alles<\/div>\n        <div class=\"cc-item\"><div class=\"cc-dot\"><\/div>Direct antwoord op al jouw vragen<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"cc-actions\">\n      <a href=\"https:\/\/remote-opus.com\/kennismaking\/\" class=\"roc-plan-btn\">Plan een kennismaking<\/a>\n      <a href=\"https:\/\/remote-opus.com\/tarieven\/\" class=\"roc-ghost-btn\">Tarieven bekijken<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  if(window.__roContactInit) return; window.__roContactInit=true;\n  var t0=Date.now(); \/\/ tijdsval-referentie: de endpoint dropt alles onder 3 seconden\n  function ready(fn){ if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',fn);}else{fn();} }\n  ready(function(){\n    var form=document.getElementById('roContactForm'); if(!form) return;\n    var btn=document.getElementById('rcSubmit'), msg=document.getElementById('rcMsg'), hp=document.getElementById('rcHp');\n    function val(n){ var el=form.querySelector('[name=\"'+n+'\"]'); return el?(el.value||'').trim():''; }\n    function say(text,kind){ msg.textContent=text; msg.className='form-msg '+(kind||''); }\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      var voornaam=val('voornaam'), email=val('email');\n      if(!voornaam || !email){ say('Vul minimaal je voornaam en e-mailadres in.','err'); return; }\n      btn.disabled=true; say('Versturen...','');\n      fetch('\/wp-json\/ro\/v1\/contact',{\n        method:'POST',\n        headers:{'Content-Type':'application\/json'},\n        body:JSON.stringify({\n          voornaam:voornaam, achternaam:val('achternaam'), email:email,\n          telefoon:val('telefoon'), bedrijf:val('bedrijf'), interesse:val('interesse'),\n          bericht:val('bericht'), website:hp.value||'', pagina:location.href,\n          elapsed:(Date.now()-t0)\/1000\n        })\n      }).then(function(r){ return r.json().then(function(d){ return {ok:r.ok,d:d}; }); })\n      .then(function(res){\n        if(res.ok){\n          form.reset();\n          say('Bedankt voor je bericht. Wij nemen binnen een werkdag contact met je op.','ok');\n          btn.style.display='none';\n        } else {\n          say((res.d && res.d.message) || 'Er ging iets mis. Probeer het opnieuw of bel ons.','err');\n          btn.disabled=false;\n        }\n      }).catch(function(){ say('Er ging iets mis. Probeer het opnieuw of bel ons.','err'); btn.disabled=false; });\n    });\n  });\n})();\n<\/script>\n\n<!-- ============================================================\n     Reviews section (preserved verbatim from the previous \/contact-us\/ build)\n     ============================================================ -->\n<!-- Remix Icon CDN -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@4.3.0\/fonts\/remixicon.css\" rel=\"stylesheet\" \/>\n\n<section class=\"reviews-section-0\">\n  <div class=\"reviews-header-0\">\n    <div class=\"rating-summary-0\">\n      <h3>Wat onze klanten zeggen<\/h3>\n      <div class=\"stars-0\">\n        <i class=\"ri-star-fill\"><\/i>\n        <i class=\"ri-star-fill\"><\/i>\n        <i class=\"ri-star-fill\"><\/i>\n        <i class=\"ri-star-fill\"><\/i>\n        <i class=\"ri-star-fill\"><\/i>\n      <\/div>\n      <p class=\"rating-score-0\"><span>(Gebaseerd op echte reviews)<\/span><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- \u2705 Wrapper with buttons -->\n  <div class=\"reviews-slider-wrapper-0\">\n\n    <!-- Left Button -->\n    <button id=\"prev-0\" class=\"slider-btn-0 prev-0\" aria-label=\"Vorige review\">\n      <i class=\"ri-arrow-left-s-line\"><\/i>\n    <\/button>\n\n    <!-- The Slider -->\n    <div class=\"reviews-slider-0\">\n      <!-- Review Cards -->\n      <article class=\"review-card-0\">\n        <i class=\"ri-double-quotes-l quote-icon-0\"><\/i>\n        <div class=\"stars-0\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\n        <p class=\"review-text-0\">Behulpzaam en pragmatisch. Bekwame VA. Ik beveel een VA aan voor iedereen die zijn eigen tijd wil maximaliseren voor de belangrijkste taken en ondersteuning wil krijgen van de VA bij de dagelijkse werkzaamheden.<\/p>\n        <p class=\"reviewer-name-0\">Gary Chow<br><span class=\"reviewer-role-0\">CEO, Marktspan\n<\/span><\/p>\n      <\/article>\n\n      <article class=\"review-card-0\">\n        <i class=\"ri-double-quotes-l quote-icon-0\"><\/i>\n        <div class=\"stars-0\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\n        <p class=\"review-text-0\">Wij als Climate King hebben via Remote Opus twee personeelsleden Remote aan het werk. Het bevalt heel erg goed, ze nemen veel werk uit handen en staan altijd voor ons klaar.<\/p>\n        <p class=\"reviewer-name-0\">Stefan Klammer<br><span class=\"reviewer-role-0\">Eigenaar, Climate King\n<\/span><\/p>\n      <\/article>\n\n      <article class=\"review-card-0\">\n        <i class=\"ri-double-quotes-l quote-icon-0\"><\/i>\n        <div class=\"stars-0\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\n        <p class=\"review-text-0\">Een geweldige ervaring en goed contact met Remote Opus. De selectie ging soepel en we hebben heel snel een beslissing genomen omdat ze hele goede kandidaten hebben.<\/p>\n        <p class=\"reviewer-name-0\">Kevin Boelhouwer<br><span class=\"reviewer-role-0\">CEO, Webartsy<\/span><\/p>\n      <\/article>\n\n      <article class=\"review-card-0\">\n        <i class=\"ri-double-quotes-l quote-icon-0\"><\/i>\n        <div class=\"stars-0\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\n        <p class=\"review-text-0\">Super professioneel in communicatie en snel met het regelen van kandidaten. Binnen twee dagen had ik een passende kandidaat gevonden en een sollicitatie gepland.<\/p>\n        <p class=\"reviewer-name-0\">Waleed Waraich<br><span class=\"reviewer-role-0\">Warehouse Manager, Sync Fulfilment<\/span><\/p>\n      <\/article>\n\n      <article class=\"review-card-0\">\n        <i class=\"ri-double-quotes-l quote-icon-0\"><\/i>\n        <div class=\"stars-0\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\n        <p class=\"review-text-0\">Onlangs 2 kanjers aangenomen. Vooraf duidelijke sollicitatiegesprekken gehad met deze kandidaten. De begeleiding was zeer goed.<\/p>\n        <p class=\"reviewer-name-0\">Fatih Tekmen<br><span class=\"reviewer-role-0\">Eigenaar, 2dehandsfietsenwinkel.nl<\/span><\/p>\n      <\/article>\n    <\/div>\n\n    <!-- Right Button -->\n    <button id=\"next-0\" class=\"slider-btn-0 next-0\" aria-label=\"Volgende review\">\n      <i class=\"ri-arrow-right-s-line\"><\/i>\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n\/* --- Arrow Buttons --- *\/\n.slider-btn-0 {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: #01604B;\n  color: #fff;\n  border: none;\n  border-radius: 50%;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  z-index: 10;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n}\n.slider-btn-0:hover {\n  background: #01986a;\n  transform: translateY(-50%) scale(1.08);\n}\n.slider-btn-0 i {\n  font-size: 24px;\n  line-height: 1;\n}\n.prev-0 { left: -0px; }\n.next-0 { right: -0px; }\n\n\/* \u2705 Responsive positioning *\/\n@media (max-width: 768px) {\n  .slider-btn-0 {\n    width: 36px;\n    height: 36px;\n    font-size: 20px;\n  }\n  .prev-0 { left: -10px; }\n  .next-0 { right: -10px; }\n}\n\/* -----------------------------------------------------------\n   MODERN TESTIMONIALS \u2014 REMIX ICON EDITION\n------------------------------------------------------------ *\/\n.reviews-section-0 {\n  color: #000;\n  border-radius: 18px;\n  max-width: 1120px;\n  margin: 20px auto;\n  overflow: hidden;\n}\n\n\/* Header alignment *\/\n.trusted-header-0,\n.reviews-header-0 {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 22px;\n}\n\n\/* Top trusted line (black text + yellow stars) *\/\n.trusted-line-0 {\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 1.3;\n  color: #111;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n.trusted-line-0 i {\n  color: #F4B942;\n  font-size: 22px;\n}\n\n\/* Rating summary *\/\n.rating-summary-0 h3 {\n  margin: 0;\n   text-transform: uppercase;\n    font-size: 30px !important;\n  font-weight: 800;\n  font-family: \"Nunito Sans\", Sans-serif;\n    color: var(--e-global-color-dea41e4);\n}\n.stars-0 {\n  display: flex;\n  justify-content: center;\n  gap: 4px;\n  margin: 6px 0;\n}\n.stars-0 i {\n  color: #F4B942;\n  font-size: 20px;\n}\n.rating-score-0 {\n  color: #333;\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n}\n.rating-score-0 span {\n  color: #777;\n  font-weight: 400;\n}\n\n\/* Slider *\/\n.reviews-slider-wrapper-0 {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n.reviews-slider-0 {\n  display: flex;\n  gap: 20px;\n  transition: transform 0.5s cubic-bezier(.2,.9,.2,1);\n  align-items: stretch;\n  will-change: transform;\n  touch-action: pan-y;\n}\n\n\/* Review Card *\/\n.review-card-0 {\n  position: relative;\n  flex: 0 0 320px;\n  max-width: 320px;\n  background: #fff;\n  border: 1px solid #eee;\n  border-radius: 14px;\n  padding: 22px 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n  transition: all 0.25s ease;\n}\n.review-card-0:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 22px rgba(0,0,0,0.08);\n}\n\n\/* Quote icon in top-right corner *\/\n.quote-icon-0 {\n  position: absolute;\n  top: 14px;\n  right: 16px;\n  font-size: 40px;\n  color: #003428;\n  opacity: 0.25;\n}\n\n\/* Review Text *\/\n.review-text-0 {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.6;\n  color: #222;\n  text-align: center;\n}\n\n\/* Reviewer Info *\/\n.reviewer-name-0 {\n  font-weight: 700;\n  font-size: 15px;\n  color: #000;\n  margin: 0;\n  text-align: center;\n}\n.reviewer-role-0 {\n  display: block;\n  font-size: 13px;\n  color: #666;\n  font-style: italic;\n  margin-top: 3px;\n}\n\n\/* Responsive *\/\n@media (max-width: 880px) {\n  .review-card-0 { flex: 0 0 280px; max-width: 280px; }\n  .trusted-line-0 { font-size: 18px; }\n}\n@media (max-width: 520px) {\n  .review-card-0 { flex: 0 0 86%; max-width: 86%; }\n  .reviews-section-0 { padding: 24px; }\n  .trusted-line-0 { font-size: 16px; text-align: center; flex-wrap: wrap; }\n}\n<\/style>\n\n<script>\n(function () {\n  document.addEventListener('DOMContentLoaded', () => {\n    const slider = document.querySelector('.reviews-slider-0');\n    const wrapper = document.querySelector('.reviews-slider-wrapper-0');\n    const prevBtn = document.getElementById('prev-0');\n    const nextBtn = document.getElementById('next-0');\n\n    if (!slider || !wrapper) {\n      return;\n    }\n\n    let index = 0;\n    let cardWidthWithGap = 0;\n    let visibleCount = 1;\n    let maxIndex = 0;\n\n    function calc() {\n      const firstCard = slider.querySelector('.review-card-0');\n      if (!firstCard) return;\n      const gap = parseFloat(getComputedStyle(slider).gap) || 20;\n      const cardW = Math.round(firstCard.getBoundingClientRect().width);\n      cardWidthWithGap = cardW + gap;\n      visibleCount = Math.max(1, Math.floor((wrapper.getBoundingClientRect().width + gap) \/ cardWidthWithGap));\n      const total = slider.querySelectorAll('.review-card-0').length;\n      maxIndex = Math.max(0, total - visibleCount);\n      if (index > maxIndex) index = maxIndex;\n    }\n\n    function slideToIndex() {\n      slider.style.transition = 'transform 0.4s ease';\n      slider.style.transform = `translateX(-${Math.round(index * cardWidthWithGap)}px)`;\n    }\n\n    if (nextBtn) nextBtn.addEventListener('click', () => {\n      calc();\n      index = Math.min(index + 1, maxIndex);\n      slideToIndex();\n    });\n    if (prevBtn) prevBtn.addEventListener('click', () => {\n      calc();\n      if (index === 0) index = maxIndex;\n      else index = Math.max(index - 1, 0);\n      slideToIndex();\n    });\n\n    window.addEventListener('resize', () => { calc(); slideToIndex(); });\n    calc();\n    slideToIndex();\n\n    const mo = new MutationObserver(() => { calc(); slideToIndex(); });\n    mo.observe(slider, { childList: true });\n\n    \/* --- drag\/swipe support (pointer + touch + mouse) --- *\/\n    let isDown = false;\n    let startX = 0;\n    let lastTranslate = 0;\n\n    function getX(e) {\n      if (e.touches && e.touches[0]) return e.touches[0].clientX;\n      if (e.clientX !== undefined) return e.clientX;\n      if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].clientX;\n      return 0;\n    }\n\n    function onDown(e) {\n      isDown = true;\n      startX = getX(e);\n      lastTranslate = -index * cardWidthWithGap;\n      slider.style.transition = 'none';\n      if (e.pointerId && slider.setPointerCapture) try { slider.setPointerCapture(e.pointerId); } catch (err) {}\n    }\n\n    function onMove(e) {\n      if (!isDown) return;\n      const dx = getX(e) - startX;\n      slider.style.transform = `translateX(${lastTranslate + dx}px)`;\n      if (e.cancelable) e.preventDefault();\n    }\n\n    function onUp(e) {\n      if (!isDown) return;\n      isDown = false;\n      const dx = getX(e) - startX;\n      const threshold = Math.max(40, cardWidthWithGap * 0.12);\n      if (dx < -threshold) index = Math.min(index + 1, maxIndex);\n      else if (dx > threshold) index = Math.max(index - 1, 0);\n      slideToIndex();\n      if (e.pointerId && slider.releasePointerCapture) try { slider.releasePointerCapture(e.pointerId); } catch (err) {}\n    }\n\n    slider.addEventListener('pointerdown', onDown, { passive: true });\n    window.addEventListener('pointermove', onMove, { passive: false });\n    window.addEventListener('pointerup', onUp);\n\n    slider.addEventListener('touchstart', onDown, { passive: true });\n    window.addEventListener('touchmove', onMove, { passive: false });\n    window.addEventListener('touchend', onUp);\n\n    slider.addEventListener('mousedown', onDown);\n    window.addEventListener('mousemove', onMove);\n    window.addEventListener('mouseup', onUp);\n\n    window.requestAnimationFrame(() => { calc(); slideToIndex(); });\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_elementor_version":"3.32.4","_wp_page_template":"elementor_header_footer","footnotes":""},"class_list":["post-34425","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/34425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/comments?post=34425"}],"version-history":[{"count":0,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/34425\/revisions"}],"wp:attachment":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/media?parent=34425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}