Lease Offer Detail Page

No notes defined.

<!-- Error rendering component -->
<!-- (unknown path)
  Template render error: (unknown path)
  Error: Could not render component '@energy-badge--circle-smaller' - component not found. -->
<!-- Template render error: (unknown path)
  Template render error: (unknown path)
  Error: Could not render component '@energy-badge--circle-smaller' - component not found.
    at Object._prettifyError (/Users/apart/Documents/projects/spuerkeess-design-system/node_modules/nunjucks/src/lib.js:32:11)
    at /Users/apart/Documents/projects/spuerkeess-design-system/node_modules/nunjucks/src/environment.js:464:19
    at eval (eval at _compile (/Users/apart/Documents/projects/spuerkeess-design-system/node_modules/nunjucks/src/environment.js:527:18), <anonymous>:121:12)
    at eval (eval at _compile (/Users/apart/Documents/projects/spuerkeess-design-system/node_modules/nunjucks/src/environment.js:527:18), <anonymous>:122:12)
    at /Users/apart/Documents/projects/spuerkeess-design-system/node_modules/@frctl/nunjucks/src/extensions/render.js:47:25 -->
 
{% extends "@spk-page-layout" %}
{% block header %}
	{% render "@spk-header--main" %}
{% endblock %}
{% block breadcrumbs %}
	<div class="container-fluid">
		{% render "@spk-breadcrumbs" %}
	</div>
{% endblock %}
{% block mainTop %}
{% render "@spk-page-cover--text-only",{
	title: "Un leasing tout compris pour votre",
	subTitle: "Jeep Avenger Longitude BEV"
},true %}
{% endblock %}
{% block main %}
	{% render "@spk-lease-slider" %}
	<section class="{{ namespace }}section">
		<div class="{{ namespace }}section__innerWrapper">
			<div class="{{ namespace }}section__inner">
				<div class="container">
					{% render "@spk-lease-offer-detail" %}
				</div>
			</div>
		</div>
	</section>
	<section class="{{ namespace }}section">
		<div class="{{ namespace }}section__innerWrapper">
			<div class="{{ namespace }}section__inner">
				<div class="container">
					{% render "@spk-lease-offer-simulator" %}
				</div>
			</div>
		</div>
	</section>
	<section class="{{ namespace }}section">
		<div class="{{ namespace }}section__innerWrapper">
			<div class="{{ namespace }}section__inner">
				<div class="container">
					<div class="{{ namespace }}stackXxl">
						{% render "@heading--h2-subtext",{
							text: "Conduisez en toute sérénité",
							subText: "Facilitez-vous la vie et profitez du tout inclus !"
						},true %}
						<div class="row">
							{% for i in range(0,4) %}
								<div class="col-12 col-md-6 col-xl-3">
									{% render "@spk-feature-icon-box--column-centered-icon-big",{
										icon: false,
										img: "/spuerkeess-site/components/lease-offer/feature-icon-box-big-img.png"
									},true %}
								</div>
							{% endfor %}
						</div>
						<div class="text-center">
							{% render "@btn-secondary",{
								eltType: "a",
								text: "Vous avez des questions ?"
							},true %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
{% endblock %}
{% block contactFooter %}
	{% render "@spk-contact-footer" %}
{% endblock %}
{% block footer %}
	{% render "@footer" %}
{% endblock %}
{% block misc %}
	{% render "@snet-modal-base--default",{
		modalID: "lease-offer-detail-test-modal"
	},true %}
{% endblock %}