{% load static %}
<!-- HERO -->
<section class="hero">
    <div class="container">
        <div class="flex-right">
            <div class="hero-content">
                <h1 class="hero-title">ДОБАВЬТЕ ЭСТЕТИЧНОСТИ<br>В СВОЙ ИНТЕРЬЕР</h1>
                <div class="hero-subtitle-container">
                    <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor"
                         class="bi bi-check-circle hero-checkmark" viewBox="0 0 16 16">
                        <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
                        <path d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05"></path>
                    </svg>
                    <p class="hero-subtitle">Подбор сантехнического оборудования на заказ.
                        <br>А также огромный выбор инсталляций и декора
                        <br>в наличии на складах города с быстрой доставкой
                    </p>
                </div>
                <div class="hero-button-container">
                    <a href="/catalog/" class="hero-button">ПЕРЕЙТИ В КАТАЛОГ</a>
                </div>
            </div>
        </div>
    </div>
</section>