{% extends '@DcSite/Subaru/base.html.twig' %}
{% block title %}
<title>{{ 'base.seo.title_loyality'|trans({}, 'dc_subaru') }}</title>
{% endblock title %}
{% block seo %}
<meta name="description" content="{{ 'base.seo.description_loyalty'|trans({}, 'dc_subaru') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'base.seo.title_loyality'|trans({}, 'dc_subaru') }}"/>
<meta property="og:description" content="{{ 'base.seo.description_loyalty'|trans({}, 'dc_subaru') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/landing-page.css') }}">
{% endblock %}
{% block content %}
<main>
<section class="breadcrumbs__new">
<div class="container">
<ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('subaru_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.info.index'|trans({}, 'dc_subaru') }}</span>
<meta itemprop="position" content="2"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.info.loialty'|trans({}, 'dc_subaru') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="landing-page landing-padding-image-block">
<div class="container landing-page-bg loyalty-bg">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<h1>{{ 'menu.info.loialty'|trans({}, 'dc_subaru') }} VIDI Subaru</h1>
<span class="landing-page-line"></span>
</div>
<div class="col-md-2">
</div>
</div>
</div>
</section>
<section class="landing-padding">
<div class="container">
<div class="row">
{% include '@DcSite/Subaru/About/includes/aside_contacts.html.twig' %}
{% if app.request.locale == 'ru' %}
{% include '@DcSite/Subaru/About/translations/loyality_ru.html.twig' %}
{% else %}
{% include '@DcSite/Subaru/About/translations/loyality_ua.html.twig' %}
{% endif %}
{% include '@DcSite/Subaru/About/includes/aside_nav.html.twig' with {
active: 'loyalty',
} %}
</div>
</div>
</section>
{#<section class="landing-padding bg-grey">#}
{#<div class="container">#}
{#<div class="row">#}
{#<div class="col-md-2">#}
{#</div>#}
{#<div class="col-md-8">#}
{#<span class="section-title">{{ 'pages.loialty.how_work'|trans({}, 'dc_subaru') }}</span>#}
{#<div class="principles-block">#}
{#<div class="principles-numbr-wrap">#}
{#<span class="principles-numbr">1</span>#}
{#</div>#}
{#<p class="landing-paragraph mb-0">{{ 'pages.loialty.hw_0'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#<div class="principles-block">#}
{#<div class="principles-numbr-wrap">#}
{#<span class="principles-numbr">2</span>#}
{#</div>#}
{#<p class="landing-paragraph mb-0">{{ 'pages.loialty.hw_1'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#<div class="principles-block mb-0">#}
{#<div class="principles-numbr-wrap">#}
{#<span class="principles-numbr">3</span>#}
{#</div>#}
{#<p class="landing-paragraph mb-0">{{ 'pages.loialty.hw_2'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#</div>#}
{#<div class="col-md-2">#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</section>#}
{% if app.request.locale == 'ru' %}
{% include '@DcSite/Subaru/About/translations/loyality_bonus_ru.html.twig' %}
{% else %}
{% include '@DcSite/Subaru/About/translations/loyality_bonus_ua.html.twig' %}
{% endif %}
</main>
{% endblock content %}