sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TRI-283: edits btns reg landing_page

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-22 07:24:39 +03:00
parent 68aad97e46
commit b98a4a5364
42 changed files with 134 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
templates/pages/p_customer_landing_page.html
View File

@@ -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)"/>
<img src="{% static 'img/png/sender-card3-md.png' %}" alt="sender3">
<source srcset="{% static "img/png/customer/sender-card3.png" %}" media="(min-width: 1439.98px)"/>
<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/use-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/use-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/use-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "img/png/use-328.png" %}" alt="list users" class="use__img">
<source srcset="{% static "img/png/customer/use-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/customer/use-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/customer/use-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/customer/use-640.png" %}" media="(min-width: 768px)"/>
<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>
<div class="diff__grid">
<div class="diff__coll left">
<div class="diff__coll-title h2">
Trip With Bonus
<section class="benefits" id="benefits">
<div class="title">{% translate "Преимущества сервиса" %}</div>
<div class="benefits__grid">
<div class="benefits__first">
<div class="benefits__item">
<h2>{% translate "Прямой контакт" %}</h2>
<p>{% translate "Общаешься напрямую с&nbsp;отправителем, никаких посредников" %}</p>
</div>
<div class="diff__item diff__item--done">
<div class="diff__status"></div>
Стоимость перевозки назначаете сами
<div class="benefits__item">
<h2>{% translate "Своя цена" %}</h2>
<p>{% translate "Стоимость перевозки назначаете самостоятельно." %}</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 class="diff__item diff__item--done">
<div class="diff__status"></div>
Вы сами выбираете оптимальный маршрут и время доставки
<div class="benefits__item">
<h2>{% translate "Любой тип и вес посылки" %}</h2>
<p>{% translate "Можешь брать любые посылки по&nbsp;типу, весу и&nbsp;пр. параметрам без ограничений и&nbsp;доп. расходов." %}</p>
</div>
</div>
<div class="diff__coll right">
<div class="diff__coll-title h2">
Другие почтовые сервисы
<div class="benefits__second">
<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="diff__status"></div>
Стоимость перевозки назначает сервис
<div class="benefits__item">
<h2>{% translate "Удобный поиск" %}</h2>
<p>{% translate "Можешь самостоятельно найти посылку или разместить объявление на&nbsp;сайте." %}</p>
</div>
<div class="diff__item diff__item--error">
<div class="diff__status"></div>
Автоматический трекинг не всегда даёт актуальную информацию
<div class="benefits__item">
<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/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/use-letters-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "img/png/use-letters-328.png" %}" alt="list letters" class="use__img">
<source srcset="{% static "img/png/mover/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/mover/use-letters-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/mover/use-letters-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/mover/use-letters-640.png" %}" media="(min-width: 768px)"/>
<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/about-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/about-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/about-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "/img/png/about-328.png" %}" alt="about">
<source srcset="{% static "img/png/mover/about-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/mover/about-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/mover/about-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/mover/about-640.png" %}" media="(min-width: 768px)"/>
<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>
<div class="benefits__grid">
<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>
<section class="uses uses--cstmr">
<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">
{% 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">
{% 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/sore-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/sore-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/sore-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "/img/png/sore-328.png" %}" alt="sore image" class="sore__img">
<source srcset="{% static "img/png/mover/sore-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/mover/sore-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/mover/sore-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/mover/sore-640.png" %}" media="(min-width: 768px)"/>
<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>

70
templates/pages/p_mover_landing_page.html
View File

@@ -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)"/>
<img src="{% static 'img/png/sender-card3-md.png' %}" alt="sender3">
<source srcset="{% static "img/png/mover/sender-card3.png" %}" media="(min-width: 1439.98px)"/>
<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/use-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/use-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/use-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "img/png/use-328.png" %}" alt="list users" class="use__img">
<source srcset="{% static "img/png/mover/use-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/mover/use-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/mover/use-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/mover/use-640.png" %}" media="(min-width: 768px)"/>
<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/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/use-letters-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "img/png/use-letters-328.png" %}" alt="list letters" class="use__img">
<source srcset="{% static "img/png/mover/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/mover/use-letters-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/mover/use-letters-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/mover/use-letters-640.png" %}" media="(min-width: 768px)"/>
<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/about-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/about-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/about-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "/img/png/about-328.png" %}" alt="about">
<source srcset="{% static "img/png/mover/about-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/mover/about-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/mover/about-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/mover/about-640.png" %}" media="(min-width: 768px)"/>
<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/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">
<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">
@@ -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/sore-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/sore-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/sore-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "/img/png/sore-328.png" %}" alt="sore image" class="sore__img">
<source srcset="{% static "img/png/mover/sore-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/mover/sore-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/mover/sore-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/mover/sore-640.png" %}" media="(min-width: 768px)"/>
<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>