0.0.124 upd partners and for customer page

static/css/styles.css

@@ -1716,10 +1716,11 @@ button#more_button{
 }
 .benefit_img{
     display: flex;
-    height: 211px;
+    height: fit-content;
     align-items: flex-start;
     gap: 74px;
     justify-content: center;
+    margin-bottom: 20px
 
 }
 
@@ -1753,7 +1754,7 @@ button#more_button{
 }
 .bottom_block_static>form>.inputs_l{
     margin: auto;
-    padding: 10px;
+    padding: 0px 10px 10px 10px;
     width: 30%;
 }
 .bottom_block_static>form>.button_register{
@@ -1781,6 +1782,14 @@ button#more_button{
 
 }
 
+.benefit_img_item{
+    width: 20%;
+}
+
+.benefit_img_item>span, h3{
+    text-align: center;
+    margin-bottom: 10px;
+}
 /*end_static_pages*/
 
 /*my routes END*/

static/img/svg/Arrow_direction.svg

@@ -0,0 +1,3 @@
+<svg width="90" height="10" viewBox="0 0 90 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Arrow direction" fill-rule="evenodd" clip-rule="evenodd" d="M90 5C90 5.21733 89.8013 5.35456 89.4038 5.62903L83.3956 9.77837C83.1621 9.93965 83.0453 10.0203 82.9589 9.99563C82.8859 9.97479 82.8232 9.9108 82.7873 9.82055C82.7448 9.7137 82.7662 9.53583 82.8092 9.1801C82.9991 7.60577 83.0941 6.81861 83.1314 6.02668C83.1318 6.01778 83.1322 6.00889 83.1326 6H82.7644H80.7203C80.168 6 79.7203 5.55228 79.7203 5C79.7203 4.44772 80.168 4 80.7203 4H82.7644H83.1326C83.1322 3.99111 83.1318 3.98222 83.1314 3.97333C83.0941 3.18139 82.9991 2.39423 82.8092 0.819904C82.7662 0.464169 82.7448 0.286303 82.7873 0.179455C82.8232 0.089202 82.8859 0.0252118 82.9589 0.00437444C83.0453 -0.0202944 83.1621 0.0603476 83.3956 0.221631L89.4038 4.37097C89.8013 4.64544 90 4.78267 90 5ZM1 4H0V6H1H3.04411C3.59639 6 4.04411 5.55228 4.04411 5C4.04411 4.44772 3.59639 4 3.04411 4H1ZM7.13233 4C6.58004 4 6.13233 4.44772 6.13233 5C6.13233 5.55228 6.58004 6 7.13233 6H11.2205C11.7728 6 12.2205 5.55228 12.2205 5C12.2205 4.44772 11.7728 4 11.2205 4H7.13233ZM15.3088 4C14.7565 4 14.3088 4.44772 14.3088 5C14.3088 5.55228 14.7565 6 15.3088 6H19.397C19.9493 6 20.397 5.55228 20.397 5C20.397 4.44772 19.9493 4 19.397 4H15.3088ZM23.4852 4C22.9329 4 22.4852 4.44772 22.4852 5C22.4852 5.55228 22.9329 6 23.4852 6H27.5734C28.1257 6 28.5734 5.55228 28.5734 5C28.5734 4.44772 28.1257 4 27.5734 4H23.4852ZM31.6616 4C31.1094 4 30.6616 4.44772 30.6616 5C30.6616 5.55228 31.1094 6 31.6616 6H35.7499C36.3021 6 36.7499 5.55228 36.7499 5C36.7499 4.44772 36.3021 4 35.7499 4H31.6616ZM39.8381 4C39.2858 4 38.8381 4.44772 38.8381 5C38.8381 5.55228 39.2858 6 39.8381 6H43.9263C44.4786 6 44.9263 5.55228 44.9263 5C44.9263 4.44772 44.4786 4 43.9263 4H39.8381ZM48.0145 4C47.4622 4 47.0145 4.44772 47.0145 5C47.0145 5.55228 47.4622 6 48.0145 6H52.1027C52.655 6 53.1027 5.55228 53.1027 5C53.1027 4.44772 52.655 4 52.1027 4H48.0145ZM56.191 4C55.6387 4 55.191 4.44772 55.191 5C55.191 5.55228 55.6387 6 56.191 6H60.2792C60.8315 6 61.2792 5.55228 61.2792 5C61.2792 4.44772 60.8315 4 60.2792 4H56.191ZM64.3674 4C63.8151 4 63.3674 4.44772 63.3674 5C63.3674 5.55228 63.8151 6 64.3674 6H68.4556C69.0079 6 69.4556 5.55228 69.4556 5C69.4556 4.44772 69.0079 4 68.4556 4H64.3674ZM72.5438 4C71.9915 4 71.5438 4.44772 71.5438 5C71.5438 5.55228 71.9915 6 72.5438 6H76.632C77.1843 6 77.632 5.55228 77.632 5C77.632 4.44772 77.1843 4 76.632 4H72.5438Z" fill="#FF613A"/>
+</svg>

templates/blocks/static_pages_blocks/b_customer_search.html

@@ -1,3 +1,45 @@
+
+{% load i18n %}
+
+<div class="top_block_static">
+    <h2 id=title_static>{% translate "Путешествуй по миру и перевози посылки" %}</h2>
+    <span id="sub_title_static">{% translate "Общайся, перевози посылки и получай бонусы" %}</span>
+</div>
+
 <div class="cut-width">
     {% include "blocks/b_find_route_form.html" %}
-</div>
+</div>
+
+    <div class="mid_block_static">
+        <h2 id="title_static">{% translate "Как это работает?" %}</h2>
+        <div class="benefit_img">
+
+            <div class="benefit_img_item">
+                 <img src="/static/img/svg/Find_carrier.svg" alt="">
+                 <h3>{% translate "Разместите объявление" %}</h3>
+                <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>
+            </div>
+
+
+            <div class="benefit_img_item">
+                <img src="/static/img/svg/Contact_carrier.svg" alt="">
+                <h3>{% translate "Свяжитесь с перевозчиком" %}</h3>
+                <span>{% translate "В отобразившемся списке выберите подходящего отправителя и посылку, откройте контакты и свяжитесь удобным способом.  Если не нашли подходящего отправителя с посылкой, разместите объявление о возможности перевезти посылку и отправители Вас сами найдут" %}</span>
+            </div>
+
+            <div class="benefit_img_item">
+                <img src="/static/img/svg/Pass_package.svg" alt="">
+                <h3>{% translate "Передайте посылку" %}</h3>
+                <span>{% translate "Обсудите с отправителем все условия: время, место и прочие детали. Готово! Доставьте посылку из пункта А в пункт Б и получите благодарность отправителя!" %}</span>
+            </div>
+        </div>
+    </div>
+
+    <div class="button_container">
+             <button id="more_button">{% translate "Узнать подробнее" %}</button>
+    </div>
+
+
+
+
+

templates/blocks/static_pages_blocks/b_partners.html

@@ -0,0 +1,85 @@
+{% load i18n %}
+
+    <div class="top_block_static">
+        <h2 id=title_static>{{ page.title }}</h2>
+        <span id="sub_title_static">{{ page.description }}</span>
+        <div class="button_container">
+             <button id="more_button">{% translate "Узнать подробнее" %}</button>
+        </div>
+
+
+        <img src="/static/img/png/Box1.png" alt="">
+        <img src="/static/img/png/Box2.png" alt="">
+        <img src="/static/img/png/Box3.png" alt="">
+        <img src="/static/img/png/Box4.png" alt="">
+    </div>
+
+    <div class="mid_block_static">
+        <h2 id="title_static">{% translate "О сервисе Trip With Bonus" %}</h2>
+        <span>{% translate "Trip With Bonus- это сервис, который соединяет отправителя посылки и перевозчика." %}</span>
+
+        <span>{% translate "Вы можете разместить объявление о перевозке посылки и перевозчики со всего мира откликнуться на ваше объявление или воспользовавшись поиском на сайте найти перевозчика, который будет готов взять Вашу посылку и доставить в указанное место авто- или авива транспортом." %}</span>
+
+        <span>{% translate "Если же Вы часто путешествуете или в разъездах, Вы можете самостоятельно перевозить посылки и при этом получать бонусы и благодарности." %}</span>
+        <div class="benefit_img">
+            <figure>
+                <img src="/static/img/svg/personal_call.svg" alt="">
+                <figcaption>{% translate "Прямой контакт с перевозчиком/ отправителем" %}</figcaption>
+            </figure>
+            <figure>
+                <img src="/static/img/svg/cooperation_img.svg" alt="">
+                <figcaption>{% translate "Взаимовыгодное сотрудничество" %}</figcaption>
+            </figure>
+            <figure>
+                <img src="/static/img/svg/tariff_plans_img.svg" alt="">
+                <figcaption>{% translate "Тарифные планы на любой вкус и кошелёк." %}</figcaption>
+            </figure>
+            <figure>
+                <img src="/static/img/svg/build_logistics.svg" alt="">
+                <figcaption>{% translate "Возможность выстраивать логистику самостоятельно" %}</figcaption>
+            </figure>
+            <figure>
+                <img src="/static/img/svg/using_service_img.svg" alt="">
+                <figcaption>{% translate "Простота и доступность пользования сервисом" %}</figcaption>
+            </figure>
+            <figure>
+                <img src="/static/img/svg/communication_img.svg" alt="">
+                <figcaption>{% translate "Общение и новые знакомства" %}</figcaption>
+            </figure>
+        </div>
+    </div>
+
+    <div class="bottom_block_static">
+        <h2 id=title_static>{% translate "Стань нашим партнером" %}</h2>
+        <span id="sub_title_static">{% translate "Оставь заявку и получи пресональное предложение о партнерстве" %}</span>
+    <form>
+          <div class="inputs_l">
+            <input name="username" type="text" placeholder="Имя" {% if form.data.username %} value="{{ form.data.username }}"{% endif %}>
+            {% if form.username and form.errors.username %}
+            <span>{{ form.errors.username }}</span>
+                 {% endif %}
+          </div>
+
+          <div class="inputs_l">
+            <input name="tel" type="number" placeholder="Телефон"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}>
+            {% if form.tel and form.errors.tel %}
+            <span>{{ form.errors.tel }}</span>
+                 {% endif %}
+          </div>
+
+          <div class="button_register">
+              <button onclick="RequestCommercialOffer(this)">{% translate "Оставить заявку" %}</button>
+          </div>
+    </form>
+
+    </div>
+
+
+
+
+
+
+
+
+
+

templates/pages/p_static_page.html

@@ -11,4 +11,8 @@
     {% if page.url == 'about_service' %}
         {% include "blocks/static_pages_blocks/b_about_service.html" %}
     {% endif %}
+    {% if page.url == 'partners' %}
+        {% include "blocks/static_pages_blocks/b_partners.html" %}
+    {% endif %}
+
 {% endblock %}