<section class="product-detail">
<div class="product-detail-content">
<div class="product-detail-intro">
<div class="product-detail-intro-inner">
<h1 class="heading heading--secondary product-detail-heading">KIA Niro</h1>
<div class="product-detail-lede lede">
<p>KIA Niro er den første serieproducerede elbil fra KIA. Bilen er rummelig, har et flot design samt mange praktiske og smarte funktioner.</p>
</div>
</div>
</div>
<div class="product-detail-components">
<div class="product-offer">
<div class="product-offer-inner">
<header class="product-offer-header">
<h2 class="heading heading--small product-offer-heading">Skræddersyet startpakke: Clever Unlimited + Network</h2>
</header>
<div class="product-offer-components">
<div class="product-options js-product-options">
<div class="product-options-inner">
<div class="option-toggles">
<button class="toggle js-toggle active ">
<div class="toggle-inner">
<h5 class="heading heading--context item-heading">Clever<br> Unlimited Network</h5>
<span class="item-subheading">Uden ladeboks</span>
</div>
</button>
<button class="toggle js-toggle ">
<div class="toggle-inner">
<h5 class="heading heading--context item-heading">Clever<br> Unlimited*</h5>
<span class="item-subheading">Med ladeboks</span>
</div>
</button>
</div>
<div class="option-content">
<div class="option-content-inner js-option-container">
<div class="item js-item active ">
<div class="item-details">
<div class="item-header">
<h5 class="heading heading--context item-heading">Clever<br> Unlimited Network</h5>
<span class="item-subheading">Uden ladeboks</span>
</div>
<span class="item-body js-body-container">
<span class="body js-body">
<p>Når du køber bilen fra ny, får du ubegrænset opladning og fuld power på køreglæden fra allerførste kilomtere. Med Clever Unlimited Network får du:</p>
</span>
</span>
<div class="checklist">
<h3 class="heading checklist-heading heading--context ">Clever Unlimited Network<br>indeholder:</h3>
<ul class="checklist-list">
<li class="checklist-item">
<span class="icon icon-checkmark">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.15 24.18">
<path d="M11.09 24.18L0 13.1l2.12-2.13 8.91 8.92L29.97 0l2.18 2.07-21.06 22.11z" />
</svg>
</span>
</span>
<span class="text">Ubegrænset opladning på hele Clevers ladenetværk</span>
</li>
<li class="checklist-item">
<span class="icon icon-checkmark">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.15 24.18">
<path d="M11.09 24.18L0 13.1l2.12-2.13 8.91 8.92L29.97 0l2.18 2.07-21.06 22.11z" />
</svg>
</span>
</span>
<span class="text">Ladebrik</span>
</li>
</ul>
</div>
</div>
<div class="item-specifications">
<span class="item-price">625</span><span class="suffix">kr/md</span>
<div class="item-price-specification">
</div>
<div class="item-price-specification">
<span>Mindstepris i 6 md. bindningsperiode</span>
<br><strong>3750kr.</strong>
</div>
<div class="item-disclaimer">
<span class="small-text">Abonnement udbydes af Clever A/S. 14 dages fortrydelsesret. Forudsætter BS-betaling. Læs mere: clever.dk/vilkaar.</span>
</div>
</div>
</div>
<div class="item js-item ">
<div class="item-details">
<div class="item-header">
<h5 class="heading heading--context item-heading">Clever<br> Unlimited*</h5>
<span class="item-subheading">Med ladeboks</span>
</div>
<span class="item-body js-body-container">
<span class="body js-body">
<p>Tilvælger du installation af Clevers ladeboks hjemme med Clever Unlimited, kan du vågne hver dag til et fuldt batteri og ny energi.</p>
</span>
</span>
<div class="checklist">
<h3 class="heading checklist-heading heading--context ">Clever Unlimited <br>indeholder:</h3>
<ul class="checklist-list">
<li class="checklist-item">
<span class="icon icon-checkmark">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.15 24.18">
<path d="M11.09 24.18L0 13.1l2.12-2.13 8.91 8.92L29.97 0l2.18 2.07-21.06 22.11z" />
</svg>
</span>
</span>
<span class="text">Installation af ladeboks hjemme</span>
</li>
<li class="checklist-item">
<span class="icon icon-checkmark">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.15 24.18">
<path d="M11.09 24.18L0 13.1l2.12-2.13 8.91 8.92L29.97 0l2.18 2.07-21.06 22.11z" />
</svg>
</span>
</span>
<span class="text">Ubegrænset opladning hjemme</span>
</li>
</ul>
</div>
</div>
<div class="item-specifications">
<span class="item-price">749</span><span class="suffix">kr/md</span>
<div class="item-price-specification">
<span>Installation af ladeboks</span>
<br><strong>7500kr.</strong>
</div>
<div class="item-price-specification">
<span>Mindstepris i 6 md. bindningsperiode</span>
<br><strong>11994kr.</strong>
</div>
<div class="item-disclaimer">
<span class="small-text">Abonnement udbydes af Clever A/S. 14 dages fortrydelsesret. Forudsætter BS-betaling. Læs mere: clever.dk/vilkaar. Installation af ladeboks: ekstraomk. kan forekomme, fx ved behov for grave- eller stilladsarbejde mv. Inkl. lån af ladeboks på privatadresse (DK). Hvert kvartal tilbagebetales et beløb for den mængde strøm, som er brugt til opladning v/ ladeboksen efter fastsat takst, se clever.dk/tilbagebetaling. </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="disclaimer-list">
<div class="disclaimer-list-inner">
<div class="disclaimer-list-content">
<div class="body-content">
<ul class="disclaimers">
<li>Clever Unlimited: Inkl. lån og installation (værdi 7.500 kr.) af ladeboks på privatadresse (DK), dog kan ekstraomk. forekomme, fx, ved behov for grave- eller stilladsarbejde mv. Hvert kvartal tilbagebetales et beløb før den mængde strøm, som er brugt til opladning v/ ladeboksen efter fastsat takst, se clever.dk/tilbagebetaling</li>
</ul>
</div>
</div>
</div>
</section>
<p class="small-text">Kontakt din bilforhandler for priser og startpakker for Clever Unlimited og Clever Unlimited Network.</p>
<a href="#" class="cta">
<span class="text">Læs mere på Kia.com</span>
<span class="icon icon-cta-arrow-right">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 15.1">
<path d="M49 0l-1.5 1.4 5.2 5.2H0v2h52.7l-5.2 5.1 1.5 1.4 7.5-7.5z" />
</svg></span>
</span>
</a>
</div>
</div>
</div>
<div class="product-specifications">
<div class="product-specifications-inner">
<h2 class="heading heading--context product-specifications-heading">Specifications</h2>
<dl class="specifications">
<div class="specifications-inner">
<div class="specifications-item">
<dt class="specifications-term">EV type</dt>
<dd class="specifications-description">
Electric
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Range on electricity</dt>
<dd class="specifications-description">
200 km
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Electricity usage</dt>
<dd class="specifications-description">
14,3 kWh/100 km
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Cable type</dt>
<dd class="specifications-description">
Type 2
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Number of seats</dt>
<dd class="specifications-description">
5
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Battery size</dt>
<dd class="specifications-description">
18,8 kWh
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">CO2-emissions</dt>
<dd class="specifications-description">
0 g/km
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Charging time</dt>
<dd class="specifications-description has-disclaimer">
From 45 min
<br><span class="disclaimer">* med Clever Twin</span>
</dd>
</div>
</div>
</dl>
</div>
</div>
</div>
</div>
<div class="product-detail-media">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 101.38888888888889%;" class="image-placeholder" data-img-attr='{"src":"/temp/product-image.jpg","alt":"","srcset":"/temp/product-image.jpg 1x,/temp/product-image@2x.jpg 2x","data-object-fit":"cover","data-object-position":"center center"}'></span>
<noscript><img src="/temp/product-image.jpg" alt="" srcset="/temp/product-image.jpg 1x,/temp/product-image@2x.jpg 2x" data-object-fit="cover" data-object-position="center center"></noscript>
</div>
</div>
</div>
</section>
<section class="card card--full-bleed-media card--gallery" aria-labelledby="card-0-heading">
<div class="card-inner">
<div class="card-media">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 112.99435028248588%;" class="image-placeholder" data-img-attr='{"src":"/temp/charging-box-01.jpg","alt":"","srcset":"/temp/charging-box-01.jpg 1x,/temp/charging-box-01@2x.jpg 2x","data-object-fit":"cover","data-object-position":"center center"}'></span>
<noscript><img src="/temp/charging-box-01.jpg" alt="" srcset="/temp/charging-box-01.jpg 1x,/temp/charging-box-01@2x.jpg 2x" data-object-fit="cover" data-object-position="center center"></noscript>
</div>
</div>
</div>
<div class="card-content">
<div class="card-content-inner">
<header class="card-header">
<h3 id="card-0-sub-heading" class="heading heading--category card-subheading">Lorem ipsum dolor sit amet</h3>
<h2 id="card-0-heading" class="heading heading--secondary card-heading">Lorem ipsum dolor sit amet</h2>
</header>
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam.</p>
<p>Quis nostrud exercitation ullamco laboris nisi ut.</p>
</div>
<div class="child-components">
<a href="#" class="cta">
<span class="text">Read more</span>
<span class="icon icon-cta-arrow-right">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 15.1">
<path d="M49 0l-1.5 1.4 5.2 5.2H0v2h52.7l-5.2 5.1 1.5 1.4 7.5-7.5z" />
</svg></span>
</span>
</a>
</div>
</div>
</div>
<aside class="card-aside">
<div class="card-aside-column">
<div class="video-embed js-video-embed small-12 medium-11 large-9">
<a href="https://www.youtube.com/watch?v=vwrvbjBF7YQ" class="video-embed-btn" target="_blank">
<span class="icon icon-toggle-video">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41.3 56">
<path d="M2 56c-.6 0-1.3-.3-1.6-.9-.3-.3-.4-.7-.4-1.1V2C0 .9.9 0 2 0c.4 0 .8.1 1.1.4l37.3 26c.9.6 1.1 1.9.5 2.8-.1.2-.3.4-.5.5l-37.3 26c-.3.2-.7.3-1.1.3zM2 2v52l37.3-26L2 2z" />
</svg>
</span>
</span>
</a>
<div class="video-embed-poster">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 65.439672801636%;" class="image-placeholder" data-img-attr='{"src":"/temp/charging-box-03.jpg","alt":"","srcset":"/temp/charging-box-03.jpg 1x,/temp/charging-box-03@2x.jpg 2x"}'></span>
<noscript><img src="/temp/charging-box-03.jpg" alt="" srcset="/temp/charging-box-03.jpg 1x,/temp/charging-box-03@2x.jpg 2x"></noscript>
</div>
</div>
</div>
</div>
</div>
<div class="card-aside-column">
<div class="image small-12 medium-10 large-8">
<div class="image-inner">
<span style="padding-bottom: 153.7037037037037%;" class="image-placeholder" data-img-attr='{"src":"/temp/charging-box-02.jpg","alt":"","srcset":"/temp/charging-box-02.jpg 1x,/temp/charging-box-02@2x.jpg 2x"}'></span>
<noscript><img src="/temp/charging-box-02.jpg" alt="" srcset="/temp/charging-box-02.jpg 1x,/temp/charging-box-02@2x.jpg 2x"></noscript>
</div>
</div>
</div>
</aside>
</div>
</section>
<div class="app-showcase js-app-showcase">
<div class="app-showcase-inner">
<div class="app-showcase-media">
<div class="mask"></div>
<div class="media">
<div class="media-item" data-heading="Start charging">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 216.42512077294685%;" class="image-placeholder" data-img-attr='{"src":"/temp/app-screenshot-3.jpg","alt":"","srcset":"/temp/app-screenshot-3.jpg 1x,/temp/app-screenshot-3@2x.jpg 2x"}'></span>
<noscript><img src="/temp/app-screenshot-3.jpg" alt="" srcset="/temp/app-screenshot-3.jpg 1x,/temp/app-screenshot-3@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<div class="media-item" data-heading="Find your station">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 216.42512077294685%;" class="image-placeholder" data-img-attr='{"src":"/temp/app-screenshot-2.jpg","alt":"","srcset":"/temp/app-screenshot-2.jpg 1x,/temp/app-screenshot-2@2x.jpg 2x"}'></span>
<noscript><img src="/temp/app-screenshot-2.jpg" alt="" srcset="/temp/app-screenshot-2.jpg 1x,/temp/app-screenshot-2@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<div class="media-item" data-heading="Choose your plug">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 216.34103019538188%;" class="image-placeholder" data-img-attr='{"src":"/temp/app-screenshot-1.jpg","alt":"","srcset":"/temp/app-screenshot-1.jpg 1x,/temp/app-screenshot-1@2x.jpg 2x"}'></span>
<noscript><img src="/temp/app-screenshot-1.jpg" alt="" srcset="/temp/app-screenshot-1.jpg 1x,/temp/app-screenshot-1@2x.jpg 2x"></noscript>
</div>
</div>
</div>
</div>
</div>
<div class="app-showcase-content">
<div class="app-showcase-content-inner">
<h2 class="heading heading--secondary app-showcase-heading">Charging has never been this easy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
<div class="app-showcase-links">
<a href="#" class="btn">
<span class="icon icon-app-ios">
<span class="svg-container"><svg viewBox="0 0 136.5 162" xmlns="http://www.w3.org/2000/svg">
<path d="m133.6 126.3c-2.4 5.7-5.4 10.9-8.7 15.7-4.6 6.5-8.3 11.1-11.2 13.6-4.5 4.1-9.3 6.2-14.4 6.4-3.7 0-8.1-1.1-13.3-3.2s-10-3.2-14.3-3.2c-4.6 0-9.5 1.1-14.7 3.2-5.3 2.1-9.5 3.2-12.7 3.4-4.9.2-9.8-2-14.7-6.5-3.1-2.7-7-7.4-11.7-14-5-7.1-9.2-15.3-12.4-24.7-3.8-10.3-5.5-20.1-5.5-29.6 0-10.9 2.3-20.2 7-28.1 3.7-6.3 8.6-11.3 14.8-14.9s12.8-5.5 19.9-5.6c3.9 0 9 1.2 15.4 3.6s10.4 3.6 12.2 3.6c1.3 0 5.9-1.4 13.6-4.2 7.3-2.6 13.4-3.7 18.4-3.3 13.6 1.1 23.9 6.5 30.7 16.2-12.2 7.4-18.2 17.7-18.1 31 .1 10.3 3.9 18.9 11.2 25.8 3.3 3.2 7.1 5.6 11.2 7.4-.7 2.5-1.7 5-2.7 7.4zm-31.3-123.1c0 8.1-3 15.7-8.9 22.7-7 8.3-15.7 13.1-25 12.4-.1-1-.2-2-.2-3.1 0-7.8 3.4-16.1 9.4-22.9 3-3.4 6.8-6.3 11.4-8.6s9-3.5 13.1-3.7c.2 1.1.2 2.2.2 3.2z" />
</svg>
</span>
</span>
<span class="text">iOS App</span>
</a>
<a href="#" class="btn">
<span class="icon icon-app-android">
<span class="svg-container"><svg viewBox="0 0 468 553" xmlns="http://www.w3.org/2000/svg">
<path d="m34.2 179.1c-9.5 0-17.6 3.3-24.3 10s-9.9 14.6-9.9 23.9v143c0 9.5 3.3 17.6 10 24.3 6.6 6.6 14.7 10 24.3 10 9.5 0 17.6-3.3 24.1-10 6.5-6.6 9.8-14.7 9.8-24.3v-143c0-9.3-3.3-17.3-10-23.9s-14.7-10-24-10z" />
<path d="m309.4 50.8 23.6-43.5c1.5-2.9 1-5.1-1.7-6.6-2.9-1.3-5.1-.7-6.6 2l-23.9 43.9c-21.1-9.3-43.3-14-66.8-14s-45.8 4.7-66.8 14l-23.9-43.9c-1.6-2.7-3.8-3.3-6.6-2-2.7 1.6-3.2 3.8-1.7 6.6l23.6 43.5c-23.9 12.2-43 29.2-57.2 51s-21.3 45.7-21.3 71.6h307.4c0-25.9-7.1-49.8-21.3-71.6-14.1-21.8-33.1-38.8-56.8-51zm-136.4 63.4c-2.6 2.6-5.6 3.8-9.1 3.8s-6.5-1.3-9-3.8c-2.4-2.5-3.7-5.6-3.7-9.1s1.2-6.6 3.7-9.1c2.4-2.5 5.4-3.8 9-3.8s6.6 1.3 9.1 3.8c2.5 2.6 3.8 5.6 3.8 9.1s-1.3 6.5-3.8 9.1zm140.1 0c-2.4 2.6-5.4 3.8-9 3.8s-6.6-1.3-9.1-3.8c-2.6-2.5-3.8-5.6-3.8-9.1s1.3-6.6 3.8-9.1 5.6-3.8 9.1-3.8 6.5 1.3 9 3.8c2.4 2.6 3.7 5.6 3.7 9.1-.1 3.5-1.3 6.5-3.7 9.1z" />
<path d="m81.4 406.8c0 10.2 3.5 18.8 10.6 25.9s15.7 10.6 25.9 10.6h24.6l.3 75.5c0 9.5 3.3 17.6 10 24.3s14.6 10 23.9 10c9.5 0 17.6-3.3 24.3-10 6.6-6.6 10-14.7 10-24.3v-75.4h45.9v75.4c0 9.5 3.3 17.6 10 24.3s14.7 10 24.3 10c9.5 0 17.6-3.3 24.3-10s10-14.7 10-24.3v-75.4h24.9c10 0 18.5-3.5 25.6-10.6s10.6-15.7 10.6-25.9v-221.5h-305.2z" />
<path d="m433.7 179.1c-9.3 0-17.3 3.3-23.9 9.8s-10 14.6-10 24.1v143c0 9.5 3.3 17.6 10 24.3s14.6 10 23.9 10c9.5 0 17.6-3.3 24.3-10s10-14.7 10-24.3v-143c0-9.5-3.3-17.6-10-24.1s-14.7-9.8-24.3-9.8z" />
</svg>
</span>
</span>
<span class="text">Android App</span>
</a>
</div>
</div>
</div>
</div>
</div>
{% for module in pageModules %}
{% include '@' ~ module.type with module.content|merge({ tagName: 'section' }) only %}
{% endfor %}
{
"title": "Clever – KIA Niro",
"siteHeader": {
"siteUrl": "../../components/preview/home.html",
"primaryNavigation": {
"primaryNavigationItems": [
{
"title": "Products",
"url": "../../components/preview/products.html"
},
{
"title": "How It Works",
"url": "#",
"selected": true
},
{
"title": "Car Guide",
"url": "../../components/preview/car-guide.html"
},
{
"title": "Customer Service",
"url": "#"
},
{
"title": "Webshop",
"url": "#"
}
],
"primaryNavigationModifiers": [
"selected"
]
}
},
"siteFooter": {
"newsletterSignup": {
"newsletterSignupSubheading": "Join the movement",
"newsletterSignupHeading": "EV's are here to stay",
"newsletterSignupAcceptPolicyText": "Accept af persondatapolitik ifm. nyhedsbreve. <a href=\"#\">Læs mere her</a>",
"newsletterSignupEndpoint": "https://clever-components.fallwinter.dk/.netlify/functions/server/mailchimp"
},
"siteDirectories": [
{
"title": "About Clever",
"url": null,
"children": [
{
"title": "Owners",
"url": "#"
},
{
"title": "Jobs",
"url": "#"
},
{
"title": "Partnerships",
"url": "#"
},
{
"title": "Press",
"url": "#"
},
{
"title": "Persondatapolitik",
"url": "#"
}
]
},
{
"title": "Erhverv",
"url": null,
"children": [
{
"title": "Mindre virksomhed",
"url": "#"
},
{
"title": "Større virksomhed",
"url": "#"
},
{
"title": "Kommune",
"url": "#"
},
{
"title": "Boligforening",
"url": "#"
},
{
"title": "Flådeadministratorer",
"url": "#"
}
]
},
{
"title": "Customer service",
"url": null,
"children": [
{
"title": "Go ladestil",
"url": "#"
},
{
"title": "Lost your card?",
"url": "#"
},
{
"title": "Driftstatus",
"url": "#"
},
{
"title": "Tilmeld betalingsservice",
"url": "#"
},
{
"title": "Local parkingrules",
"url": "#"
}
]
}
],
"socialLinks": [
{
"url": "#",
"icon": "icon-instagram.svg",
"text": "Instagram"
},
{
"url": "#",
"icon": "icon-facebook.svg",
"text": "Facebook"
},
{
"url": "#",
"icon": "icon-linkedin.svg",
"text": "LinkedIn"
}
],
"siteLocales": [
{
"url": "#",
"text": "Swe"
},
{
"url": "#",
"text": "No"
},
{
"url": "#",
"text": "Eng"
},
{
"url": "#",
"text": "Dk",
"active": true
}
]
},
"pageModules": [
{
"type": "product-detail",
"content": {
"productDetailHeading": "KIA Niro",
"productDetailLede": "<p>KIA Niro er den første serieproducerede elbil fra KIA. Bilen er rummelig, har et flot design samt mange praktiske og smarte funktioner.</p>",
"productDetailMedia": {
"url": "/temp/product-image.jpg",
"width": 720,
"height": 730,
"retina": true,
"lazyload": true,
"sizes": [
{
"url": "/temp/product-image.jpg"
},
{
"url": "/temp/product-image@2x.jpg"
}
]
},
"childComponents": [
{
"type": "product-offer",
"content": {
"productOfferHeading": "Skræddersyet startpakke: Clever Unlimited + Network",
"childComponents": [
{
"type": "product-options",
"content": {
"productOptions": [
{
"productOptionHeading": "Clever<br> Unlimited Network",
"productOptionSubHeading": "Uden ladeboks",
"productOptionBody": "<p>Når du køber bilen fra ny, får du ubegrænset opladning og fuld power på køreglæden fra allerførste kilomtere. Med Clever Unlimited Network får du:</p>",
"productOptionPerksHeading": "Clever Unlimited Network<br>indeholder:",
"productOptionPerks": [
"Ubegrænset opladning på hele Clevers ladenetværk",
"Ladebrik"
],
"subscriptionPrice": 625,
"installationHeading": "",
"installationPrice": 0,
"disclaimer": "Abonnement udbydes af Clever A/S. 14 dages fortrydelsesret. Forudsætter BS-betaling. Læs mere: clever.dk/vilkaar."
},
{
"productOptionHeading": "Clever<br> Unlimited*",
"productOptionSubHeading": "Med ladeboks",
"productOptionBody": "<p>Tilvælger du installation af Clevers ladeboks hjemme med Clever Unlimited, kan du vågne hver dag til et fuldt batteri og ny energi.</p>",
"productOptionPerksHeading": "Clever Unlimited <br>indeholder:",
"productOptionPerks": [
"Installation af ladeboks hjemme",
"Ubegrænset opladning hjemme"
],
"subscriptionPrice": 749,
"installationHeading": "Installation af ladeboks",
"installationPrice": 7500,
"disclaimer": "Abonnement udbydes af Clever A/S. 14 dages fortrydelsesret. Forudsætter BS-betaling. Læs mere: clever.dk/vilkaar. Installation af ladeboks: ekstraomk. kan forekomme, fx ved behov for grave- eller stilladsarbejde mv. Inkl. lån af ladeboks på privatadresse (DK). Hvert kvartal tilbagebetales et beløb for den mængde strøm, som er brugt til opladning v/ ladeboksen efter fastsat takst, se clever.dk/tilbagebetaling. "
}
]
}
},
{
"type": "disclaimer-list",
"content": {
"disclaimers": [
"Clever Unlimited: Inkl. lån og installation (værdi 7.500 kr.) af ladeboks på privatadresse (DK), dog kan ekstraomk. forekomme, fx, ved behov for grave- eller stilladsarbejde mv. Hvert kvartal tilbagebetales et beløb før den mængde strøm, som er brugt til opladning v/ ladeboksen efter fastsat takst, se clever.dk/tilbagebetaling"
]
}
},
"<p class=\"small-text\">Kontakt din bilforhandler for priser og startpakker for Clever Unlimited og Clever Unlimited Network.</p>",
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Læs mere på Kia.com"
}
}
]
}
},
{
"type": "product-specifications",
"content": {
"productSpecificationsHeading": "Specifications",
"productSpecificationsItems": [
{
"term": "EV type",
"description": "Electric"
},
{
"term": "Range on electricity",
"description": "200 km"
},
{
"term": "Electricity usage",
"description": "14,3 kWh/100 km"
},
{
"term": "Cable type",
"description": "Type 2"
},
{
"term": "Number of seats",
"description": "5"
},
{
"term": "Battery size",
"description": "18,8 kWh"
},
{
"term": "CO2-emissions",
"description": "0 g/km"
},
{
"term": "Charging time",
"description": "From 45 min",
"disclaimer": "med Clever Twin"
}
]
}
}
]
}
},
{
"type": "card",
"content": {
"cardId": "card-0",
"cardMedia": {
"type": "image",
"content": {
"url": "/temp/charging-box-01.jpg",
"width": 708,
"height": 800,
"lazyload": true,
"retina": true,
"sizes": [
{
"url": "/temp/charging-box-01.jpg"
},
{
"url": "/temp/charging-box-01@2x.jpg"
}
]
}
},
"cardHeading": "Lorem ipsum dolor sit amet",
"cardSubheading": "Lorem ipsum dolor sit amet",
"cardBody": "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n\t\t<p>Ut enim ad minim veniam.</p>\n\t\t<p>Quis nostrud exercitation ullamco laboris nisi ut.</p>",
"cardModifiers": [
"full-bleed-media",
"gallery"
],
"childComponents": [
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Read more"
}
}
],
"cardGallery": [
[
{
"type": "video-embed",
"columnSize": 9,
"content": {
"poster": {
"url": "/temp/charging-box-03.jpg",
"width": 489,
"height": 320,
"retina": true,
"lazyload": true,
"sizes": [
{
"url": "/temp/charging-box-03.jpg"
},
{
"url": "/temp/charging-box-03@2x.jpg"
}
]
},
"url": "https://www.youtube.com/watch?v=vwrvbjBF7YQ"
}
}
],
[
{
"type": "image",
"columnSize": 8,
"content": {
"url": "/temp/charging-box-02.jpg",
"width": 432,
"height": 664,
"retina": true,
"lazyload": true,
"sizes": [
{
"url": "/temp/charging-box-02.jpg"
},
{
"url": "/temp/charging-box-02@2x.jpg"
}
]
}
}
]
]
}
},
{
"type": "app-showcase",
"content": {
"appShowcaseMedia": [
{
"type": "image",
"heading": "Start charging",
"content": {
"url": "/temp/app-screenshot-3.jpg",
"lazyload": true,
"retina": true,
"width": 414,
"height": 896,
"sizes": [
{
"url": "/temp/app-screenshot-3.jpg"
},
{
"url": "/temp/app-screenshot-3@2x.jpg"
}
]
}
},
{
"type": "image",
"heading": "Find your station",
"content": {
"url": "/temp/app-screenshot-2.jpg",
"lazyload": true,
"retina": true,
"width": 414,
"height": 896,
"sizes": [
{
"url": "/temp/app-screenshot-2.jpg"
},
{
"url": "/temp/app-screenshot-2@2x.jpg"
}
]
}
},
{
"type": "image",
"heading": "Choose your plug",
"content": {
"url": "/temp/app-screenshot-1.jpg",
"lazyload": true,
"retina": true,
"width": 563,
"height": 1218,
"sizes": [
{
"url": "/temp/app-screenshot-1.jpg"
},
{
"url": "/temp/app-screenshot-1@2x.jpg"
}
]
}
}
],
"appShowcaseHeading": "Charging has never been this easy",
"appShowcaseBody": "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>",
"appShowcaseLinks": [
{
"text": "iOS App",
"url": "#",
"icon": "icon-app-ios.svg"
},
{
"text": "Android App",
"url": "#",
"icon": "icon-app-android.svg"
}
]
}
}
],
"pageModifiers": []
}
No notes defined.