index

@extends('layouts.base')

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/slicknav.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/slick/slick.css') }}">
@endsection

@section('content')
    <div class="slider">
        <div class="first-block">
            <div class="wrapper-content">
                <h1>Не устанавливайте окна пока не <br> позвонили нам!</h1><br>
                <p>Компания «Дон Монтаж» вот уже XX лет успешно работает на рынке пластиковых окон. Мы ценим каждого клиента! Спасибо Вам за оказанное доверие.</p>
                <form>
                    <input id="tel" type="tel" required="" placeholder="Телефон" name="phone"><br>
                    <button onclick="success(event)" id="sampleWithPromises" class="btn">Отправить заявку</button>
                </form>
                <h4>Введите номер телефона и вам перезвонят в течении 15 секунд</h4>
                <h6>Отправляя форму, Вы даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности. Ваша информация не будет распространяться.</h6>
            </div>
        </div>
        <div class="second-block">
            <div class="wrapper-content">
                <h1>Такие-то окна по цене<br>обычных!</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perspiciatis quidem ex aperiam corporis. Eum accusamus, nostrum aut itaque autem tenetur quos, reprehenderit amet soluta perspiciatis ullam, maiores, laborum repellat.</p>
                <a href="">Подробнее</a>
            </div>
        </div>
        <div class="second-block">
            <div class="wrapper-content">
                <h1>Такие-то окна по цене<br>обычных!</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perspiciatis quidem ex aperiam corporis. Eum accusamus, nostrum aut itaque autem tenetur quos, reprehenderit amet soluta perspiciatis ullam, maiores, laborum repellat.</p>
                <a href="">Подробнее</a>
            </div>
        </div>
    </div>
    <!-- End Slider -->
    <!-- Steps Container -->
    <div class="steps-container">
        <h1 class="steps-container-title">ЭТАПЫ МОНТАЖА</h1>
        <h4>Специалисты компании «Дон Монтаж» <br>выполняют монтаж пластиковых окон в следующей<br> последовательности:</h4>
        <hr>
        <div class="steps">
            <div class="step">
                <div class="number-container">
                    <span>1.</span>
                </div>
                <div class="text-container">
                    <h1>ПОДГОТОВКА ПОМЕЩЕНИЯ</h1>
                    <p>Отодвигают (убирают) или защищают полиэтиленовой пленкой мебель, напольные покрытия, декор. Подготавливается рабочее место.</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>2.</span>
                </div>
                <div class="text-container">
                    <h1>ДЕМОНТАЖ СТАРЫХ КОНСТРУКЦИЙ</h1>
                    <p>Выполняется демонтаж старых окон (деревянных или пластиковых).</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>3.</span>
                </div>
                <div class="text-container">
                    <h1>ПОДГОТОВКА ПРОЕМА</h1>
                    <p>Выравнивается поверхность проема, заделываются швы, трещины, удаляется пыль и грязь.</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>4.</span>
                </div>
                <div class="text-container">
                    <h1>ПОДГОТОВКА НОВЫХ ОКОН</h1>
                    <p>На данном этапе наносится разметка на раму, высверливаются отверстия для крепежных элементов. Также непосредственно перед установкой окно выставляется по уровню.</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>5.</span>
                </div>
                <div class="text-container">
                    <h1>НЕПОСРЕДСТВЕННО МОНТАЖ</h1>
                    <p>Выполняется установка новых окон, заделка всех щелей монтажной пеной</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>6.</span>
                </div>
                <div class="text-container">
                    <h1>УСТАНОВКА ЭЛЕМЕНТОВ ОКОННОЙ СИСТЕМЫ</h1>
                    <p>Мастера устанавливают отливы, внутренний подоконник, регулируют и монтируют фурнитуру.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- End Steps Container -->
    <!-- Start Why Us -->
    <div class="why-us">
        <h1 class="why-us-title">Почему именно мы?</h1>
        <div class="reasons">
            <div class="reason">
                <div class="section-box">
                    <h1>Большой опыт</h1>
                    <p>Большой опыт монтажа пластиковых окон. Мы осуществляем производство и монтаж пластиковых окон с xxxx года. В месяц мы производим не менее 20 тысяч оконных и балконных систем, а потому знаем толк в изготовлении и монтаже металлопластиковых систем.</p>
                </div>
            </div>
            <div class="reason">
                <div class="section-box">
                    <h1>Высокое качество</h1>
                    <p>Высокое качество оконных систем и монтажных работ. Компания Дон Монтаж имеет.............................................(награды)............... непосредственно от производителя профильных систем REHAU — все это гарантирует высокое качество самих оконных систем и работ по их установке.</p>
                </div>
            </div>
            <div class="reason">
                <div class="section-box">
                    <h1>Гарантия производителя</h1>
                    <p>На все окна Петербурга производство и установка выполняются с официальной гарантией производителя. При необходимости вы всегда сможете обратиться к нашим специалистам для гарантийного ремонта.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="work-examples-container">
        <h1 class="work-examples-title">Примеры работ</h1>
        <div class="examples">
            <img src="{{ asset('examples/1.jpg') }}" alt="">
            <img src="{{ asset('examples/2.jpeg') }}" alt="">
            <img src="{{ asset('examples/3.jpg') }}" alt="">
            <img src="{{ asset('examples/4.jpeg') }}" alt="">
            <img src="{{ asset('examples/5.jpg') }}" alt="">
            <img src="{{ asset('examples/6.jpg') }}" alt="">
            <img src="{{ asset('examples/7.jpg') }}" alt="">
            <img src="{{ asset('examples/8.jpg') }}" alt="">
        </div>
    </div>
    <div class="service-order">
        <form class="service-order-form">
            <div class="left-block">
                <label for="name">Имя</label>
                <input type="text" id="name" name="name" placeholder="Имя">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" placeholder="Email">
                <label for="phone">Телефон</label>
                <input type="tel" id="phone" required="" name="phone" placeholder="Телефон">
                <label style="word-wrap:break-word">
                    <input id="checkid" type="checkbox" value="test" />
                    <p>Для отправки данных необходимо дать согласие на обработку персональных данных</p>
                </label>
            </div>
            <div class="right-block">
                <label for="message">Сообщение</label>
                <textarea id="services_message" name="message" cols="30" rows="12" class="sm-form-control"></textarea>
                <p>После отправления заявки менеджер свяжется с вами для уточнения деталей заказа</p>
                <button>Отправить заказ</button>
            </div>
        </form>
    </div>
    </div>
@endsection
@push('scripts')
    <script src="https://yastatic.net/jquery/3.3.1/jquery.min.js"></script>
    <script src="{{ asset('js/slick.min.js') }}"></script>
    <script src="{{ asset('js/jquery.slicknav.min.js') }}"></script>
    <script src="{{ asset('https://cdn.jsdelivr.net/npm/sweetalert2@8') }}"></script>
    <script src="{{ asset('js/main.js') }}"></script>
    <script src="{{ asset('js/modal.js') }}"></script>
@endpush