TRI-283: edits btns reg landing_page

static/img/svg/airplane_takeoff.svg

@@ -0,0 +1,4 @@
+<svg width="147" height="147" viewBox="0 0 147 147" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7812 124.031H96.4688" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.7043 80.6205L31.3523 100.89C34.2389 103.596 37.9217 105.298 41.8531 105.743C45.7845 106.188 49.7545 105.352 53.1727 103.36L140.109 52.8283L129.429 39.7362C126.651 36.3429 122.75 34.0553 118.433 33.2865C114.115 32.5177 109.665 33.3186 105.886 35.5444L80.3906 50.5315L45.9375 39.0471L36.4629 43.124C35.7541 43.4278 35.1331 43.9052 34.6573 44.5121C34.1815 45.1189 33.8661 45.8359 33.7402 46.5967C33.6144 47.3576 33.6821 48.1379 33.9371 48.8656C34.1922 49.5934 34.6264 50.2453 35.1996 50.7612L52.8281 66.6096L36.75 75.7971L20.6719 68.9065L11.025 73.0408C10.3232 73.3423 9.70757 73.8141 9.23395 74.4134C8.76033 75.0127 8.44363 75.7206 8.31251 76.4731C8.18139 77.2256 8.23999 77.999 8.48301 78.7231C8.72602 79.4473 9.14578 80.0994 9.7043 80.6205V80.6205Z" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/img/svg/briefcase.svg

@@ -0,0 +1,6 @@
+<svg width="147" height="147" viewBox="0 0 147 147" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M124.031 41.3438H22.9688C20.4317 41.3438 18.375 43.4004 18.375 45.9375V119.438C18.375 121.975 20.4317 124.031 22.9688 124.031H124.031C126.568 124.031 128.625 121.975 128.625 119.438V45.9375C128.625 43.4004 126.568 41.3438 124.031 41.3438Z" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M96.4688 41.3438V32.1562C96.4688 29.7196 95.5008 27.3827 93.7778 25.6597C92.0548 23.9367 89.7179 22.9688 87.2812 22.9688H59.7188C57.2821 22.9688 54.9452 23.9367 53.2222 25.6597C51.4992 27.3827 50.5312 29.7196 50.5312 32.1562V41.3438" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M128.625 72.5234C111.871 82.2129 92.8542 87.3039 73.5 87.2809C54.1422 87.3312 35.1185 82.2384 18.375 72.5234" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M66.6094 68.9062H80.3906" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

templates/pages/p_customer_landing_page.html

@@ -132,6 +132,7 @@
       </script>
     </div>
   </section>
+
   <section class="easy">
     <div class="title">
       {% translate "Один простой шаг, чтобы взять с собой посылку" %}
@@ -143,20 +144,20 @@
       <div class="easy__item easy__item--fir">
         <h2>{% translate "Один простой шаг" %}</h2>
         <p>{% translate "За пару кликов <b>размещаешь объявление</b> на нашем сайте, о том, что готов перевезти посылку, а также указываешь удобный способ связи." %}</p>
-        <img src="{% static 'img/png/sender-card1.png' %}" alt="sender1">
+        <img src="{% static 'img/png/mover/sender-card1.png' %}" alt="sender1">
       </div>
       <div class="easy__item easy__item--sec">
         <div class="easy__arrow easy__arrow--fir"></div>
         <div class="easy__arrow easy__arrow--sec"></div>
         <p>{% translate "Люди, которым нужно отправить посылку по&nbsp;пути твоего следования, видят объявление и&nbsp;откликаются на&nbsp;него или связываются напрямую или оставляют отклики на&nbsp;него." %}</p>
-        <img src="{% static 'img/png/sender-card2.png' %}" alt="sender2">
+        <img src="{% static 'img/png/customer/sender-card2.png' %}" alt="sender2">
       </div>
       <div class="easy__item easy__item--thr">
         <p>{% translate "Выбираешь объявление отправителя, посылку которого ты&nbsp;готов перевезти, созваниваетесь или переписываетесь и&nbsp;обсуждаете условия и&nbsp;стоимость, а&nbsp;также удобное время и&nbsp;место для передачи посылки." %}</p>
 
         <picture class="img">
-          <source srcset="{% static "img/png/sender-card3.png" %}" media="(min-width: 1439.98px)"/>
+          <source srcset="{% static "img/png/customer/sender-card3.png" %}" media="(min-width: 1439.98px)"/>
-          <img src="{% static 'img/png/sender-card3-md.png' %}" alt="sender3">
+          <img src="{% static 'img/png/customer/sender-card3-md.png' %}" alt="sender3">
         </picture>
 
       </div>
@@ -166,79 +167,67 @@
     </div>
     <a href="#form" class="easy__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
   </section>
+
   <section class="use">
     <div class="title">{% translate "Уже пользуются сайтом и находят посылки для перевозок" %}</div>
     <picture class="img">
-      <source srcset="{% static "img/png/use-1720.png" %}" media="(min-width: 1720px)"/>
+      <source srcset="{% static "img/png/customer/use-1720.png" %}" media="(min-width: 1720px)"/>
-      <source srcset="{% static "img/png/use-1280.png" %}" media="(min-width: 1304px)"/>
+      <source srcset="{% static "img/png/customer/use-1280.png" %}" media="(min-width: 1304px)"/>
-      <source srcset="{% static "img/png/use-1120.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/customer/use-1120.png" %}" media="(min-width: 1280px)"/>
-      <source srcset="{% static "img/png/use-640.png" %}" media="(min-width: 768px)"/>
+      <source srcset="{% static "img/png/customer/use-640.png" %}" media="(min-width: 768px)"/>
-      <img src="{% static "img/png/use-328.png" %}" alt="list users" class="use__img">
+      <img src="{% static "img/png/customer/use-328.png" %}" alt="list users" class="use__img">
     </picture>
     <div class="h3">
-      {% translate "Нужно отправить посылку партнеру, родителям или знакомым?" %}
+      {% translate "Хотите перевезти посылку и окупить стоимость дороги, топлива?" %}
     </div>
-    <a href="#form" class="use__btn btn btn--primary">{% translate "Найти перевозчика" %}</a>
+    <a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Найти посылку" %}</a>
     <br/>
-    <a href="#registr" class="use__link">{% translate "Зарегистрироваться" %}</a>
+    <a href="{% url "registration_page" %}"> class="use__link">{% translate "Зарегистрироваться" %}</a>
   </section>
-  <section class="diff">
+
-    <div class="title">{% translate "Чем мы отличаемся от классических почтовых сервисов" %}</div>
+  <section class="benefits" id="benefits">
-    <div class="diff__grid">
+    <div class="title">{% translate "Преимущества сервиса" %}</div>
-      <div class="diff__coll left">
+    <div class="benefits__grid">
-        <div class="diff__coll-title h2">
+      <div class="benefits__first">
-          Trip With Bonus
+        <div class="benefits__item">
+          <h2>{% translate "Прямой контакт" %}</h2>
+          <p>{% translate "Общаешься напрямую с&nbsp;отправителем, никаких посредников" %}</p>
         </div>
-        <div class="diff__item diff__item--done">
+        <div class="benefits__item">
-          <div class="diff__status"></div>
+          <h2>{% translate "Своя цена" %}</h2>
-          Стоимость перевозки назначаете сами
+          <p>{% translate "Стоимость перевозки назначаете самостоятельно." %}</p>
         </div>
-        <div class="diff__item diff__item--done">
+        <div class="benefits__item">
-          <div class="diff__status"></div>
+          <h2>{% translate "Любой тип и вес посылки" %}</h2>
-          Возможность контакта с перевозчиком в режиме онлайн
+          <p>{% translate "Можешь брать любые посылки по&nbsp;типу, весу и&nbsp;пр. параметрам без ограничений и&nbsp;доп. расходов." %}</p>
-        </div>
-        <div class="diff__item diff__item--done">
-          <div class="diff__status"></div>
-          Встреча с перевозчиком в удобном для вас месте
-        </div>
-        <div class="diff__item diff__item--done">
-          <div class="diff__status"></div>
-          Без дополнительных платежей и комиссий за параметры посылки
-        </div>
-        <div class="diff__item diff__item--done">
-          <div class="diff__status"></div>
-          Вы сами выбираете оптимальный маршрут и время доставки
         </div>
       </div>
-      <div class="diff__coll right">
+      <div class="benefits__second">
-        <div class="diff__coll-title h2">
+        <picture>
-          Другие почтовые сервисы
+          <source srcset="{% static "img/png/mover/benefits-1720.png" %}" media="(min-width: 1720px)"/>
+          <source srcset="{% static "img/png/mover/benefits-1280.png" %}" media="(min-width: 1280px)"/>
+          <source srcset="{% static "img/png/mover/benefits-1120.png" %}" media="(min-width: 1120px)"/>
+          <source srcset="{% static "img/png/mover/benefits-640.png" %}" media="(min-width: 768px)"/>
+          <img src="{% static "/img/png/mover/benefits-328.png" %}" alt="benefits">
+        </picture>
+      </div>
+      <div class="benefits__third">
+        <div class="benefits__item">
+          <h2>{% translate "Уведомления" %}</h2>
+          <p>{% translate "Как только по&nbsp;твоему объявлению найдется посылка мы&nbsp;сообщим на&nbsp;E-mail." %}</p>
         </div>
-        <div class="diff__item diff__item--error">
+        <div class="benefits__item">
-          <div class="diff__status"></div>
+          <h2>{% translate "Удобный поиск" %}</h2>
-          Стоимость перевозки назначает сервис
+          <p>{% translate "Можешь самостоятельно найти посылку или разместить объявление на&nbsp;сайте." %}</p>
         </div>
-        <div class="diff__item diff__item--error">
+        <div class="benefits__item">
-          <div class="diff__status"></div>
+          <h2>{% translate "Экономия времени" %}</h2>
-          Автоматический трекинг не всегда даёт актуальную информацию
+          <p>{% translate "Не&nbsp;нужно искать группы, чаты, и&nbsp;кидать &laquo;клич&raquo;, а&nbsp;просто достаточно разместить объявление на&nbsp;сайте." %}</p>
         </div>
-        <div class="diff__item diff__item--error">
-          <div class="diff__status"></div>
-
-          Нужно ехать только в пункт отправки посылки
-        </div>
-        <div class="diff__item diff__item--error">
-          <div class="diff__status"></div>
-          Дополнительная стоимость за разные параметры посылки
-        </div>
-        <div class="diff__item diff__item--error">
-          <div class="diff__status"></div>
-          Посылка может перевозиться долго и с большим количеством перегрузок
-        </div>
-
       </div>
     </div>
   </section>
+
   <section class="chatterbox">
     <div class="title">{% translate "Что о нас говорят люди" %}</div>
     <div class="chatterbox__slider slick-slider">
@@ -324,24 +313,26 @@
       });
     </script>
   </section>
+
   <section class="use use--lett" id="rewiews">
     <div class="title">{% translate "Что о нас пишут люди" %}</div>
     <picture>
-      <source srcset="{% static "img/png/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
-      <source srcset="{% static "img/png/use-letters-1280.png" %}" media="(min-width: 1304px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1280.png" %}" media="(min-width: 1304px)"/>
-      <source srcset="{% static "img/png/use-letters-1120.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1120.png" %}" media="(min-width: 1280px)"/>
-      <source srcset="{% static "img/png/use-letters-640.png" %}" media="(min-width: 768px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-640.png" %}" media="(min-width: 768px)"/>
-      <img src="{% static "img/png/use-letters-328.png" %}" alt="list letters" class="use__img">
+      <img src="{% static "img/png/mover/use-letters-328.png" %}" alt="list letters" class="use__img">
     </picture>
   </section>
+
   <section class="animate left">
     <div class="title">
-      {% translate "Хочешь отправить посылку партнеру, родным или знакомым людям быстро и недорого?" %}
+      {% translate "Хочешь вернуть стоимость билета, топлива или окупить свое путешествие?" %}
     </div>
     <div class="subtitle">
-      {% translate "Зарегистрируйся на <a href='#' class='animate__link'>Trip With Bonus</a> прямо сейчас, размести бесплатно объявление и получи запросы на перевозку твоей посылки" %}
+      {% translate "Зарегистрируйся на&nbsp;<a href='#' class='animate__link'>Trip With Bonus</a> прямо сейчас, размести бесплатно объявление и&nbsp;получи отклики от&nbsp;людей с&nbsp;посылками" %}
     </div>
-    <a href="#form" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
+    <a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
     <script>
       document.addEventListener("DOMContentLoaded", () => {
         const animate = document.querySelectorAll('.animate');
@@ -369,15 +360,16 @@
       });
     </script>
   </section>
+
   <section class="about" id="about">
     <div class="title">{% translate "О сервисе Trip With Bonus" %}</div>
     <div class="about__grid">
       <picture class="about__img">
-        <source srcset="{% static "img/png/about-1720.png" %}" media="(min-width: 1720px)"/>
+        <source srcset="{% static "img/png/mover/about-1720.png" %}" media="(min-width: 1720px)"/>
-        <source srcset="{% static "img/png/about-1280.png" %}" media="(min-width: 1304px)"/>
+        <source srcset="{% static "img/png/mover/about-1280.png" %}" media="(min-width: 1304px)"/>
-        <source srcset="{% static "img/png/about-1120.png" %}" media="(min-width: 1280px)"/>
+        <source srcset="{% static "img/png/mover/about-1120.png" %}" media="(min-width: 1280px)"/>
-        <source srcset="{% static "img/png/about-640.png" %}" media="(min-width: 768px)"/>
+        <source srcset="{% static "img/png/mover/about-640.png" %}" media="(min-width: 768px)"/>
-        <img src="{% static "/img/png/about-328.png" %}" alt="about">
+        <img src="{% static "/img/png/mover/about-328.png" %}" alt="about">
       </picture>
       {#      <img src="{% static "/img/png/about.png" %}" alt="about" class="about__img">#}
       <div class="about__right">
@@ -389,117 +381,60 @@
     </div>
 
   </section>
-  <section class="benefits" id="benefits">
+
-    <div class="title">{% translate "Преимущества сервиса" %}</div>
+  <section class="uses uses--cstmr">
-    <div class="benefits__grid">
+    <div class="title">{% translate "Когда актуально пользоваться нашим сервисом" %}</div>
-      <div class="benefits__first">
-        <div class="benefits__item">
-          <h2>{% translate "Прямой контакт" %}</h2>
-          <p>{% translate "Общаешься напрямую с&nbsp;перевозчиком, никаких посредников" %}</p>
-        </div>
-        <div class="benefits__item">
-          <h2>{% translate "Своя цена" %}</h2>
-          <p>{% translate "Стоимость перевозки самостоятельно обговариваете с&nbsp;перевозчиком." %}</p>
-        </div>
-        <div class="benefits__item">
-          <h2>{% translate "Нет доп. расходов" %}</h2>
-          <p>{% translate "Никаких комиссий, переплат и&nbsp;дополнительных расходов за&nbsp;отправку." %}</p>
-        </div>
-      </div>
-      <div class="benefits__second">
-        <picture>
-          <source srcset="{% static "img/png/benefits-1720.png" %}" media="(min-width: 1720px)"/>
-          <source srcset="{% static "img/png/benefits-1280.png" %}" media="(min-width: 1280px)"/>
-          <source srcset="{% static "img/png/benefits-1120.png" %}" media="(min-width: 1120px)"/>
-          <source srcset="{% static "img/png/benefits-640.png" %}" media="(min-width: 768px)"/>
-          <img src="{% static "/img/png/benefits-328.png" %}" alt="benefits">
-        </picture>
-      </div>
-      <div class="benefits__third">
-        <div class="benefits__item">
-          <h2>{% translate "Уведомления" %}</h2>
-          <p>{% translate "Можешь самостоятельно найти перевозчиков или разместить объявление на&nbsp;сайте." %}</p>
-        </div>
-        <div class="benefits__item">
-          <h2>{% translate "Удобный поиск" %}</h2>
-          <p>{% translate "Как только по&nbsp;твоему объявлению найдется перевозчик мы&nbsp;сообщим на&nbsp;E-mail." %}</p>
-        </div>
-        <div class="benefits__item">
-          <h2>{% translate "Экономия времени" %}</h2>
-          <p>{% translate "Не&nbsp;нужно искать группы, чаты, и&nbsp;кидать &laquo;клич&raquo;, а&nbsp;просто достаточно разместить объявление на&nbsp;сайте." %}</p>
-        </div>
-      </div>
-    </div>
-  </section>
-  <section class="uses">
-    <div class="title">{% translate "Для каких целей можно использовать наш сервис" %}</div>
 
     <div class="uses__grid">
-      <div class="uses__item">
-        <img class="uses__icon" src="{% static "img/svg/files.svg" %}" alt="image icon">
-        <p class="uses__desc">
-          {% translate "Когда нужно отправить документы партнеру или родственнику" %}
-        </p>
-      </div>
-      <div class="uses__item">
-        <img class="uses__icon" src="{% static "img/svg/box.svg" %}" alt="image icon">
-        <p class="uses__desc">
-          {% translate "Когда необходимо отправить посылку в&nbsp;другую страну" %}
-        </p>
-      </div>
-      <div class="uses__item">
-        <img class="uses__icon" src="{% static "img/svg/present.svg" %}" alt="image icon">
-        <p class="uses__desc">
-          {% translate "Когда нужно отправить подарок семье, друзьям или знакомым" %}
-        </p>
-      </div>
       <div class="uses__item">
         <img class="uses__icon" src="{% static "img/svg/bax.svg" %}" alt="image icon">
+        <div class="uses__title">{% translate "Экономия" %}</div>
         <p class="uses__desc">
-          {% translate "Когда стоимость пересылки через почтовый сервис высокая или перевозка занимает длительное время" %}
+          {% translate "Когда нужно отбить стоимость дороги или топлива, или дополнительно заработать" %}
         </p>
       </div>
       <div class="uses__item">
-        <img class="uses__icon" src="{% static "img/svg/books.svg" %}" alt="image icon">
+        <img class="uses__icon" src="{% static "img/svg/airplane_takeoff.svg" %}" alt="image icon">
+        <div class="uses__title">{% translate "Путешествия" %}</div>
         <p class="uses__desc">
-          {% translate "Когда нужно отправить не&nbsp;только маленькую посылку, но&nbsp;и&nbsp;крупногабаритный груз" %}
+          {% translate "Когда часто путешествуешь" %}
         </p>
       </div>
       <div class="uses__item">
-        <img class="uses__icon" src="{% static "img/svg/earth.svg" %}" alt="image icon">
+        <img class="uses__icon" src="{% static "img/svg/briefcase.svg" %}" alt="image icon">
+        <div class="uses__title">{% translate "Работа" %}</div>
         <p class="uses__desc">
-          {% translate "Когда нет прямого сообщения из&nbsp;пункта&nbsp;А в&nbsp;пункт&nbsp;Б обычными сервисами доставки" %}
+          {% translate "Когда твоя работа связана с частыми переездами" %}
         </p>
       </div>
     </div>
   </section>
+
   <section class="animate right">
     <div class="title">
-      {% translate "Размести свое объявление о необходимости перевозки посылки прямо сейчас" %}
+      {% translate "Размести свое объявление какую посылку ты можешь перевезти прямо сейчас " %}
     </div>
-    <div class="subtitle">
+    <a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
-      {% translate "Достаточно просто зайти на сайт, разместить объявление в пару кликов и дождаться откликов от попутчиков." %}
-    </div>
-    <a href="#form" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
   </section>
+
   <section class="sore">
     <div class="title">
       {% translate "О наболевшем..." %}
     </div>
     <div class="subtitle">
-      {% translate "Мы&nbsp;знаем, каково это без конца и&nbsp;края закидывать сообщения в&nbsp;чаты и&nbsp;группы в&nbsp;социальных сетях, в&nbsp;надежде найти человека, который едет или летит в&nbsp;нужном направлении, чтобы передать посылоку своим родным или близким. Очень часто ещё и&nbsp;стоимость пересылки в&nbsp;обычных почтовых сервисах выше стоимости самой посылки." %}
+      {% translate "Мы&nbsp;знаем, каково это <b>без конца и&nbsp;края просматривать</b> чаты и&nbsp;группы социальных сетей, писать туда по&nbsp;5-10 сообщений в&nbsp;день, чтобы найти посылки, которые можно перевезти и&nbsp;<b>сэкономить на&nbsp;топливе или билете.</b>" %}
     </div>
     <picture>
-      <source srcset="{% static "img/png/sore-1720.png" %}" media="(min-width: 1720px)"/>
+      <source srcset="{% static "img/png/mover/sore-1720.png" %}" media="(min-width: 1720px)"/>
-      <source srcset="{% static "img/png/sore-1280.png" %}" media="(min-width: 1304px)"/>
+      <source srcset="{% static "img/png/mover/sore-1280.png" %}" media="(min-width: 1304px)"/>
-      <source srcset="{% static "img/png/sore-1120.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/mover/sore-1120.png" %}" media="(min-width: 1280px)"/>
-      <source srcset="{% static "img/png/sore-640.png" %}" media="(min-width: 768px)"/>
+      <source srcset="{% static "img/png/mover/sore-640.png" %}" media="(min-width: 768px)"/>
-      <img src="{% static "/img/png/sore-328.png" %}" alt="sore image" class="sore__img">
+      <img src="{% static "/img/png/mover/sore-328.png" %}" alt="sore image" class="sore__img">
     </picture>
     <div class="h3">
-      {% translate "Зарегистрируйте бесплатно прямо сейчас и&nbsp;размести свое первое объявление об&nbsp;отправке посылки" %}
+      {% translate "Зарегистрируйся бесплатно прямо сейчас и начни размещать объявления о перевозки посылки" %}
     </div>
-    <a href="#form" class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
+    <a href="{% url "registration_page" %}"> class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
     <br/>
     </div>
   </section>

templates/pages/p_mover_landing_page.html

@@ -144,21 +144,21 @@
       <div class="easy__item easy__item--fir">
         <h2>{% translate "Один простой шаг" %}</h2>
         <p>{% translate "За пару кликов <b>размещаешь объявление</b> на нашем сайте, о том, что необходимо перевезти посылку, а также указываешь удобный способ связи." %}</p>
-        <img src="{% static 'img/png/sender-card1.png' %}" alt="sender1">
+        <img src="{% static 'img/png/mover/sender-card1.png' %}" alt="sender1">
       </div>
       <div class="easy__item easy__item--sec">
         <div class="easy__arrow easy__arrow--fir"></div>
         <div class="easy__arrow easy__arrow--sec"></div>
         <p>{% translate "Попутчики видят твое объявление и&nbsp;оставляют отклики на&nbsp;него." %}</p>
-        <img src="{% static 'img/png/sender-card2.png' %}" alt="sender2">
+        <img src="{% static 'img/png/mover/sender-card2.png' %}" alt="sender2">
       </div>
       <div class="easy__item easy__item--thr">
         <p class="hide__xxl">{% translate "Тебе остаётся только выбрать перевозчика, связаться и&nbsp;обсудить детали перевозки." %}</p>
         <p class="show__xxl">{% translate "Попутчики видят твое объявление и&nbsp;оставляют отклики на&nbsp;него." %}</p>
 
         <picture class="img">
-          <source srcset="{% static "img/png/sender-card3.png" %}" media="(min-width: 1439.98px)"/>
+          <source srcset="{% static "img/png/mover/sender-card3.png" %}" media="(min-width: 1439.98px)"/>
-          <img src="{% static 'img/png/sender-card3-md.png' %}" alt="sender3">
+          <img src="{% static 'img/png/mover/sender-card3-md.png' %}" alt="sender3">
         </picture>
 
       </div>
@@ -166,23 +166,23 @@
     <div class="subtitle">
       {% translate "Чтобы разместить объявление - зарегистрируйтесь" %}
     </div>
-    <a href="#form" class="easy__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
+    <a href="{% url "registration_page" %}"> class="easy__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
   </section>
   <section class="use">
     <div class="title">{% translate "Уже пользуются сайтом и находят перевозчиков" %}</div>
     <picture class="img">
-      <source srcset="{% static "img/png/use-1720.png" %}" media="(min-width: 1720px)"/>
+      <source srcset="{% static "img/png/mover/use-1720.png" %}" media="(min-width: 1720px)"/>
-      <source srcset="{% static "img/png/use-1280.png" %}" media="(min-width: 1304px)"/>
+      <source srcset="{% static "img/png/mover/use-1280.png" %}" media="(min-width: 1304px)"/>
-      <source srcset="{% static "img/png/use-1120.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/mover/use-1120.png" %}" media="(min-width: 1280px)"/>
-      <source srcset="{% static "img/png/use-640.png" %}" media="(min-width: 768px)"/>
+      <source srcset="{% static "img/png/mover/use-640.png" %}" media="(min-width: 768px)"/>
-      <img src="{% static "img/png/use-328.png" %}" alt="list users" class="use__img">
+      <img src="{% static "img/png/mover/use-328.png" %}" alt="list users" class="use__img">
     </picture>
     <div class="h3">
       {% translate "Нужно отправить посылку партнеру, родителям или знакомым?" %}
     </div>
-    <a href="#form" class="use__btn btn btn--primary">{% translate "Найти перевозчика" %}</a>
+    <a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Найти перевозчика" %}</a>
     <br/>
-    <a href="#registr" class="use__link">{% translate "Зарегистрироваться" %}</a>
+    <a href="{% url "registration_page" %}"> class="use__link">{% translate "Зарегистрироваться" %}</a>
   </section>
   <section class="diff">
     <div class="title">{% translate "Чем мы отличаемся от классических почтовых сервисов" %}</div>
@@ -329,11 +329,11 @@
   <section class="use use--lett" id="rewiews">
     <div class="title">{% translate "Что о нас пишут люди" %}</div>
     <picture>
-      <source srcset="{% static "img/png/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
-      <source srcset="{% static "img/png/use-letters-1280.png" %}" media="(min-width: 1304px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1280.png" %}" media="(min-width: 1304px)"/>
-      <source srcset="{% static "img/png/use-letters-1120.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1120.png" %}" media="(min-width: 1280px)"/>
-      <source srcset="{% static "img/png/use-letters-640.png" %}" media="(min-width: 768px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-640.png" %}" media="(min-width: 768px)"/>
-      <img src="{% static "img/png/use-letters-328.png" %}" alt="list letters" class="use__img">
+      <img src="{% static "img/png/mover/use-letters-328.png" %}" alt="list letters" class="use__img">
     </picture>
   </section>
   <section class="animate left">
@@ -343,7 +343,7 @@
     <div class="subtitle">
       {% translate "Зарегистрируйся на <a href='#' class='animate__link'>Trip With Bonus</a> прямо сейчас, размести бесплатно объявление и получи запросы на перевозку твоей посылки" %}
     </div>
-    <a href="#form" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
+    <a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
     <script>
       document.addEventListener("DOMContentLoaded", () => {
         const animate = document.querySelectorAll('.animate');
@@ -375,11 +375,11 @@
     <div class="title">{% translate "О сервисе Trip With Bonus" %}</div>
     <div class="about__grid">
       <picture class="about__img">
-        <source srcset="{% static "img/png/about-1720.png" %}" media="(min-width: 1720px)"/>
+        <source srcset="{% static "img/png/mover/about-1720.png" %}" media="(min-width: 1720px)"/>
-        <source srcset="{% static "img/png/about-1280.png" %}" media="(min-width: 1304px)"/>
+        <source srcset="{% static "img/png/mover/about-1280.png" %}" media="(min-width: 1304px)"/>
-        <source srcset="{% static "img/png/about-1120.png" %}" media="(min-width: 1280px)"/>
+        <source srcset="{% static "img/png/mover/about-1120.png" %}" media="(min-width: 1280px)"/>
-        <source srcset="{% static "img/png/about-640.png" %}" media="(min-width: 768px)"/>
+        <source srcset="{% static "img/png/mover/about-640.png" %}" media="(min-width: 768px)"/>
-        <img src="{% static "/img/png/about-328.png" %}" alt="about">
+        <img src="{% static "/img/png/mover/about-328.png" %}" alt="about">
       </picture>
       {#      <img src="{% static "/img/png/about.png" %}" alt="about" class="about__img">#}
       <div class="about__right">
@@ -410,11 +410,11 @@
       </div>
       <div class="benefits__second">
         <picture>
-          <source srcset="{% static "img/png/benefits-1720.png" %}" media="(min-width: 1720px)"/>
+          <source srcset="{% static "img/png/mover/benefits-1720.png" %}" media="(min-width: 1720px)"/>
-          <source srcset="{% static "img/png/benefits-1280.png" %}" media="(min-width: 1280px)"/>
+          <source srcset="{% static "img/png/mover/benefits-1280.png" %}" media="(min-width: 1280px)"/>
-          <source srcset="{% static "img/png/benefits-1120.png" %}" media="(min-width: 1120px)"/>
+          <source srcset="{% static "img/png/mover/benefits-1120.png" %}" media="(min-width: 1120px)"/>
-          <source srcset="{% static "img/png/benefits-640.png" %}" media="(min-width: 768px)"/>
+          <source srcset="{% static "img/png/mover/benefits-640.png" %}" media="(min-width: 768px)"/>
-          <img src="{% static "/img/png/benefits-328.png" %}" alt="benefits">
+          <img src="{% static "/img/png/mover/benefits-328.png" %}" alt="benefits">
         </picture>
       </div>
       <div class="benefits__third">
@@ -482,7 +482,7 @@
     <div class="subtitle">
       {% translate "Достаточно просто зайти на сайт, разместить объявление в пару кликов и дождаться откликов от попутчиков." %}
     </div>
-    <a href="#form" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
+    <a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
   </section>
   <section class="sore">
     <div class="title">
@@ -492,16 +492,16 @@
       {% translate "Мы&nbsp;знаем, каково это без конца и&nbsp;края закидывать сообщения в&nbsp;чаты и&nbsp;группы в&nbsp;социальных сетях, в&nbsp;надежде найти человека, который едет или летит в&nbsp;нужном направлении, чтобы передать посылоку своим родным или близким. Очень часто ещё и&nbsp;стоимость пересылки в&nbsp;обычных почтовых сервисах выше стоимости самой посылки." %}
     </div>
     <picture>
-      <source srcset="{% static "img/png/sore-1720.png" %}" media="(min-width: 1720px)"/>
+      <source srcset="{% static "img/png/mover/sore-1720.png" %}" media="(min-width: 1720px)"/>
-      <source srcset="{% static "img/png/sore-1280.png" %}" media="(min-width: 1304px)"/>
+      <source srcset="{% static "img/png/mover/sore-1280.png" %}" media="(min-width: 1304px)"/>
-      <source srcset="{% static "img/png/sore-1120.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/mover/sore-1120.png" %}" media="(min-width: 1280px)"/>
-      <source srcset="{% static "img/png/sore-640.png" %}" media="(min-width: 768px)"/>
+      <source srcset="{% static "img/png/mover/sore-640.png" %}" media="(min-width: 768px)"/>
-      <img src="{% static "/img/png/sore-328.png" %}" alt="sore image" class="sore__img">
+      <img src="{% static "/img/png/mover/sore-328.png" %}" alt="sore image" class="sore__img">
     </picture>
     <div class="h3">
       {% translate "Зарегистрируйте бесплатно прямо сейчас и&nbsp;размести свое первое объявление об&nbsp;отправке посылки" %}
     </div>
-    <a href="#form" class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
+    <a href="{% url "registration_page" %}"> class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
     <br/>
     </div>
   </section>

templates/tb_base.html

@@ -176,7 +176,7 @@ function gtag_report_conversion(url) {
     {% if mobile == 'false' or mobile %}
     {% endif %}
         <div class="block_overlay  {% if page_type == 'profile' %}hidden{% elif page_type == 'routes' %} routes n_profile hidden{% else %}hidden n_profile{% endif %}" onclick="close_open_curtain()"></div>
-        <div class="wrapper_main{% if page.url == "landing_mover" %} is-container{% endif %}">
+        <div class="wrapper_main{% if page.url == "landing_mover" or page.url == "landing_customer" %} is-container{% endif %}">
             {% if page.url == "landing_mover" or page.url == 'landing_customer' %}
               {% include 'blocks/n_header.html' %}
             {% else %}
@@ -216,7 +216,7 @@ function gtag_report_conversion(url) {
                     </div>
                 </div>
             {% endif %}
-            <div class="{% if page.url == "landing_mover" %}container{% else %}wrapper_content{% endif %} {% if page.url == 'customer_service'%} m_h_0 {% elif page.url == 'contacts' %}m_h_0{% elif request.path == '/test_404' %}m_h_0{% endif %}">
+            <div class="{% if page.url == "landing_mover" or page.url == "landing_customer" %}container{% else %}wrapper_content{% endif %} {% if page.url == 'customer_service'%} m_h_0 {% elif page.url == 'contacts' %}m_h_0{% elif request.path == '/test_404' %}m_h_0{% endif %}">
 
                 {% block content %}
                 {% endblock %}