<div class="charging-stations js-charging-stations" data-endpoint="https://clever-components.fallwinter.dk/.netlify/functions/server/api/markers">
	    <div class="charging-stations-inner">
	        <header class="charging-stations-header">
	            <h3 class="heading heading--category charging-stations-subheading">Clever charging stations</h3>
	            <h2 class="heading heading--secondary charging-stations-heading">Charging stations nearby</h2>
	        </header>

	        <div class="charging-stations-map">
	            <div class="map-embed">
	                <noscript>
	                    <p>This interactive map requires JavaScript to function. Please activate it in your browser.</p>
	                </noscript>
	            </div>
	        </div>

	        <div class="charging-stations-filter">
	            <div class="filter">
	                <div class="filter-inner">
	                    <form method="get" action="" class="js-filter" name="filter">
	                        <div class="form-block form-block--checkboxes form-block--connectors">
	                            <fieldset>
	                                <legend>Plug type</legend>
	                                <div class="form-group">
	                                    <div class="form-input form-input--checkbox">
	                                        <input id="connectors-1" value="" name="connectors" type="checkbox" checked>
	                                        <label for="connectors-1">
	                                            <span>All</span>
	                                        </label>
	                                    </div>
	                                    <div class="form-input form-input--checkbox">
	                                        <input id="connectors-2" value="IEC_2_Fast" name="connectors" type="checkbox">
	                                        <label for="connectors-2">
	                                            <span class="icon icon-plug-type-1">
	                                                <span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 49">
	                                                        <path d="M27 49C12.1 49 0 36.8 0 21.9 0 13.3 3.9 5.4 10.7.3l.3-.2L42.9 0l.3.2C50 5.4 54 13.3 54 21.9 54 36.8 41.9 49 27 49zM11.7 2.1C5.5 6.9 2 14.1 2 21.9 2 35.7 13.2 47 27 47s25-11.3 25-25.1C52 14 48.4 6.8 42.2 2l-30.5.1z" />
	                                                        <path d="M20 16c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM27 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM41 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM13 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM34 40c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM20 40c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM34 16c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
	                                                    </svg>
	                                                </span>
	                                            </span>
	                                            <span>Type-2 AC 43 kW</span>
	                                        </label>
	                                    </div>
	                                    <div class="form-input form-input--checkbox">
	                                        <input id="connectors-3" value="IEC_2_Slow" name="connectors" type="checkbox">
	                                        <label for="connectors-3">
	                                            <span class="icon icon-plug-type-2">
	                                                <span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 49">
	                                                        <path d="M27 49C12.1 49 0 36.8 0 21.9 0 13.3 3.9 5.4 10.7.3l.3-.2L42.9 0l.3.2C50 5.4 54 13.3 54 21.9 54 36.8 41.9 49 27 49zM11.7 2.1C5.5 6.9 2 14.1 2 21.9 2 35.7 13.2 47 27 47s25-11.3 25-25.1C52 14 48.4 6.8 42.2 2l-30.5.1z" />
	                                                        <path d="M20 16c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM27 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM41 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM13 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM34 40c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM20 40c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM34 16c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
	                                                    </svg>
	                                                </span>
	                                            </span>
	                                            <span>Type-2 AC 11-22 kW</span>
	                                        </label>
	                                    </div>
	                                    <div class="form-input form-input--checkbox">
	                                        <input id="connectors-4" value="CHAdeMO" name="connectors" type="checkbox">
	                                        <label for="connectors-4">
	                                            <span class="icon icon-plug-type-3">
	                                                <span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
	                                                        <path d="M25 50C11.2 50 0 38.8 0 25c0-4.2 1-8.3 3-11.9V6.6L7.6 2h7.6C18.3.7 21.6 0 25 0c3.4 0 6.7.7 9.8 2h7.6L47 6.6v6.5c2 3.6 3 7.7 3 11.9 0 13.8-11.2 25-25 25zM5 7.4v6.2l-.1.2C3 17.2 2 21.1 2 25c0 12.7 10.3 23 23 23s23-10.3 23-23c0-3.9-1-7.8-2.9-11.1l-.1-.3V7.4L41.6 4h-7.2l-.2-.1C31.3 2.6 28.2 2 25 2c-3.2 0-6.3.6-9.2 1.9l-.2.1H8.4L5 7.4z" />
	                                                        <path d="M37 33c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm0-12c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM25 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM13 33c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm0-12c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM25 44c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z" />
	                                                    </svg>
	                                                </span>
	                                            </span>
	                                            <span>CHAdeMO DC 50 kW</span>
	                                        </label>
	                                    </div>
	                                    <div class="form-input form-input--checkbox">
	                                        <input id="connectors-5" value="CCS" name="connectors" type="checkbox">
	                                        <label for="connectors-5">
	                                            <span class="icon icon-plug-type-4">
	                                                <span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 54 71.5">
	                                                        <path d="M16 67c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm0-14c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zM38 67c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm0-14c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zM27 49C12.1 49 0 36.8 0 21.9 0 13.3 3.9 5.4 10.7.3l.3-.2L42.9 0l.3.2C50 5.4 54 13.3 54 21.9 54 36.8 41.9 49 27 49zM11.7 2.1C5.5 6.9 2 14.1 2 21.9 2 35.7 13.2 47 27 47s25-11.3 25-25.1C52 14 48.4 6.8 42.2 2l-30.5.1z" />
	                                                        <path d="M20 16c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM27 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM41 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM13 28c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM34 40c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM20 40c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zM34 16c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
	                                                        <g>
	                                                            <defs>
	                                                                <path id="a" d="M16 47h22c6.6 0 12 5.4 12 12s-5.4 12-12 12H16C9.4 71 4 65.6 4 59s5.4-12 12-12z" />
	                                                            </defs>
	                                                            <clipPath id="b">
	                                                                <use xlink:href="#a" overflow="visible" />
	                                                            </clipPath>
	                                                            <g clip-path="url(#b)">
	                                                                <defs>
	                                                                    <path id="c" d="M-237-400h375v667h-375z" />
	                                                                </defs>
	                                                                <clipPath id="d">
	                                                                    <use xlink:href="#c" overflow="visible" />
	                                                                </clipPath>
	                                                                <g clip-path="url(#d)">
	                                                                    <path d="M16 47h22c6.6 0 12 5.4 12 12s-5.4 12-12 12H16C9.4 71 4 65.6 4 59s5.4-12 12-12z" fill="none" stroke="#000" stroke-width="4" stroke-miterlimit="10" />
	                                                                </g>
	                                                                <use xlink:href="#c" overflow="visible" fill="none" stroke="#000" stroke-miterlimit="10" />
	                                                            </g>
	                                                            <use xlink:href="#a" overflow="visible" fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000" stroke-width="1.001" stroke-miterlimit="10" />
	                                                        </g>
	                                                    </svg>
	                                                </span>
	                                            </span>
	                                            <span>CCS AC 50 kW</span>
	                                        </label>
	                                    </div>
	                                </div>
	                            </fieldset>
	                        </div>

	                        <div class="form-block form-block--button">
	                            <button class="form-button btn" type="submit">
	                                <span class="text">Filter</span>
	                            </button>
	                        </div>
	                    </form>

	                    <div class="map-legend">
	                        <dl>
	                            <div>
	                                <dt> <span class="icon icon-map-legend-fast">
	                                        <span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
	                                                <circle cx="16" cy="16" r="16" fill-rule="evenodd" clip-rule="evenodd" fill="#00f7ce" />
	                                                <path d="M16.4 23.5l-1.7-1.1 3.5-5.5H12c-.4 0-.7-.2-.9-.5-.2-.3-.2-.7 0-1l4.4-7 1.7 1.1-3.4 5.5H20c.4 0 .7.2.9.5.2.3.2.7 0 1l-4.5 7z" fill="#fff" />
	                                            </svg>
	                                        </span>
	                                    </span>
	                                </dt>
	                                <dd>Fast</dd>
	                            </div>

	                            <div>
	                                <dt> <span class="icon icon-map-legend-regular">
	                                        <span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
	                                                <circle cx="16" cy="16" r="16" fill-rule="evenodd" clip-rule="evenodd" fill="#00f7ce" />
	                                            </svg>
	                                        </span>
	                                    </span>
	                                </dt>
	                                <dd>Regular</dd>
	                            </div>
	                        </dl>
	                    </div>

	                    <button class="btn-geolocate btn">Locate me</button>

	                </div>
	            </div>
	        </div>

	        <div class="charging-stations-instructions">
	            <div class="charging-stations-instructions-block">
	                <h4 class="heading heading--small">Choose a charging station</h4>
	                <p>Klik på et ikon på kortet for at se detaljer. Du skal klikke på et ikon for at se livestatus for den enkelte ladestander på ladelokationen.</p>
	            </div>
	            <div class="charging-stations-instructions-block">
	                <h4 class="heading heading--small">Plug types</h4>
	                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
	            </div>
	            <div class="charging-stations-instructions-block">
	                <h4 class="heading heading--small">Closest charging station</h4>
	                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
	            </div>
	            <div class="charging-stations-instructions-block">
	                <h4 class="heading heading--small">Live status</h4>
	                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
	            </div>
	        </div>
	    </div>
	</div>
	<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 – Charging Network",
  "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": "charging-stations",
      "content": {
        "chargingStationsHeading": "Charging stations nearby",
        "chargingStationsSubheading": "Clever charging stations",
        "chargingStationsApiEndpoint": "https://clever-components.fallwinter.dk/.netlify/functions/server/api/markers",
        "chargingStationsFilter": {
          "filterAction": null,
          "filterMethod": null,
          "filterFormBlocks": [
            {
              "type": "form-block-checkboxes",
              "content": {
                "formBlockLegend": "Plug type",
                "formBlockName": "connectors",
                "formBlockOptions": [
                  {
                    "value": "",
                    "label": "All",
                    "checked": true
                  },
                  {
                    "value": "IEC_2_Fast",
                    "label": "Type-2 AC 43 kW",
                    "icon": "icon-plug-type-1.svg"
                  },
                  {
                    "value": "IEC_2_Slow",
                    "label": "Type-2 AC 11-22 kW",
                    "icon": "icon-plug-type-2.svg"
                  },
                  {
                    "value": "CHAdeMO",
                    "label": "CHAdeMO DC 50 kW",
                    "icon": "icon-plug-type-3.svg"
                  },
                  {
                    "value": "CCS",
                    "label": "CCS AC 50 kW",
                    "icon": "icon-plug-type-4.svg"
                  }
                ]
              }
            }
          ]
        },
        "chargingStationsInstructions": [
          {
            "heading": "Choose a charging station",
            "body": "<p>Klik på et ikon på kortet for at se detaljer. Du skal klikke på et ikon for at se livestatus for den enkelte ladestander på ladelokationen.</p>"
          },
          {
            "heading": "Plug types",
            "body": "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>"
          },
          {
            "heading": "Closest charging station",
            "body": "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>"
          },
          {
            "heading": "Live status",
            "body": "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>"
          }
        ]
      }
    },
    {
      "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": []
}
  • Handle: @charging-network
  • Preview:
  • Filesystem Path: resources/components/04-pages/charging-network/charging-network.twig

No notes defined.