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

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

    <section class="contacts-company-section">
        <h1 class="contacts-company-section__title">Контакты</h1>

        <div class="contacts-company-section__head-contacts">
            <a href="tel:+74951330476" class="contacts-company-section__head-contact-label">
                <div class="contacts-company-section__head-contact-label__icon">
                    <svg><use xlink:href="/sprite.svg#phone"></use></svg>
                </div>
                <div class="contacts-company-section__head-contact-label__main">
                    <b>8 (495) 133-04-76</b>
                    <span>Ежедневно 9:00-21:00</span>
                </div>
            </a>
            <a href="mailto:info@carakb.ru" class="contacts-company-section__head-contact-label">
                <div class="contacts-company-section__head-contact-label__icon">
                    <svg><use xlink:href="/sprite.svg#email"></use></svg>
                </div>
                <div class="contacts-company-section__head-contact-label__main">
                    <b>info@carakb.ru</b>
                    <span>Email для связи</span>
                </div>
            </a>
            <div class="contacts-company-section__head-contact-socials">
                <a href="" class="contacts-company-section__head-contact-social-btn">
                    <svg><use xlink:href="/sprite.svg#shared-tg"></use></svg>
                </a>
                <a href="" class="contacts-company-section__head-contact-social-btn">
                    <svg><use xlink:href="/sprite.svg#shared-whatsapp"></use></svg>
                </a>
                <button class="contacts-company-section__head-contact-btn" data-modal-btn="a894d210-dde9-4748-8c55-4aabb424e79c">
                    <svg><use xlink:href="/sprite.svg#phone"></use></svg>
                    <span>Заказать звонок</span>
                    <template data-modal-idx="a894d210-dde9-4748-8c55-4aabb424e79c">
                        {% include "/components/modals/help-akb.twig" %}
                    </template>
                </button>
            </div>
        </div>
    </section>

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

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

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

    {% include "components/answers-to-questions-section.twig" %}

    {% include "components/selection-help-section.twig" %}
{% endblock %}