{"id":50845,"date":"2025-10-28T15:54:11","date_gmt":"2025-10-28T15:54:11","guid":{"rendered":"https:\/\/snmautoworld.nl\/?page_id=50845"},"modified":"2026-06-06T09:44:25","modified_gmt":"2026-06-06T09:44:25","slug":"elementor-50845","status":"publish","type":"page","link":"https:\/\/snmautoworld.nl\/?page_id=50845","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50845\" class=\"elementor elementor-50845\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44ab2dc e-flex e-con-boxed e-con e-parent\" data-id=\"44ab2dc\" 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-78f7dc1 elementor-widget elementor-widget-html\" data-id=\"78f7dc1\" 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>Contact \u2013 SNM Autoworld<\/title>\r\n  <meta name=\"description\" content=\"Neem contact op met SNM Autoworld in Heino voor occasions, onderhoud, APK, diagnose, reparatie of inruil. Bel, WhatsApp of plan eenvoudig een afspraak.\" \/>\r\n\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n  <script>\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          colors: { snm: { gold: '#bfa46a', goldHover: '#a9925f' } },\r\n          fontFamily: { sans: ['Inter', 'system-ui', 'sans-serif'], pop: ['Poppins','sans-serif'] }\r\n        }\r\n      }\r\n    };\r\n  <\/script>\r\n\r\n  <style>\r\n    :root{ --ring:#ffffff1f; --ring-soft:#ffffff14; --muted:#9CA3AF; --r:.65rem; --rs:.45rem }\r\n    .wrap{max-width:1100px;margin:0 auto;padding:0 22px}\r\n    .btn{border-radius:var(--rs);padding:.85rem 1.15rem;font-weight:600;transition:.2s;letter-spacing:.02em;display:inline-block}\r\n    .btn-primary{background:#bfa46a;color:#111827}.btn-primary:hover{background:#a9925f}\r\n    .btn-quiet{border:1px solid var(--ring);background:#0B0B0B;color:#E5E7EB}.btn-quiet:hover{border-color:#ffffff2a}\r\n    .surface{background:#0B0B0B;border:1px solid var(--ring);border-radius:var(--r)}\r\n    .soft{background:rgba(255,255,255,.03);border:1px solid var(--ring-soft);border-radius:.6rem}\r\n    .h1{font-family:'Poppins',sans-serif;font-size:2.55rem;line-height:1.1;font-weight:800;letter-spacing:-.015em}\r\n    .h2{font-family:'Poppins',sans-serif;font-size:1.65rem;line-height:1.25;font-weight:700;letter-spacing:-.01em}\r\n    .h3{font-family:'Poppins',sans-serif;font-size:1.05rem;line-height:1.35;font-weight:700}\r\n    .muted{color:var(--muted);font-weight:400}\r\n    .input{border-radius:.5rem;border:1px solid var(--ring-soft);background:rgba(255,255,255,.03);padding:.9rem 1rem;outline:none;font-size:15px;color:#F9FAFB;width:100%}\r\n    .input:focus{box-shadow:0 0 0 2px #bfa46a33;border-color:#bfa46a66}\r\n    .input::placeholder{color:#8B929E}\r\n    .kicker{color:#bfa46a;font-weight:700;letter-spacing:.09em;text-transform:uppercase;font-size:.75rem}\r\n    .pill{border:1px solid var(--ring);border-radius:.5rem;padding:.28rem .55rem;font-size:.76rem;color:#E5E7EB;background:rgba(255,255,255,.04)}\r\n    .hide{display:none}\r\n    @media (max-width:640px){\r\n      .h1{font-size:2.05rem}\r\n      .h2{font-size:1.35rem}\r\n      .btn{width:100%;text-align:center}\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body class=\"min-h-screen bg-neutral-950 text-neutral-100 font-sans\">\r\n\r\n  <!-- HERO -->\r\n  <header class=\"border-b border-white\/10\">\r\n    <div class=\"wrap py-14 md:py-16\">\r\n      <div class=\"grid md:grid-cols-2 gap-8 items-start\">\r\n        <div>\r\n          <div class=\"kicker mb-3\">Occasions \u00b7 Eigen werkplaats \u00b7 Onderhoud<\/div>\r\n          <h1 class=\"h1\">Contact met <span class=\"text-snm-gold\">SNM Autoworld<\/span><\/h1>\r\n          <p class=\"muted mt-4 max-w-2xl text-[15.5px]\">\r\n            Neem contact op voor een occasion, inruil, onderhoud, APK, diagnose of reparatie. SNM Autoworld combineert betrouwbare autoverkoop met een eigen professionele werkplaats in Heino.\r\n          <\/p>\r\n\r\n          <div class=\"mt-7 flex flex-wrap gap-3\">\r\n            <a href=\"tel:+31641436100\" class=\"btn btn-primary\">Bel direct<\/a>\r\n            <a href=\"https:\/\/wa.me\/31641436100\" class=\"btn btn-quiet\">WhatsApp<\/a>\r\n            <a href=\"mailto:info@snmautoworld.nl\" class=\"btn btn-quiet\">E-mail<\/a>\r\n            <a href=\"#locatie\" class=\"btn btn-quiet\">Route<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"space-y-3\">\r\n          <div class=\"soft p-4\">\r\n            <div class=\"text-xs muted uppercase tracking-wide\">Adres<\/div>\r\n            <div class=\"mt-1 text-neutral-200\">C. Huygensstraat 16, 8141 GM Heino<\/div>\r\n            <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=C.+Huygensstraat+16%2C+8141+GM+Heino\" target=\"_blank\" rel=\"noopener\" class=\"mt-2 inline-block text-snm-gold underline underline-offset-2\">Open in Google Maps<\/a>\r\n          <\/div>\r\n\r\n          <div class=\"soft p-4\">\r\n            <div class=\"text-xs muted uppercase tracking-wide\">Contactgegevens<\/div>\r\n            <div class=\"mt-1 text-neutral-200\">\r\n              <a href=\"tel:+31641436100\" class=\"underline underline-offset-2\">+31 6 41436100<\/a><br>\r\n              <a href=\"mailto:info@snmautoworld.nl\" class=\"underline underline-offset-2\">info@snmautoworld.nl<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"soft p-4\">\r\n            <div class=\"text-xs muted uppercase tracking-wide\">Openingstijden<\/div>\r\n            <div class=\"mt-1 text-neutral-200\">Maandag t\/m vrijdag 09:00\u201318:00<\/div>\r\n            <div class=\"text-neutral-200\">Zaterdag 10:00\u201316:00<\/div>\r\n            <div class=\"text-[13px] muted mt-1\">Bezichtigen buiten openingstijden in overleg.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- SNELLE KEUZE -->\r\n  <section class=\"wrap py-12\">\r\n    <div class=\"flex items-end justify-between gap-4\">\r\n      <div>\r\n        <h2 class=\"h2\">Waarvoor wil je contact opnemen?<\/h2>\r\n        <p class=\"muted mt-2 text-[15px]\">Kies hieronder de snelste route. Zo komt je aanvraag direct met de juiste informatie binnen.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mt-6 grid md:grid-cols-3 gap-4\">\r\n      <a href=\"#contact-form\" data-topic-link=\"Occasion \/ proefrit\" class=\"surface p-5 hover:border-white\/25 transition block\">\r\n        <span class=\"pill\">Verkoop<\/span>\r\n        <h3 class=\"h3 mt-4\">Occasion of proefrit<\/h3>\r\n        <p class=\"muted mt-2 text-sm\">Vraag informatie aan over een auto of plan een proefrit.<\/p>\r\n      <\/a>\r\n\r\n      <a href=\"#contact-form\" data-topic-link=\"Onderhoud \/ APK\" class=\"surface p-5 hover:border-white\/25 transition block\">\r\n        <span class=\"pill\">Werkplaats<\/span>\r\n        <h3 class=\"h3 mt-4\">Onderhoud, APK of diagnose<\/h3>\r\n        <p class=\"muted mt-2 text-sm\">Plan onderhoud, APK, diagnose of reparatie in onze eigen werkplaats.<\/p>\r\n      <\/a>\r\n\r\n      <a href=\"#contact-form\" data-topic-link=\"Inruil \/ auto verkopen\" class=\"surface p-5 hover:border-white\/25 transition block\">\r\n        <span class=\"pill\">Inruil<\/span>\r\n        <h3 class=\"h3 mt-4\">Auto verkopen of inruilen<\/h3>\r\n        <p class=\"muted mt-2 text-sm\">Stuur je gegevens door voor een eerlijk voorstel.<\/p>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTACTSTRIP -->\r\n  <section class=\"border-y border-white\/10 bg-neutral-900\/40\">\r\n    <div class=\"wrap py-6 flex flex-col md:flex-row items-center justify-between gap-4\">\r\n      <p class=\"font-semibold\">Liever direct contact? Bel of stuur een WhatsApp-bericht.<\/p>\r\n      <div class=\"flex flex-wrap gap-2\">\r\n        <a href=\"tel:+31641436100\" class=\"btn btn-primary\">Bel<\/a>\r\n        <a href=\"https:\/\/wa.me\/31641436100\" class=\"btn btn-quiet\">WhatsApp<\/a>\r\n        <a href=\"mailto:info@snmautoworld.nl\" class=\"btn btn-quiet\">E-mail<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTACTFORMULIER -->\r\n  <section id=\"contact-form\" class=\"wrap py-14\">\r\n    <div class=\"surface p-6 md:p-7 max-w-4xl mx-auto\">\r\n      <h2 class=\"h2\">Stuur ons een bericht<\/h2>\r\n      <p class=\"muted mt-2 text-[15px]\">\r\n        Vul je gegevens in. Bij werkplaatsaanvragen helpt een kenteken en korte klachtomschrijving ons om sneller mee te denken.\r\n      <\/p>\r\n\r\n      <form id=\"contactForm\" class=\"mt-6 grid md:grid-cols-2 gap-3\" action=\"https:\/\/formspree.io\/f\/xpwookje\" method=\"POST\" novalidate>\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=\"Contact \u2013 SNM Autoworld\">\r\n        <input type=\"hidden\" name=\"form_type\" value=\"Contact\">\r\n\r\n        <div class=\"md:col-span-2\">\r\n          <label class=\"block text-sm muted mb-2\" for=\"cfTopic\">Onderwerp<\/label>\r\n          <select id=\"cfTopic\" name=\"onderwerp\" class=\"input\">\r\n            <option>Algemeen<\/option>\r\n            <option>Occasion \/ proefrit<\/option>\r\n            <option>Onderhoud \/ APK<\/option>\r\n            <option>Diagnose \/ storing<\/option>\r\n            <option>Inruil \/ auto verkopen<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <input id=\"cfName\" name=\"naam\" required placeholder=\"Voor- en achternaam\" class=\"input\"\/>\r\n        <input id=\"cfPhone\" name=\"telefoon\" required type=\"tel\" placeholder=\"Telefoonnummer\" class=\"input\"\/>\r\n        <input id=\"cfEmail\" name=\"email\" required type=\"email\" placeholder=\"E-mailadres\" class=\"input md:col-span-2\"\/>\r\n\r\n        <div id=\"vehicleFields\" class=\"md:col-span-2 grid md:grid-cols-2 gap-3\">\r\n          <input id=\"cfPlate\" name=\"kenteken\" placeholder=\"Kenteken (optioneel)\" class=\"input\"\/>\r\n          <input id=\"cfVehicle\" name=\"voertuig\" placeholder=\"Merk\/model of link naar advertentie (optioneel)\" class=\"input\"\/>\r\n        <\/div>\r\n\r\n        <div id=\"dateFields\" class=\"md:col-span-2 grid md:grid-cols-2 gap-3 hide\">\r\n          <input id=\"cfDate\" name=\"gewenste_datum\" type=\"date\" class=\"input\"\/>\r\n          <input id=\"cfTime\" name=\"gewenste_tijd\" type=\"time\" class=\"input\"\/>\r\n        <\/div>\r\n\r\n        <textarea id=\"cfMessage\" name=\"bericht\" required rows=\"5\" placeholder=\"Bericht \/ klachtomschrijving \/ vraag\" class=\"input md:col-span-2\"><\/textarea>\r\n\r\n        <label class=\"md:col-span-2 flex items-start gap-2 text-sm muted\">\r\n          <input id=\"cfAgree\" type=\"checkbox\" required class=\"h-4 w-4 mt-0.5\"\/>\r\n          <span>Ik ga akkoord dat SNM Autoworld contact met mij opneemt naar aanleiding van deze aanvraag.<\/span>\r\n        <\/label>\r\n\r\n        <button type=\"submit\" class=\"btn btn-primary md:col-span-2\" id=\"cfSubmit\">Verstuur bericht<\/button>\r\n        <p id=\"cfMsg\" class=\"md:col-span-2 text-sm mt-1 text-slate-400\"><\/p>\r\n      <\/form>\r\n\r\n      <p class=\"mt-3 text-xs muted\">\r\n        Spoed of liever persoonlijk contact? <a href=\"https:\/\/wa.me\/31641436100\" class=\"underline\">WhatsApp<\/a> of <a href=\"tel:+31641436100\" class=\"underline\">bel direct<\/a>.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LOCATIE -->\r\n  <section id=\"locatie\" class=\"wrap pb-14\">\r\n    <h2 class=\"h2\">Bezoek ons in Heino<\/h2>\r\n    <p class=\"muted mt-2 text-[15px]\">Showroom en werkplaats aan de C. Huygensstraat 16. Parkeren kan voor de deur.<\/p>\r\n\r\n    <div class=\"mt-5 rounded-lg overflow-hidden border border-white\/10\">\r\n      <iframe\r\n        title=\"SNM Autoworld \u2013 route\"\r\n        src=\"https:\/\/www.google.com\/maps?q=C.+Huygensstraat+16,+8141+GM+Heino&output=embed\"\r\n        width=\"100%\" height=\"380\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\r\n      <\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"mt-4 grid md:grid-cols-3 gap-3\">\r\n      <div class=\"soft p-4\">\r\n        <div class=\"text-xs muted uppercase tracking-wide\">Adres<\/div>\r\n        <div class=\"mt-1\">C. Huygensstraat 16<br>8141 GM Heino<\/div>\r\n      <\/div>\r\n      <div class=\"soft p-4\">\r\n        <div class=\"text-xs muted uppercase tracking-wide\">Telefoon<\/div>\r\n        <div class=\"mt-1\"><a href=\"tel:+31641436100\" class=\"underline\">+31 6 41436100<\/a><\/div>\r\n      <\/div>\r\n      <div class=\"soft p-4\">\r\n        <div class=\"text-xs muted uppercase tracking-wide\">E-mail<\/div>\r\n        <div class=\"mt-1\"><a href=\"mailto:info@snmautoworld.nl\" class=\"underline\">info@snmautoworld.nl<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"border-t border-white\/10\">\r\n    <div class=\"wrap py-8 text-sm muted\">\r\n      \u00a9 SNM Autoworld \u00b7 C. Huygensstraat 16, 8141 GM Heino \u00b7\r\n      <a href=\"mailto:info@snmautoworld.nl\" class=\"underline underline-offset-2\">info@snmautoworld.nl<\/a> \u00b7\r\n      <a href=\"tel:+31641436100\" class=\"underline underline-offset-2\">+31 6 41436100<\/a>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- SCRIPT -->\r\n  <script>\r\n    (function(){\r\n      const $ = (id) => document.getElementById(id);\r\n      const form = $('contactForm');\r\n      const topic = $('cfTopic');\r\n      const vehicleFields = $('vehicleFields');\r\n      const dateFields = $('dateFields');\r\n      const message = $('cfMessage');\r\n      const submitBtn = $('cfSubmit');\r\n      const formMsg = $('cfMsg');\r\n\r\n      function updateFields(){\r\n        const value = topic.value;\r\n\r\n        const needsDate =\r\n          value === 'Occasion \/ proefrit' ||\r\n          value === 'Onderhoud \/ APK' ||\r\n          value === 'Diagnose \/ storing';\r\n\r\n        const needsVehicle =\r\n          value === 'Occasion \/ proefrit' ||\r\n          value === 'Onderhoud \/ APK' ||\r\n          value === 'Diagnose \/ storing' ||\r\n          value === 'Inruil \/ auto verkopen';\r\n\r\n        vehicleFields.classList.toggle('hide', !needsVehicle);\r\n        dateFields.classList.toggle('hide', !needsDate);\r\n\r\n        if(value === 'Occasion \/ proefrit' && !message.value){\r\n          message.value = 'Ik wil graag informatie of een proefrit aanvragen.';\r\n        }\r\n\r\n        if(value === 'Onderhoud \/ APK' && !message.value){\r\n          message.value = 'Ik wil graag een werkplaatsafspraak aanvragen.';\r\n        }\r\n\r\n        if(value === 'Diagnose \/ storing' && !message.value){\r\n          message.value = 'Ik heb een storing\/klacht en wil graag een diagnose laten uitvoeren.';\r\n        }\r\n\r\n        if(value === 'Inruil \/ auto verkopen' && !message.value){\r\n          message.value = 'Ik wil graag mijn auto inruilen of verkopen.';\r\n        }\r\n      }\r\n\r\n      topic.addEventListener('change', updateFields);\r\n      updateFields();\r\n\r\n      document.querySelectorAll('[data-topic-link]').forEach(link => {\r\n        link.addEventListener('click', () => {\r\n          const selected = link.getAttribute('data-topic-link');\r\n          setTimeout(() => {\r\n            topic.value = selected;\r\n            updateFields();\r\n          }, 50);\r\n        });\r\n      });\r\n\r\n      form.addEventListener('submit', async function(e){\r\n        e.preventDefault();\r\n\r\n        if(!document.getElementById('cfAgree').checked){\r\n          alert('Ga a.u.b. akkoord zodat wij contact met je mogen opnemen.');\r\n          return;\r\n        }\r\n\r\n        formMsg.textContent = 'Verzenden\u2026';\r\n        formMsg.className = 'md:col-span-2 text-sm mt-1 text-slate-400';\r\n        submitBtn.disabled = true;\r\n\r\n        try{\r\n          const res = await fetch(form.action, {\r\n            method:'POST',\r\n            body: new FormData(form),\r\n            headers: { 'Accept':'application\/json' }\r\n          });\r\n\r\n          if(res.ok){\r\n            formMsg.textContent = 'Bedankt! We nemen snel contact met je op.';\r\n            formMsg.className = 'md:col-span-2 text-sm mt-1 text-snm-gold';\r\n            form.reset();\r\n            updateFields();\r\n          }else{\r\n            formMsg.textContent = 'Verzenden mislukt. Mail ons op info@snmautoworld.nl.';\r\n            formMsg.className = 'md:col-span-2 text-sm mt-1 text-red-400';\r\n          }\r\n        }catch(err){\r\n          formMsg.textContent = 'Verbindingsfout. Probeer opnieuw of mail ons.';\r\n          formMsg.className = 'md:col-span-2 text-sm mt-1 text-red-400';\r\n        }finally{\r\n          submitBtn.disabled = false;\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\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>Contact \u2013 SNM Autoworld Occasions \u00b7 Eigen werkplaats \u00b7 Onderhoud Contact met SNM Autoworld Neem contact op voor een occasion, inruil, onderhoud, APK, diagnose of reparatie. SNM Autoworld combineert betrouwbare autoverkoop met een eigen professionele werkplaats in Heino. Bel direct WhatsApp E-mail Route Adres C. Huygensstraat 16, 8141 GM Heino Open in Google Maps Contactgegevens [&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-50845","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/50845","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=50845"}],"version-history":[{"count":22,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/50845\/revisions"}],"predecessor-version":[{"id":51068,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/50845\/revisions\/51068"}],"wp:attachment":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}