@extends('layout')

@section('title')Главная страница@endsection

@section('main_content')


@include('partials.headernav')

@inject('locations', 'App\Http\Controllers\LocationsController')
<style>
    header{
        position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    max-width: 1171px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    }
    header::before{
    content: '';
    width: 100%;
    height: 50px;
    background: #3D3D3D;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
</style>

<section class="contact_page terms_page">
   <div class="contact_form_container wow animate__fadeIn">
    <h4>{{MultilanguageController::t_leng('Правила размещения объявлений')}}</h4>
    <div class="flex form_info" >
       <div class="about_us_left_part">
       <img src="/bezbrok/public/images/termsimg1.png" alt="about us image" class="about_us_left_part_img">
       </div>

            <div class="contact_info">
                <h4>{{MultilanguageController::t_leng('Создание объявления')}}</h4>
                <p>{{MultilanguageController::t_leng('Объявление должно быть максимально информативным, и ёмко описывающим объект со всеми значимыми деталями. Фотографии должны показывать всё помещение — минимум два противоположных ракурса на комнату.
Использовать можно только личные фотографии с реальным состоянием объекта.
')}}</p>
            </div>
   </div>

   <div class="flex form_info flex_rev" >
       <div class="about_us_left_part">
       <img src="/bezbrok/public/images/termsimg2.png" alt="about us image" class="about_us_left_part_img">
       </div>

            <div class="contact_info">
                <h4>{{MultilanguageController::t_leng('Будьте внимательны')}}</h4>
                <p>{{MultilanguageController::t_leng('При встрече с покупателем необходимо иметь действующие документы на право собственности, или на право распоряжаться ею.
Не размещайте контактные данные в любом виде, иначе сообщение не будет размещено, а аккаунт будет заблокирован.
После пополнения счёта на выбранное Вами количество звонков объявление будет размещено.
Связь и оплата через чат.
')}}</p>
            </div>
   </div>

   <div class="flex form_info " >
       <div class="about_us_left_part">
       <img src="/bezbrok/public/images/termsimg3.png" alt="about us image" class="about_us_left_part_img">
       </div>

            <div class="contact_info">
                <h4>{{MultilanguageController::t_leng('Взаимодействие на сайте')}}</h4>
                <p>{{MultilanguageController::t_leng('После выбора конкретного предложения, покупатель нажимает кнопку «Связаться с владельцем». Клик открывает чат с системным сообщением «Совершить обмен номерами? После подтверждения владельца со счёта будет списан один показ в двустороннем порядке, и Ваши номер появятся в этом чате»
')}}</p>
            </div>
   </div>
   </div>

<img src="/bezbrok/public/images/contact_dec_right.png" alt="" class="contact_dec_right">

<img src="/bezbrok/public/images/contact_dec_left.png" alt="" class="contact_dec_left">



</section>

<!-- <section class="about_main_banner flex wow fadeIn terms_banner">
    <div class="banner_left">
        <h2 >Правила размещения объявлений.</h2>
        <p><strong>BEZBROK</strong> - это интернет-площадка, которая поможет Вам обойтись без посредников и их процентов
            за аренду/куплю/продажу.
            Найдите подходящее предложение — и свяжитесь сразу с владельцем!
        </p>
    </div>

    <div class="banner_right">
        <p>Разместите объявление — и получите реального клиента!</p>
    </div>
</section>

<div class="terms_page_content">
<section class="create_post_block wow fadeIn">
    <h2 class="flex"><svg width="305" height="3" viewBox="0 0 305 3" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="305" height="3" fill="#1AB4A1" />
        </svg>
        Создание объявления</h2>
    <p>Объявление должно быть максимально информативным, и ёмко описывающим объект со всеми значимыми деталями. Фотографии должны показывать всё помещение — минимум два противоположных ракурса на комнату.
        Использовать можно только личные фотографии с реальным состоянием объекта.
    </p>
    <img class="lazy" data-src="/bezbrok/public/images/create_post_block.png" alt="create_post_block">
</section>

<section class="be_attentive_block wow fadeIn">
    <div class="be_attentive_text">
        <h4 class="flex"><svg width="305" height="3" viewBox="0 0 305 3" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="305" height="3" fill="#1AB4A1" />
            </svg>
            Будьте внимательны</h4>
        <p>При встрече с покупателем необходимо иметь действующие документы на право собственности, или на право распоряжаться ею.

            Не размещайте контактные данные в любом виде, иначе сообщение не будет размещено, а аккаунт будет заблокирован.

            После пополнения счёта на выбранное Вами количество звонков объявление будет размещено.

            Связь и оплата через чат.
        </p>
    </div>
    <img class="lazy" data-src="/bezbrok/public/images/be_attentive_block.png" alt="be_attentive_block">
</section>

<section class="interaction_site_block wow fadeIn">
    <div class="interaction_site_text">
        <h4 class="flex"><svg width="269" height="3" viewBox="0 0 269 3" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect x="-36" width="305" height="3" fill="white" />
            </svg>
            Взаимодействие на сайте</h4>
            <p>После выбора конкретного предложения, покупатель нажимает кнопку «Связаться с владельцем». Клик открывает чат с системным сообщением «Совершить обмен номерами? После подтверждения владельца со счёта будет списан один показ в двустороннем порядке, и Ваши номер появятся в этом чате»

Системное сообщение о невозможности оплаты:<strong>«Закончились показы:(️ Перейдите на страницу пополнения и приобретите пакет»</strong></p>
    </div>
    <img class="lazy" data-src="/bezbrok/public/images/interaction_site_block.png" alt="interaction_site_block">
</section>
</div> -->



@include('partials.footer')
@endsection