{"id":2301,"date":"2024-09-03T08:35:09","date_gmt":"2024-09-03T08:35:09","guid":{"rendered":"http:\/\/motors.loc\/motors-starter\/?page_id=2301"},"modified":"2026-06-06T09:56:33","modified_gmt":"2026-06-06T09:56:33","slug":"aanbod","status":"publish","type":"page","link":"https:\/\/snmautoworld.nl\/?page_id=2301","title":{"rendered":"Aanbod"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2301\" class=\"elementor elementor-2301\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-987c480 e-flex e-con-boxed e-con e-parent\" data-id=\"987c480\" 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-850fd18 elementor-widget elementor-widget-heading\" data-id=\"850fd18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Aanbod<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4150de e-flex e-con-boxed e-con e-parent\" data-id=\"f4150de\" 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-62966ad elementor-widget elementor-widget-html\" data-id=\"62966ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n  #svm-section{\r\n    background:\r\n      radial-gradient(circle at top left, rgba(191,164,106,.18), transparent 34%),\r\n      linear-gradient(180deg, #0a0a0a 0%, #111 100%);\r\n    padding: 42px 22px;\r\n    border-radius: 18px;\r\n    color: #fff;\r\n  }\r\n\r\n  #svm-section .svm-inner{\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #svm-section .svm-heading{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  #svm-section .svm-kicker{\r\n    color:#bfa46a;\r\n    font-size:12px;\r\n    text-transform:uppercase;\r\n    letter-spacing:.12em;\r\n    font-weight:700;\r\n    margin-bottom:8px;\r\n  }\r\n\r\n  #svm-section h2{\r\n    font-size: clamp(28px, 4vw, 42px);\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    margin:0;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  #svm-section .svm-sub{\r\n    color:rgba(255,255,255,.62);\r\n    max-width:560px;\r\n    margin-top:10px;\r\n    font-size:15px;\r\n  }\r\n\r\n  #svm-section .svm-actions{\r\n    display:flex;\r\n    gap:10px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  #svm-section .svm-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:12px 16px;\r\n    border-radius:9px;\r\n    text-decoration:none;\r\n    font-weight:700;\r\n    font-size:14px;\r\n    transition:.2s ease;\r\n    white-space:nowrap;\r\n  }\r\n\r\n  #svm-section .svm-btn-primary{\r\n    background:#bfa46a;\r\n    color:#111;\r\n  }\r\n\r\n  #svm-section .svm-btn-primary:hover{\r\n    background:#a9925f;\r\n  }\r\n\r\n  #svm-section .svm-btn-ghost{\r\n    background:rgba(255,255,255,.04);\r\n    color:#fff;\r\n    border:1px solid rgba(255,255,255,.12);\r\n  }\r\n\r\n  #svm-section .svm-btn-ghost:hover{\r\n    border-color:rgba(255,255,255,.25);\r\n  }\r\n\r\n  #svm-wrap{\r\n    --svm-card: rgba(255,255,255,.055);\r\n    --svm-border: rgba(255,255,255,.12);\r\n    --svm-text: rgba(255,255,255,.92);\r\n    --svm-muted: rgba(255,255,255,.60);\r\n    --svm-accent: #bfa46a;\r\n    --svm-radius: 18px;\r\n    --svm-shadow: 0 22px 60px rgba(0,0,0,.38);\r\n    font-family: inherit;\r\n    color: var(--svm-text);\r\n  }\r\n\r\n  #svm-canvas{\r\n    position: relative;\r\n    border: 1px solid var(--svm-border);\r\n    border-radius: var(--svm-radius);\r\n    box-shadow: var(--svm-shadow);\r\n    overflow: hidden;\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));\r\n    min-height: 420px;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .svm-topbar{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:12px;\r\n    padding:16px 18px;\r\n    border-bottom:1px solid var(--svm-border);\r\n    background:rgba(0,0,0,.20);\r\n  }\r\n\r\n  .svm-topbar .title{\r\n    font-weight:800;\r\n    letter-spacing:-.01em;\r\n    font-size:17px;\r\n  }\r\n\r\n  .svm-topbar .hint{\r\n    color: var(--svm-muted);\r\n    font-size: 13px;\r\n    margin-top:2px;\r\n  }\r\n\r\n  .svm-pill{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    padding:8px 11px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(191,164,106,.35);\r\n    color:#f3e6c5;\r\n    font-size:13px;\r\n    user-select:none;\r\n    background:rgba(191,164,106,.08);\r\n  }\r\n\r\n  .svm-dot{\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#bfa46a;\r\n    box-shadow:0 0 0 4px rgba(191,164,106,.16);\r\n  }\r\n\r\n  .svm-skeleton{ padding: 16px 18px 20px; }\r\n\r\n  .svm-skeleton .row{\r\n    display:grid;\r\n    grid-template-columns: 130px 1fr;\r\n    gap: 16px;\r\n    padding: 16px 0;\r\n    border-bottom: 1px solid var(--svm-border);\r\n  }\r\n\r\n  .svm-skeleton .thumb{\r\n    height: 86px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.13), rgba(255,255,255,.06));\r\n    background-size: 200% 100%;\r\n    animation: shimmer 1.2s infinite linear;\r\n  }\r\n\r\n  .svm-skeleton .line{\r\n    height: 13px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.13), rgba(255,255,255,.06));\r\n    background-size: 200% 100%;\r\n    animation: shimmer 1.2s infinite linear;\r\n    margin-top: 12px;\r\n  }\r\n\r\n  .svm-skeleton .line.w60{ width: 60%; }\r\n  .svm-skeleton .line.w85{ width: 85%; }\r\n\r\n  @keyframes shimmer{\r\n    0%{background-position:200% 0}\r\n    100%{background-position:-200% 0}\r\n  }\r\n\r\n  .svm-error{\r\n    padding: 18px;\r\n    border-top: 1px solid var(--svm-border);\r\n    background: rgba(0,0,0,.18);\r\n  }\r\n\r\n  .svm-error strong{ color:#fff; }\r\n  .svm-note{ color: var(--svm-muted); font-size: 14px; margin-top: 6px; }\r\n\r\n  @media(max-width:768px){\r\n    #svm-section{\r\n      padding:32px 16px;\r\n      border-radius:14px;\r\n    }\r\n\r\n    #svm-section .svm-heading{\r\n      display:block;\r\n    }\r\n\r\n    #svm-section .svm-actions{\r\n      margin-top:18px;\r\n    }\r\n\r\n    #svm-section .svm-btn{\r\n      width:100%;\r\n    }\r\n\r\n    .svm-skeleton .row{\r\n      grid-template-columns: 100px 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"svm-section\">\r\n  <div class=\"svm-inner\">\r\n\r\n    <div class=\"svm-heading\">\r\n      <div>\r\n        <div class=\"svm-kicker\">Actuele voorraad<\/div>\r\n        <h2>Bekijk onze beschikbare occasions<\/h2>\r\n        <p class=\"svm-sub\">\r\n          Onze voorraad wordt automatisch bijgewerkt. Interesse in een auto? Neem direct contact op of plan een proefrit.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"svm-actions\">\r\n        <a href=\"tel:+31641436100\" class=\"svm-btn svm-btn-primary\">Bel direct<\/a>\r\n        <a href=\"https:\/\/wa.me\/31641436100\" class=\"svm-btn svm-btn-ghost\">WhatsApp<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"svm-wrap\">\r\n      <div id=\"svm-canvas\" aria-busy=\"true\">\r\n        <div class=\"svm-topbar\">\r\n          <div>\r\n            <div class=\"title\">Voorraad SNM Autoworld<\/div>\r\n            <div class=\"hint\">Actueel aanbod, direct geladen vanuit onze voorraad<\/div>\r\n          <\/div>\r\n          <div class=\"svm-pill\" title=\"Actueel aanbod\">\r\n            <span class=\"svm-dot\"><\/span>\r\n            <span>Actueel<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"svm-skeleton\" id=\"svm-loading\">\r\n          <div class=\"row\">\r\n            <div class=\"thumb\"><\/div>\r\n            <div><div class=\"line w85\"><\/div><div class=\"line w60\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"row\">\r\n            <div class=\"thumb\"><\/div>\r\n            <div><div class=\"line w85\"><\/div><div class=\"line w60\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"row\" style=\"border-bottom:none;\">\r\n            <div class=\"thumb\"><\/div>\r\n            <div><div class=\"line w85\"><\/div><div class=\"line w60\"><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const CANVAS_ID = \"svm-canvas\";\r\n  const SCRIPT_SRC = \"https:\/\/www.ucc-voorraad.nl\/js\/svm.js\";\r\n  const ACCOUNT_ID = \"a15a\";\r\n  const BASE_URL   = \"https:\/\/www.ucc-voorraad.nl\/\";\r\n\r\n  let vm = null;\r\n  const canvas = document.getElementById(CANVAS_ID);\r\n  if (!canvas) return;\r\n\r\n  function getConfig() {\r\n    const w = canvas.clientWidth || window.innerWidth;\r\n    const isMobile = w < 768;\r\n\r\n    return {\r\n      carousel: isMobile,\r\n      quick_search: !isMobile,\r\n      carouselOptions: isMobile\r\n        ? { direction: \"horizontal\", amount: 1 }\r\n        : { direction: false, amount: false }\r\n    };\r\n  }\r\n\r\n  function setWidthHint() {\r\n    if (!window.svm) return;\r\n    svm.saveUrlGetData({\r\n      key: \"svm_canvas_width\",\r\n      value: Math.round(canvas.clientWidth || 0)\r\n    });\r\n  }\r\n\r\n  function showError() {\r\n    canvas.setAttribute(\"aria-busy\", \"false\");\r\n    const loading = document.getElementById(\"svm-loading\");\r\n    if (loading) loading.remove();\r\n\r\n    const box = document.createElement(\"div\");\r\n    box.className = \"svm-error\";\r\n    box.innerHTML = `\r\n      <strong>De voorraad kon tijdelijk niet worden geladen.<\/strong>\r\n      <div class=\"svm-note\">Neem gerust contact met ons op voor het actuele aanbod.<\/div>\r\n    `;\r\n    canvas.appendChild(box);\r\n  }\r\n\r\n  function init() {\r\n    try {\r\n      if (!window.svm) return showError();\r\n\r\n      setWidthHint();\r\n\r\n      vm = svm.create(ACCOUNT_ID, BASE_URL, false, getConfig(), \"default\");\r\n      vm.init();\r\n\r\n      setTimeout(() => {\r\n        const loading = document.getElementById(\"svm-loading\");\r\n        if (loading) loading.remove();\r\n        canvas.setAttribute(\"aria-busy\", \"false\");\r\n      }, 250);\r\n\r\n      if (\"ResizeObserver\" in window) {\r\n        const ro = new ResizeObserver(() => {\r\n          setWidthHint();\r\n          if (vm && typeof vm.refresh === \"function\") vm.refresh();\r\n          else if (vm && typeof vm.update === \"function\") vm.update(getConfig());\r\n        });\r\n        ro.observe(canvas);\r\n      }\r\n\r\n    } catch (e) {\r\n      showError();\r\n    }\r\n  }\r\n\r\n  function loadScript(src, onload, onerror) {\r\n    if ([...document.scripts].some(s => s.src && s.src.includes(\"ucc-voorraad.nl\/js\/svm.js\"))) {\r\n      return onload();\r\n    }\r\n\r\n    const s = document.createElement(\"script\");\r\n    s.src = src + \"?t=\" + Date.now();\r\n    s.async = true;\r\n    s.onload = onload;\r\n    s.onerror = () => onerror && onerror();\r\n    document.head.appendChild(s);\r\n  }\r\n\r\n  loadScript(SCRIPT_SRC, init, showError);\r\n})();\r\n<\/script>\r\n```\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>Aanbod Actuele voorraad Bekijk onze beschikbare occasions Onze voorraad wordt automatisch bijgewerkt. Interesse in een auto? Neem direct contact op of plan een proefrit. Bel direct WhatsApp Voorraad SNM Autoworld Actueel aanbod, direct geladen vanuit onze voorraad Actueel &#8220;`<\/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-2301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/2301","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=2301"}],"version-history":[{"count":61,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/2301\/revisions"}],"predecessor-version":[{"id":51072,"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=\/wp\/v2\/pages\/2301\/revisions\/51072"}],"wp:attachment":[{"href":"https:\/\/snmautoworld.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}