{"id":2372,"date":"2024-09-03T11:30:11","date_gmt":"2024-09-03T11:30:11","guid":{"rendered":"http:\/\/motors.loc\/motors-starter\/?page_id=2372"},"modified":"2025-11-03T14:16:03","modified_gmt":"2025-11-03T14:16:03","slug":"diensten","status":"publish","type":"page","link":"https:\/\/snmautoworld.nl\/?page_id=2372","title":{"rendered":"Diensten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2372\" class=\"elementor elementor-2372\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df63882 e-flex e-con-boxed e-con e-parent\" data-id=\"df63882\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d893de elementor-widget elementor-widget-html\" data-id=\"1d893de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"nl\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n<title>Extra Diensten \u2013 Sterrenhemel, Ramen Blinderen, Remklauwen & Gordels | SNM Autoworld<\/title>\r\n<meta name=\"description\" content=\"SNM Autoworld: extra diensten voor je auto. Sterrenhemel plaatsen, ramen blinderen, remklauwen spuiten en gekleurde gordels\/accents. Strak, veilig en professioneel.\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/snmautoworld.nl\/diensten-extra\" \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --bg:#0a0a0a;--surface:#0B0B0B;--ring:#ffffff24;\r\n    --text:#f2f2f2;--muted:#9CA3AF;\r\n    --gold:#bfa46a;--gold-2:#a9925f;\r\n    --black:#000000;\r\n    --r:.75rem;--rs:.55rem\r\n  }\r\n  html,body{background:var(--bg);color:var(--text);margin:0}\r\n  body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}\r\n  section,header,footer{padding:0 22px}\r\n  .inner{max-width:1100px;margin:0 auto}\r\n  .h1{font-family:Poppins,Inter,sans-serif;font-weight:800;font-size:2.1rem;letter-spacing:-.015em;margin:0}\r\n  .muted{color:var(--muted)}\r\n  .lead{color:var(--muted);margin-top:8px}\r\n\r\n  .grid{display:grid;gap:16px}\r\n  @media(min-width:860px){ .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} }\r\n\r\n  \/* Kaarten *\/\r\n  .card{background:var(--surface);border:1px solid var(--ring);border-radius:var(--r);padding:18px;transition:transform .18s ease,border-color .18s ease}\r\n  .card:hover{transform:translateY(-2px);border-color:var(--gold)}\r\n  .card h2{font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:1.35rem;margin:0 0 6px}\r\n  .card p{margin:0;color:var(--muted)}\r\n  .row{display:flex;align-items:center;justify-content:space-between;gap:10px}\r\n\r\n  \/* Knoppen *\/\r\n  .btn{\r\n    display:inline-flex;align-items:center;justify-content:center;gap:.5rem;\r\n    padding:.75rem 1.2rem;border-radius:var(--rs);font-weight:600;text-decoration:none;\r\n    border:1px solid var(--ring);background:transparent;color:#eaeaea;transition:.2s;line-height:1.2;text-align:center;min-width:160px;\r\n  }\r\n  .btn:hover{border-color:#ffffff38}\r\n  .btn-black{background:var(--black);border-color:var(--gold);color:#ffffff}\r\n  .btn-black:hover{background:var(--gold-2);color:#000}\r\n\r\n  \/* Uitklap (per kaart) *\/\r\n  details.card{padding:0}\r\n  details.card > summary{list-style:none;cursor:pointer;padding:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}\r\n  details.card > summary::-webkit-details-marker{display:none}\r\n  .sum-left{min-width:0}\r\n  .sum-right{color:var(--gold);font-size:1.4rem;line-height:1;transform:rotate(0);transition:transform .2s}\r\n  details[open] .sum-right{transform:rotate(45deg)}\r\n  .intro{margin:6px 0 0;color:var(--muted)}\r\n  .content{padding:0 18px 16px;border-top:1px solid var(--ring)}\r\n  .list{margin:10px 0 0;padding-left:18px}\r\n  .list li{margin:.25rem 0}\r\n  .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}\r\n\r\n  \/* Animatie *\/\r\n  .fade{opacity:0;transform:translateY(14px);animation:f .55s ease forwards}\r\n  .d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}\r\n  @keyframes f{to{opacity:1;transform:translateY(0)}}\r\n\r\n  \/* Formulier *\/\r\n  .form-wrap{background:var(--surface);border:1px solid var(--ring);border-radius:var(--r);padding:18px}\r\n  .input{border-radius:.5rem;border:1px solid #ffffff26;background:rgba(255,255,255,.03);padding:.9rem 1rem;outline:none;font-size:15px;color:#f2f2f2;width:100%}\r\n  .input:focus{box-shadow:0 0 0 2px #bfa46a33;border-color:#bfa46a66}\r\n  .btn-submit{background:var(--black);border:1px solid var(--gold);color:#fff;border-radius:var(--rs);padding:.85rem 1.2rem;font-weight:700}\r\n  .btn-submit:hover{background:var(--gold-2);color:#000}\r\n  .note{font-size:.9rem;color:var(--muted)}\r\n  \r\n  @media(max-width:640px){.h1{font-size:1.85rem}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header style=\"border-bottom:1px solid var(--ring);padding-top:28px;padding-bottom:16px\">\r\n  <div class=\"inner\">\r\n    <h1 class=\"h1 fade\">Extra diensten \u2014 <span style=\"color:var(--gold)\">SNM Autoworld<\/span><\/h1>\r\n    <p class=\"lead fade d1\">Strak uitgevoerd, veilig gemonteerd en helemaal op maat. Klik open voor details.<\/p>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section style=\"padding:22px 0 10px\">\r\n  <div class=\"inner grid cols-2\">\r\n\r\n    <!-- Sterrenhemel -->\r\n    <details class=\"card fade\" open>\r\n      <summary>\r\n        <div class=\"sum-left\">\r\n          <h2>Sterrenhemel plaatsen<\/h2>\r\n          <p class=\"intro\">OEM-look met glasvezel\/LED-sterren, onzichtbare bekabeling en originele pasvorm.<\/p>\r\n        <\/div>\r\n        <span class=\"sum-right\">+<\/span>\r\n      <\/summary>\r\n      <div class=\"content\">\r\n        <ul class=\"list\">\r\n          <li>Keuze uit intensiteit, kleur en \u201ctwinkle\u201d-effect<\/li>\r\n          <li>Bekleding strak gespannen, originele structuur behouden<\/li>\r\n          <li>12V-aansluiting met zekering, garantie op installatie<\/li>\r\n        <\/ul>\r\n        <div class=\"cta\">\r\n          <a class=\"btn btn-black js-offerte\" href=\"#offerte\" data-dienst=\"Sterrenhemel plaatsen\">Offerte aanvragen<\/a>\r\n          <a class=\"btn\" href=\"https:\/\/wa.me\/31641436100?text=Ik%20wil%20een%20sterrenhemel%20laten%20plaatsen.\">WhatsApp<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/details>\r\n\r\n    <!-- Ramen blinderen -->\r\n    <details class=\"card fade d1\">\r\n      <summary>\r\n        <div class=\"sum-left\">\r\n          <h2>Ramen blinderen (tinten)<\/h2>\r\n          <p class=\"intro\">Premium folies met warmte-\/UV-reductie. Voorzijde RDW-proof, achter naar wens.<\/p>\r\n        <\/div>\r\n        <span class=\"sum-right\">+<\/span>\r\n      <\/summary>\r\n      <div class=\"content\">\r\n        <ul class=\"list\">\r\n          <li>Tinten van licht OEM tot privacy-donker<\/li>\r\n          <li>Stofvrije montage, one-piece waar mogelijk<\/li>\r\n          <li>Certificaat mogelijk, APK\/wegverkeer conform<\/li>\r\n        <\/ul>\r\n        <div class=\"cta\">\r\n          <a class=\"btn btn-black js-offerte\" href=\"#offerte\" data-dienst=\"Ramen blinderen\">Offerte aanvragen<\/a>\r\n          <a class=\"btn\" href=\"https:\/\/wa.me\/31641436100?text=Ik%20wil%20ramen%20laten%20blinderen.\">WhatsApp<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/details>\r\n\r\n    <!-- Remklauwen spuiten -->\r\n    <details class=\"card fade d2\">\r\n      <summary>\r\n        <div class=\"sum-left\">\r\n          <h2>Remklauwen spuiten<\/h2>\r\n          <p class=\"intro\">Demontage, reinigen, hittebestendige lak + topcoat. Logo\u2019s mogelijk.<\/p>\r\n        <\/div>\r\n        <span class=\"sum-right\">+<\/span>\r\n      <\/summary>\r\n      <div class=\"content\">\r\n        <ul class=\"list\">\r\n          <li>OEM-kleuren of elke RAL-tint<\/li>\r\n          <li>Remstof- en hittebestendige coating<\/li>\r\n          <li>Correcte montage, remsysteemcontrole<\/li>\r\n        <\/ul>\r\n        <div class=\"cta\">\r\n          <a class=\"btn btn-black js-offerte\" href=\"#offerte\" data-dienst=\"Remklauwen spuiten\">Offerte aanvragen<\/a>\r\n          <a class=\"btn\" href=\"https:\/\/wa.me\/31641436100?text=Ik%20wil%20remklauwen%20laten%20spuiten.\">WhatsApp<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/details>\r\n\r\n    <!-- Gordels & accenten -->\r\n    <details class=\"card fade d3\">\r\n      <summary>\r\n        <div class=\"sum-left\">\r\n          <h2>Gordels & accenten in kleur<\/h2>\r\n          <p class=\"intro\">OEM-spec gordels met kleuraccenten. Veiligheid en stijl in balans.<\/p>\r\n        <\/div>\r\n        <span class=\"sum-right\">+<\/span>\r\n      <\/summary>\r\n      <div class=\"content\">\r\n        <ul class=\"list\">\r\n          <li>Gordelbanden in diverse OEM-spec kleuren<\/li>\r\n          <li>Montage met juiste koppelingsmomenten<\/li>\r\n          <li>Matching accenten (o.a. klauwen\/sierdelen)<\/li>\r\n        <\/ul>\r\n        <div class=\"cta\">\r\n          <a class=\"btn btn-black js-offerte\" href=\"#offerte\" data-dienst=\"Gordels & accenten\">Offerte aanvragen<\/a>\r\n          <a class=\"btn\" href=\"https:\/\/wa.me\/31641436100?text=Ik%20wil%20gekleurde%20gordels%20%2F%20accenten.\">WhatsApp<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/details>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Offerte \/ contactformulier -->\r\n<section id=\"offerte\" style=\"padding:12px 0 24px\">\r\n  <div class=\"inner\">\r\n    <div class=\"form-wrap\">\r\n      <h2 style=\"font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:1.35rem;margin:0 0 6px\">Offerte aanvragen<\/h2>\r\n      <p class=\"muted\" style=\"margin:0 0 12px\">Vul je gegevens in. We reageren snel met een voorstel op maat.<\/p>\r\n\r\n      <form id=\"extraForm\" action=\"https:\/\/formspree.io\/f\/xpwookje\" method=\"POST\" novalidate style=\"margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px\">\r\n        <!-- honeypot + metadata -->\r\n        <input type=\"text\" name=\"_gotcha\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\r\n        <input type=\"hidden\" name=\"_subject\" value=\"Aanvraag \u2013 Extra Diensten (SNM Autoworld)\">\r\n        <input type=\"hidden\" name=\"form_type\" value=\"Extra diensten\">\r\n\r\n        <input class=\"input\" name=\"naam\" placeholder=\"Naam\" required>\r\n        <input class=\"input\" name=\"email\" type=\"email\" placeholder=\"E-mail\" required>\r\n        <input class=\"input\" name=\"telefoon\" placeholder=\"Telefoon\">\r\n        <input class=\"input\" name=\"kenteken\" id=\"exPlate\" placeholder=\"Kenteken (optioneel)\">\r\n        <select class=\"input\" name=\"dienst\" id=\"exDienst\">\r\n          <option>Sterrenhemel plaatsen<\/option>\r\n          <option>Ramen blinderen<\/option>\r\n          <option>Remklauwen spuiten<\/option>\r\n          <option>Gordels & accenten<\/option>\r\n          <option>Anders \/ advies<\/option>\r\n        <\/select>\r\n        <input class=\"input\" name=\"kleur_opties\" placeholder=\"Kleur \/ opties (optioneel)\">\r\n        <textarea class=\"input\" name=\"opmerking\" rows=\"4\" placeholder=\"Opmerkingen \/ wensen\" style=\"grid-column:1\/-1\"><\/textarea>\r\n\r\n        <button class=\"btn-submit\" type=\"submit\" id=\"exSubmit\" style=\"grid-column:1\/-1\">Versturen<\/button>\r\n        <p id=\"exMsg\" class=\"note\" style=\"grid-column:1\/-1;margin:6px 0 0\"><\/p>\r\n      <\/form>\r\n      <p class=\"note\" style=\"margin-top:8px\">Liever direct? <a class=\"btn\" style=\"padding:.4rem .8rem\" href=\"https:\/\/wa.me\/31641436100\">WhatsApp<\/a> of <a class=\"btn\" style=\"padding:.4rem .8rem\" href=\"tel:+31641436100\">bel ons<\/a>.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"contact\" style=\"padding:20px 0 30px;border-top:1px solid var(--ring)\">\r\n  <div class=\"inner\" style=\"display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between\">\r\n    <div>\r\n      <strong>SNM Autoworld<\/strong> \u00b7 C. Huygensstraat 16, 8141 GM Heino\r\n      <div class=\"muted\">Snelste reactie via WhatsApp of mail.<\/div>\r\n    <\/div>\r\n    <div style=\"display:flex;flex-wrap:wrap;gap:8px\">\r\n      <a class=\"btn\" href=\"tel:+31641436100\">Bel: +31 6 41436100<\/a>\r\n      <a class=\"btn\" href=\"https:\/\/wa.me\/31641436100?text=Hi%20SNM%20Autoworld%2C%20ik%20heb%20een%20vraag%20over%20extra%20diensten.\">WhatsApp<\/a>\r\n      <a class=\"btn btn-black\" href=\"mailto:info@snmautoworld.nl?subject=Aanvraag%20extra%20diensten\">E-mail<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer style=\"padding:18px 0;border-top:1px solid var(--ring)\">\r\n  <div class=\"inner muted\">\u00a9 SNM Autoworld<\/div>\r\n<\/footer>\r\n\r\n<script>\r\n  \/\/ Prefill \"dienst\" in het formulier wanneer iemand op een kaart-CTA klikt\r\n  (function(){\r\n    const buttons = document.querySelectorAll('.js-offerte');\r\n    const dienstSelect = document.getElementById('exDienst');\r\n    const plateInput = document.getElementById('exPlate');\r\n\r\n    buttons.forEach(btn=>{\r\n      btn.addEventListener('click', (e)=>{\r\n        const dienst = btn.getAttribute('data-dienst') || '';\r\n        if(dienst && dienstSelect){\r\n          \/\/ kies juiste optie of vul \"Anders \/ advies\"\r\n          const opts = Array.from(dienstSelect.options).map(o=>o.text.toLowerCase());\r\n          const idx = opts.findIndex(t => t.includes(dienst.toLowerCase().split(' ')[0]));\r\n          dienstSelect.selectedIndex = idx>=0 ? idx : opts.findIndex(t=>t.includes('anders')) || 0;\r\n        }\r\n        \/\/ als in URL een kenteken staat (?plate=\u2026), prefill\r\n        const url = new URL(window.location.href);\r\n        const qPlate = url.searchParams.get('plate');\r\n        if(qPlate && plateInput){ plateInput.value = qPlate.toUpperCase(); }\r\n      });\r\n    });\r\n  })();\r\n\r\n  \/\/ Formspree submit (AJAX, geen redirect)\r\n  (function(){\r\n    const form = document.getElementById('extraForm');\r\n    const msg  = document.getElementById('exMsg');\r\n    const btn  = document.getElementById('exSubmit');\r\n\r\n    form.addEventListener('submit', async (e)=>{\r\n      e.preventDefault();\r\n      msg.textContent = 'Verzenden\u2026'; msg.style.color = '#9CA3AF';\r\n      btn.disabled = true;\r\n\r\n      try{\r\n        const res = await fetch(form.action, { method:'POST', body:new FormData(form), headers:{ 'Accept':'application\/json' }});\r\n        if(res.ok){\r\n          msg.textContent = 'Bedankt! We nemen snel contact op met een voorstel.';\r\n          msg.style.color = '#bfa46a';\r\n          form.reset();\r\n        }else{\r\n          msg.textContent = 'Verzenden mislukt. Mail ons op info@snmautoworld.nl.';\r\n          msg.style.color = '#ff8a8a';\r\n        }\r\n      }catch(err){\r\n        msg.textContent = 'Verbindingsfout. Probeer opnieuw of mail ons.';\r\n        msg.style.color = '#ff8a8a';\r\n      }finally{\r\n        btn.disabled = false;\r\n      }\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>Extra Diensten \u2013 Sterrenhemel, Ramen Blinderen, Remklauwen &#038; Gordels | SNM Autoworld Extra diensten \u2014 SNM Autoworld Strak uitgevoerd, veilig gemonteerd en helemaal op maat. Klik open voor details. Sterrenhemel plaatsen OEM-look met glasvezel\/LED-sterren, onzichtbare bekabeling en originele pasvorm. + Keuze uit intensiteit, kleur en \u201ctwinkle\u201d-effect Bekleding strak gespannen, originele structuur behouden 12V-aansluiting met zekering, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2372","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/2372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2372"}],"version-history":[{"count":7,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/2372\/revisions"}],"predecessor-version":[{"id":50904,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/2372\/revisions\/50904"}],"wp:attachment":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}