<div class="product-card-grid">
<div class="product-card-grid-inner">
<div class="product-card product-card--full-width product-card--dynamic-height ">
<div class="product-card-inner">
<div class="product-card-media">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 89.71428571428571%;" class="image-placeholder" data-img-attr='{"src":"/temp/product-card.jpg","alt":"","srcset":"/temp/product-card.jpg 1x,/temp/product-card@2x.jpg 2x","data-object-fit":"cover","data-object-position":"center center"}'></span>
<noscript><img src="/temp/product-card.jpg" alt="" srcset="/temp/product-card.jpg 1x,/temp/product-card@2x.jpg 2x" data-object-fit="cover" data-object-position="center center"></noscript>
</div>
</div>
</div>
<div class="product-card-content">
<div class="product-card-content-inner">
<header class="product-card-header">
<h3 id="product-card-sub-heading" class="heading heading--category product-card-subheading">Fast pris & fri strøm</h3>
<h2 id="product-card-heading" class="heading heading--secondary product-card-heading">Abonnement</h2>
</header>
<div class="product-card-body">
<p>Lad på Danmarks stærkeste netværk og få en personlige ladeboks installeret hvis du har din egen private parkeringsplads.</p>
</div>
<div class="product-card-components">
<dl class="specifications">
<div class="specifications-inner">
<div class="specifications-item">
<dt class="specifications-term">Elbil <span class="tooltip js-tooltip">This is a description</span></dt>
<dd class="specifications-description">
<span>max</span> 699 <span>kr/md</span>
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Plugin-hybrid <span class="tooltip js-tooltip">This is a description</span></dt>
<dd class="specifications-description">
<span>max</span> 399 <span>kr/md</span>
</dd>
</div>
</div>
</dl>
<a href="#" class="cta">
<span class="text">Læs mere og bestil</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>
</div>
<div class="product-card ">
<div class="product-card-inner">
<div class="product-card-content">
<div class="product-card-content-inner">
<header class="product-card-header">
<h3 id="product-card-sub-heading" class="heading heading--category product-card-subheading">Forbrugsafregnet</h3>
<h2 id="product-card-heading" class="heading heading--secondary product-card-heading">Ladebrik</h2>
</header>
<div class="product-card-body">
<p>GO ladebrik er til dig der vil have mulighed for at benytte hele Clevers ladenetværk og betale for forbrug efterhånden.</p>
</div>
<div class="product-card-components">
<a href="#" class="cta">
<span class="text">Læs mere og bestil</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>
</div>
<div class="product-card ">
<div class="product-card-inner">
<div class="product-card-content">
<div class="product-card-content-inner">
<header class="product-card-header">
<h3 id="product-card-sub-heading" class="heading heading--category product-card-subheading">Forbrugsafregnet</h3>
<h2 id="product-card-heading" class="heading heading--secondary product-card-heading">SMS Opladning</h2>
</header>
<div class="product-card-body">
<p>SMS opladning er til dig der vil have mulighed for at benytte Clevers ladenetværk med det samme.</p>
</div>
<div class="product-card-components">
<a href="#" class="cta">
<span class="text">Læs mere og bestil</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>
</div>
<div class="product-card product-card--dynamic-height ">
<div class="product-card-inner">
<div class="product-card-content">
<div class="product-card-content-inner">
<header class="product-card-header">
<h3 id="product-card-sub-heading" class="heading heading--category product-card-subheading">Clever Complete</h3>
<h2 id="product-card-heading" class="heading heading--secondary product-card-heading">Ubegrænset opladning hjemme og ude</h2>
</header>
<div class="product-card-body">
<p>Clever Complete inkluderer både ubegrænset opladning af firmabilen ude og hjemme samt installation af Clever ladeboks på egen privatadresse.</p>
</div>
<div class="product-card-components">
<div class="checklist">
<h3 class="heading checklist-heading ">Abonnementet 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 og på 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 til 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">Mobilitetsgaranti og 24/7 support</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">Tilbagebetaling af el brugt på opladning gennem Clevers ladeboks</span>
</li>
</ul>
</div>
<div class="leasing-options">
<div class="leasing-options-inner">
<div class="option">
<h5 class="heading heading--context item-heading">Med opstart</h5>
<span class="option-subheading small-text">Installation af ladeboks betales ved opstart</span>
<div class="prices">
<div class="price-item">
<dt class="price-item-header">
<h5 class="heading heading--context option-heading">Elbil</h5>
</dt>
<dd class="price-item-description">
<span class="price-item-price">639</span><span class="suffix">kr/md</span>
</dd>
</div>
<div class="price-item">
<dt class="price-item-header">
<h5 class="heading heading--context option-heading">Plugin-hybrid</h5>
</dt>
<dd class="price-item-description">
<span class="price-item-price">335</span><span class="suffix">kr/md</span>
</dd>
</div>
</div>
<div class="additional-info">
<span class="small-text">
<p>
Installation af ladeboks: <strong>6.000 kr.</strong> ekskl. moms<br>
Beskatning af installation: <strong>7.500 kr.</strong> inkl. moms
</p>
</span>
</div>
</div>
<div class="option">
<h5 class="heading heading--context item-heading">Uden opstart</h5>
<span class="option-subheading small-text">Installation af ladeboks betales gennem den månedlige pris</span>
<div class="prices">
<div class="price-item">
<dt class="price-item-header">
<h5 class="heading heading--context option-heading">Elbil</h5>
</dt>
<dd class="price-item-description">
<span class="price-item-price">839</span><span class="suffix">kr/md</span>
</dd>
</div>
<div class="price-item">
<dt class="price-item-header">
<h5 class="heading heading--context option-heading">Plugin-hybrid</h5>
</dt>
<dd class="price-item-description">
<span class="price-item-price">535</span><span class="suffix">kr/md</span>
</dd>
</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>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
</ul>
</div>
</div>
</div>
</section>
<button href="#" class="cta btn">
<span class="text">Gå til bestillingsformular</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>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="product-card product-card--dynamic-height ">
<div class="product-card-inner">
<div class="product-card-content">
<div class="product-card-content-inner">
<header class="product-card-header">
<h3 id="product-card-sub-heading" class="heading heading--category product-card-subheading">Clever Complete Network</h3>
<h2 id="product-card-heading" class="heading heading--secondary product-card-heading">Ubegrænset opladning på Clevers netværk</h2>
</header>
<div class="product-card-body">
<p>SMS opladning er til dig der vil have mulighed for at benytte Clevers ladenetværk med det samme.</p>
</div>
<div class="product-card-components">
<div class="checklist">
<h3 class="heading checklist-heading ">Abonnementet 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å 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 til 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">Mobilitetsgaranti og 24/7 support</span>
</li>
</ul>
</div>
<div class="leasing-options">
<div class="leasing-options-inner">
<div class="option">
<h5 class="heading heading--context item-heading">Lorem ipsum</h5>
<span class="option-subheading small-text">Dolor sit amet consectetur adipiscing</span>
<div class="prices">
<div class="price-item">
<dt class="price-item-header">
<h5 class="heading heading--context option-heading">Elbil</h5>
</dt>
<dd class="price-item-description">
<span class="price-item-price">540</span><span class="suffix">kr/md</span>
</dd>
</div>
<div class="price-item">
<dt class="price-item-header">
<h5 class="heading heading--context option-heading">Plugin-hybrid</h5>
</dt>
<dd class="price-item-description">
<span class="price-item-price">236</span><span class="suffix">kr/md</span>
</dd>
</div>
</div>
<div class="additional-info">
<span class="small-text">
<p>Ved Clever Complete Network er der ingen beskatning.</p>
</span>
</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>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
</ul>
</div>
</div>
</div>
</section>
<button href="#" class="cta btn">
<span class="text">Gå til bestillingsformular</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>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="card card--reversed" aria-labelledby="card-0-heading">
<div class="card-inner">
<div class="card-components">
<ul class="teaser-list">
<li class="teaser-list-item">
<article class="teaser teaser--product">
<header class="teaser-header">
<h3 class="heading heading--small teaser-heading"><a href="#">Ladekabel Type 2 - Kort</a></h3>
</header>
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/teaser-product.jpg","alt":"","srcset":"/temp/teaser-product.jpg 1x,/temp/teaser-product@2x.jpg 2x","data-object-fit":"cover","data-object-position":"center center"}'></span>
<noscript><img src="/temp/teaser-product.jpg" alt="" srcset="/temp/teaser-product.jpg 1x,/temp/teaser-product@2x.jpg 2x" data-object-fit="cover" data-object-position="center center"></noscript>
</div>
</div>
<div class="teaser-body">
<ul>
<li>3 faser</li>
<li>5 meter</li>
<li>Op till 22 kW ved 32A</li>
</ul>
<p class="price">2.899 <span class="price-unit">kr</span></p>
</div>
<div class="teaser-cta">
<span class="text">Læs mere og bestil</span>
</div>
</article>
</li>
<li class="teaser-list-item">
<article class="teaser teaser--product">
<header class="teaser-header">
<h3 class="heading heading--small teaser-heading"><a href="#">Ladekabel Type 2 - Kort</a></h3>
</header>
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/teaser-product.jpg","alt":"","srcset":"/temp/teaser-product.jpg 1x,/temp/teaser-product@2x.jpg 2x","data-object-fit":"cover","data-object-position":"center center"}'></span>
<noscript><img src="/temp/teaser-product.jpg" alt="" srcset="/temp/teaser-product.jpg 1x,/temp/teaser-product@2x.jpg 2x" data-object-fit="cover" data-object-position="center center"></noscript>
</div>
</div>
<div class="teaser-body">
<ul>
<li>3 faser</li>
<li>5 meter</li>
<li>Op till 22 kW ved 32A</li>
</ul>
<p class="price">2.899 <span class="price-unit">kr</span></p>
</div>
<div class="teaser-cta">
<span class="text">Læs mere og bestil</span>
</div>
</article>
</li>
</ul>
</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>
</div>
</div>
</section>
{% for module in pageModules %}
{% include '@' ~ module.type with module.content|merge({ tagName: 'section' }) only %}
{% endfor %}
{
"title": "Clever",
"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-card-grid",
"content": {
"productCards": [
{
"dynamicHeight": false,
"productCardModifiers": [
"full-width"
],
"productCardHeading": "Abonnement",
"productCardSubheading": "Fast pris & fri strøm",
"productCardBody": "<p>Lad på Danmarks stærkeste netværk og få en personlige ladeboks installeret hvis du har din egen private parkeringsplads.</p>",
"childComponents": [
{
"type": "specifications",
"content": {
"specifications": [
{
"term": "Elbil <span class=\"tooltip js-tooltip\">This is a description</span>",
"description": "<span>max</span> 699 <span>kr/md</span>"
},
{
"term": "Plugin-hybrid <span class=\"tooltip js-tooltip\">This is a description</span>",
"description": "<span>max</span> 399 <span>kr/md</span>"
}
]
}
},
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Læs mere og bestil"
}
}
],
"productCardMedia": {
"type": "image",
"content": {
"url": "/temp/product-card.jpg",
"width": 525,
"height": 471,
"lazyload": true,
"retina": true,
"sizes": [
{
"url": "/temp/product-card.jpg"
},
{
"url": "/temp/product-card@2x.jpg"
}
]
}
}
},
{
"productCardHeading": "Ladebrik",
"productCardSubheading": "Forbrugsafregnet",
"productCardBody": "<p>GO ladebrik er til dig der vil have mulighed for at benytte hele Clevers ladenetværk og betale for forbrug efterhånden.</p>",
"childComponents": [
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Læs mere og bestil"
}
}
]
},
{
"productCardHeading": "SMS Opladning",
"productCardSubheading": "Forbrugsafregnet",
"productCardBody": "<p>SMS opladning er til dig der vil have mulighed for at benytte Clevers ladenetværk med det samme.</p>",
"childComponents": [
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Læs mere og bestil"
}
}
]
},
{
"dynamicHeight": true,
"productCardSubheading": "Clever Complete",
"productCardHeading": "Ubegrænset opladning hjemme og ude",
"productCardBody": "<p>Clever Complete inkluderer både ubegrænset opladning af firmabilen ude og hjemme samt installation af Clever ladeboks på egen privatadresse.</p>",
"childComponents": [
{
"type": "checklist",
"content": {
"heading": "Abonnementet indeholder:",
"items": [
"Installation af ladeboks hjemme",
"Ubegrænset opladning hjemme og på Clevers ladenetværk",
"Ladebrik til Clevers ladenetværk",
"Mobilitetsgaranti og 24/7 support",
"Tilbagebetaling af el brugt på opladning gennem Clevers ladeboks"
]
}
},
{
"type": "leasing-options",
"content": {
"leasingOptions": [
{
"leasingOptionsHeading": "Med opstart",
"leasingOptionsBody": "Installation af ladeboks betales ved opstart",
"prices": {
"electric": 639,
"hybrid": 335
},
"additionalInformation": "<p>\n\t\t\t\t\t\t\t\t\t\tInstallation af ladeboks: <strong>6.000 kr.</strong> ekskl. moms<br>\n\t\t\t\t\t\t\t\t\t\tBeskatning af installation: <strong>7.500 kr.</strong> inkl. moms\n\t\t\t\t\t\t\t\t\t</p>"
},
{
"leasingOptionsHeading": "Uden opstart",
"leasingOptionsBody": "Installation af ladeboks betales gennem den månedlige pris",
"prices": {
"electric": 839,
"hybrid": 535
},
"additionalInformation": ""
}
]
}
},
{
"type": "disclaimer-list",
"content": {
"disclaimers": [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
]
}
},
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Gå til bestillingsformular",
"tagName": "button",
"classes": [
"btn"
]
}
}
]
},
{
"dynamicHeight": true,
"productCardSubheading": "Clever Complete Network",
"productCardHeading": "Ubegrænset opladning på Clevers netværk",
"productCardBody": "<p>SMS opladning er til dig der vil have mulighed for at benytte Clevers ladenetværk med det samme.</p>",
"childComponents": [
{
"type": "checklist",
"content": {
"heading": "Abonnementet indeholder:",
"items": [
"Ubegrænset opladning på Clevers ladenetværk",
"Ladebrik til Clevers ladenetværk",
"Mobilitetsgaranti og 24/7 support"
]
}
},
{
"type": "leasing-options",
"content": {
"leasingOptions": [
{
"leasingOptionsHeading": "Lorem ipsum",
"leasingOptionsBody": "Dolor sit amet consectetur adipiscing",
"prices": {
"electric": 540,
"hybrid": 236
},
"additionalInformation": "<p>Ved Clever Complete Network er der ingen beskatning.</p>"
}
]
}
},
{
"type": "disclaimer-list",
"content": {
"disclaimers": [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
]
}
},
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Gå til bestillingsformular",
"tagName": "button",
"classes": [
"btn"
]
}
}
]
}
]
}
},
{
"type": "card",
"content": {
"cardId": "card-0",
"cardMedia": null,
"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": [
"reversed"
],
"cardComponents": [
{
"type": "teaser-list",
"content": {
"teasers": [
{
"teaserModifiers": [
"product"
],
"teaserImage": {
"url": "/temp/teaser-product.jpg",
"width": 318,
"height": 318,
"retina": true,
"lazyload": true,
"sizes": [
{
"url": "/temp/teaser-product.jpg"
},
{
"url": "/temp/teaser-product@2x.jpg"
}
],
"attributes": {
"data-object-fit": "cover",
"data-object-position": "center center"
}
},
"teaserContext": null,
"teaserDate": null,
"teaserHeading": "Ladekabel Type 2 - Kort",
"teaserUrl": "#",
"teaserCtaLabel": "Læs mere og bestil",
"teaserBody": "\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>3 faser</li>\n\t\t\t\t\t\t<li>5 meter</li>\n\t\t\t\t\t\t<li>Op till 22 kW ved 32A</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<p class=\"price\">2.899 <span class=\"price-unit\">kr</span></p>\n\t\t\t\t"
},
{
"teaserModifiers": [
"product"
],
"teaserImage": {
"url": "/temp/teaser-product.jpg",
"width": 318,
"height": 318,
"retina": true,
"lazyload": true,
"sizes": [
{
"url": "/temp/teaser-product.jpg"
},
{
"url": "/temp/teaser-product@2x.jpg"
}
],
"attributes": {
"data-object-fit": "cover",
"data-object-position": "center center"
}
},
"teaserContext": null,
"teaserDate": null,
"teaserHeading": "Ladekabel Type 2 - Kort",
"teaserUrl": "#",
"teaserCtaLabel": "Læs mere og bestil",
"teaserBody": "\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>3 faser</li>\n\t\t\t\t\t\t<li>5 meter</li>\n\t\t\t\t\t\t<li>Op till 22 kW ved 32A</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<p class=\"price\">2.899 <span class=\"price-unit\">kr</span></p>\n\t\t\t\t"
}
]
}
}
]
}
}
],
"pageModifiers": []
}
No notes defined.