{% extends 'layouts/main.twig' %}

{% block main %}
    {% include "components/bread-crumbs.twig" %}

    <section class="inf-big-with-cover-section">
        <img src="/images/covers/2.png" alt="" srcset="/images/covers/2@2x.png 2x" class="inf-big-with-cover-section__cover">
        <div class="inf-big-with-cover-section__content">
            <span class="inf-big-with-cover-section__title">О компании</span>
            <p class="inf-big-with-cover-section__desc">Мы помогаем автовладельцам решать одну из самых частых и раздражающих проблем — севший аккумулятор. С 2018 года CarAkb подбирает, доставляет и устанавливает АКБ для любых автомобилей. Мы работаем быстро, аккуратно и с гарантией, чтобы ваша машина заводилась в любой день и при любой погоде</p>
            <button class="inf-big-with-cover-section__btn" data-modal-btn="df2daeae-b67b-49f7-a261-e6edf4eca68e">
                Связаться с нами
                <template data-modal-idx="df2daeae-b67b-49f7-a261-e6edf4eca68e">
                    {% include "components/modals/help-akb.twig" %}
                </template>
            </button>
        </div>
    </section>

    {% include "components/employee-company-section.twig" %}

    {% include "components/author-publications-media-section.twig" with {
        "authorPubTitle": "Публикации в СМИ"
    } %}

    {% include "components/grid-td-ic-section.twig" with {
        "title": "Наши ценности",
        "desc": "На этих принципах держится всё, что мы делаем, от подбора аккумулятора до общения с клиентом",
        "items": [
            {
                "title": "Ответственность за результат",
                "desc": "Каждый заказ доводим до конца: если что-то пошло не так - исправляем, а не ищем оправдания",
                "icon": "check-badge"
            },
            {
                "title": "Честность в работе",
                "desc": "Никаких скрытых условий и “мелкого шрифта”. Говорим прямо, делаем как обещали",
                "icon": "finger-up"
            },
            {
                "title": "Забота о клиентах",
                "desc": "Мы помогаем людям, у которых села машина. Поэтому действуем быстро, спокойно и с уважением к их времени",
                "icon": "control-heart"
            }
        ]
    } %}

    {% include "components/history-company-section.twig" %}
    
    {% include "components/gallery-grid-section.twig" %}

    {% include "components/customer-reviews-section.twig" %}

    {% include "components/company-details-section.twig" %}

    {% include "components/selection-help-section.twig" with {
        "selectionHelpTitle": "Свяжитесь с нами"
    } %}

    <ul class="company-pluses-section branch-company-section__company-pluses">
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#coins"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Выгодные цены</span>
                <p>Официальные представители и представляем лучшие цены</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#mortarboard"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Профессионализм</span>
                <p>Над вашими заказами работают квалицифированные сотрудники</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#delivery-box"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Собственный склад</span>
                <p>На складе находятся все автомобильные аккумуляторы, представленные в каталоге.</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#security"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Гарантия</span>
                <p>На все аккумуляторы гарантия от производителя от 1 года до 4 лет</p>
            </div>
        </li>
    </ul>

    {% include "components/certs-akb-banner-section.twig" %}
{% endblock %}