templates/landing.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Біржа заявок Otpusk.com - Купити Ліди на туризм{% endblock %}</title>
  6.     <meta name="viewport"
  7.           content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  8.     <meta name="description" content="Біржа заявок для турагентів. Реальні клієнти, з сайтів Отпуск і ТурПравда">
  9.     <meta name="keywords" content="Біржа заявок для турагентів">
  10.     <link rel="canonical" href="https://birzha.tat.ua/" />
  12.     <meta property="og:site_name" content="Біржа заявок Отпуск.com" />
  13.     <meta property="og:type" content="website" />
  14.     <meta property="og:title" content="Отпуск.com › Біржа заявок" />
  15.     <meta property="og:description" content="Біржа заявок для турагентів. Реальні клієнти, з сайтів Отпуск і ТурПравда" />
  16.     <meta property="og:url" content="https://pro.otpusk.com/" />
  17.     <meta property="og:image" content="https://pro.otpusk.com/assets/img/hammer.svg" />
  19.     {% block stylesheets %}
  20.         <link rel="stylesheet" href="{{ asset('assets/css/landing.css') }}?v=1.6" type="text/css">
  21.     {% endblock %}
  22. </head>
  23. <body>
  24. {% block body %}
  25.     <div class="main-container">
  26.         <header class="header">
  27.             <div class="container">
  28.                 <div class="header-top">
  29.                     <div class="header-logo"><a href="https://pro.otpusk.com/" class="logo"></a></div>
  30.                     <div class="header-authorization">
  31.                         <div class="header-login"><a class="login-btn" href="/birzha/login">УВІЙТИ</a></div>
  32.                         <div class="header-registration"><a class="registration-btn" href="https://pro.otpusk.com/registration">ЗАРЕЄСТРУВАТИСЯ</a></div>
  33.                     </div>
  34.                 </div>
  35.                 <div class="header-main">
  36.                     <div class="header-info">
  37.                         <h1>Біржа заявок для турагентів</h1>
  38.                         <p>Реальні клієнти, з сайтів Отпуск і ТурПравда, хочуть купити тур.</p>
  39.                         <a href="/birzha" class="online">
  40.                             <i class="icon-link"></i>
  41.                             ПОТОЧНІ ЗАЯВКИ ОНЛАЙН
  42.                         </a>
  43.                     </div>
  44.                     <div class="header-img"></div>
  45.                 </div>
  46.             </div>
  47.         </header>
  48.         <div class="process">
  49.             <div class="process-bg-left">
  50.                 <div class="container">
  51.                     <div class="process-inner">
  52.                         <div class="process-img">
  53.                             <div class="bid-img"><img src="{{ asset('assets/img/bid-example-2.png') }}" alt="заявка" style="max-width: 335px"></div>
  54.                         </div>
  55.                         <div class="process-info">
  56.                             <h2>Як це працює?</h2>
  57.                             <p>
  58.                                 Продаж заявок проходить за принципом аукціону з пониженням
  59.                                 ціни. Стартова ціна залежить від країни, тривалості,
  60.                                 кількості туристів, і становить зазвичай близько 300 грн. Нижня
  61.                                 ціна зазвичай до 100 грн. Всі заявки мають дані про клієнта, що
  62.                                 дає можливість працювати з туристами з вашого міста.
  63.                             </p>
  64.                             <a class="registration-btn" href="https://pro.otpusk.com/registration">ЗАРЕЄСТРУВАТИСЯ</a>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.         <div class="steps">
  71.             <div class="container">
  72.                 <div class="steps-container">
  73.                     <h2>Кроки до успіху</h2>
  74.                     <div class="steps-inner">
  75.                         <div class="step-bg bg-white">
  76.                             <div class="step-item">
  77.                                 <span class="step-title">1</span>
  78.                                 <span class="step-icon step-1"></span>
  79.                                 <span class="step-description">
  80.                                     Реєструйтеся і поповнюйте баланс.
  81.                                 </span>
  82.                             </div>
  83.                         </div>
  84.                         <div class="step-bg bg-black">
  85.                             <div class="step-item">
  86.                                 <span class="step-title">2</span>
  87.                                 <span class="step-icon step-2"></span>
  88.                                 <span class="step-description">
  89.                                     Підпишіться на
  90.                                     Телеграм-сповіщення
  91.                                     про нові заявки, щоб
  92.                                     реагувати швидко.
  93.                                     Клієнт довго не чекає.
  94.                                 </span>
  95.                             </div>
  96.                         </div>
  97.                         <div class="step-bg bg-white">
  98.                             <div class="step-item">
  99.                                 <span class="step-title">3</span>
  100.                                 <span class="step-icon step-3"></span>
  101.                                 <span class="step-description">
  102.                                     При надходженні
  103.                                     заявки, викуповуєте її за
  104.                                     запропонованою ціною
  105.                                     (миттєво
  106.                                     отримуєте контакти туриста).
  107.                                 </span>
  108.                             </div>
  109.                         </div>
  110.                         <div class="step-bg bg-black">
  111.                             <div class="step-item">
  112.                                 <span class="step-title">4</span>
  113.                                 <span class="step-icon step-4"></span>
  114.                                 <span class="step-description">
  115.                                     Якщо запропонована
  116.                                     ціна для вас висока,
  117.                                     робите ставку з
  118.                                     зазначенням вашої
  119.                                     (Ставка виграє тоді,
  120.                                     коли знизиться до вашої)
  121.                                 </span>
  122.                             </div>
  123.                         </div>
  124.                         <div class="step-bg">
  125.                             <div class="step-item">
  126.                                 <span class="step-title">5</span>
  127.                                 <span class="step-icon step-1"></span>
  128.                                 <span class="step-description">
  129.                                     Отримавши контакти
  130.                                     клієнта - професійно,
  131.                                     чарівно
  132.                                     і швидко продаєте йому
  133.                                     тур. Вартість заявки
  134.                                     окупається в 5-10 разів.
  135.                                 </span>
  136.                             </div>
  137.                         </div>
  138.                     </div>
  139.                 </div>
  140.             </div>
  141.         </div>
  142.         <div class="advantages">
  143.             <div class="container">
  144.                 <div class="advantages-container">
  145.                     <h2>Вигоди вашого агенства</h2>
  146.                     <ul class="advantages-list">
  147.                         <li class="advantages-item">
  148.                             Висока якість заявок. Джерела заявок - популярні туристичні сайти
  149.                             Otpusk.com та Turpravda.ua, репутація доведена роками.
  150.                         </li>
  151.                         <li class="advantages-item">
  152.                             Заявки містять докладні дані про тур - країна, готель, кількість туристів,
  153.                             період подорожі і особисті побажання.
  154.                         </li>
  155.                         <li class="advantages-item">
  156.                             Заявки надходять на біржу автоматично, як тільки їх відправляє клієнт. Аукціон
  157.                             триває максимум годину, але частіше - всього кілька хвилин. Ваш клієнт не встигне «охолонути».
  158.                         </li>
  159.                         <li class="advantages-item">
  160.                             У всіх заявках вказано телефон, в більшості також ім'я та е-мейл. Тільки реальні
  161.                             ліди з актуальною контактною інформацією.
  162.                         </li>
  163.                         <li class="advantages-item">
  164.                             У заявках вказано місто - можете працювати з клієнтами з вашого міста,
  165.                             або з усією Україною.
  166.                         </li>
  167.                         <li class="advantages-item">
  168.                             Ніякої оплати за підключення або за розміщення!
  169.                         </li>
  170.                     </ul>
  171.                     <a class="registration-btn" href="https://pro.otpusk.com/registration">ЗАРЕЄСТРУВАТИСЯ</a>
  172.                 </div>
  173.             </div>
  174.         </div>
  175.         <div class="contacts">
  176.             <div class="container">
  177.                 <div class="contacts-container">
  178.                     <h2>Виникли питання?</h2>
  179.                     <div class="contacts-row">
  180.                         <div class="contacts-item">
  181.                             <span class="contact-icon contact-email"></span>
  182.                             <span class="contact-title">Пошта</span>
  183.                             <span class="contact-info">
  184.                                     <a href="mailto:vera@otpusk.com" id="copy-email">vera@otpusk.com</a>
  185.                                     <button onclick="copytext('#copy-email')" class="icon-copy"></button>
  186.                             </span>
  187.                         </div>
  188.                         {#<div class="contacts-item">#}
  189.                             {#<span class="contact-icon contact-skype"></span>#}
  190.                             {#<span class="contact-title">Skype</span>#}
  191.                             {#<span class="contact-info">#}
  192.                                     {#<a href="skype:godlend_djambala?add" id="copy-skype">godlend_djambala</a>#}
  193.                                     {#<button onclick="copytext('#copy-skype')" class="icon-copy"></button>#}
  194.                             {#</span>#}
  195.                         {#</div>#}
  196. {#                        <div class="contacts-item">#}
  197. {#                            <span class="contact-icon contact-viber"></span>#}
  198. {#                            <span class="contact-title">Viber (тільки чат)</span>#}
  199. {#                            <span class="contact-info">#}
  200. {#                                    <a href="viber://chat?number=%2B380503833601" id="copy-viber">(050) 383-36-01</a>#}
  201. {#                                    <button onclick="copytext('#copy-viber')" class="icon-copy"></button>#}
  202. {#                            </span>#}
  203. {#                        </div>#}
  204.                         <div class="contacts-item">
  205.                             <span class="contact-icon">
  206.                                 <svg style="transform: scale(1.5);" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
  207.                                     <defs>
  208.                                         <linearGradient id="a" x1="64.654%" x2="39.654%" y1="15.804%" y2="74.137%">
  209.                                             <stop offset="0%" stop-color="#37AEE2"></stop>
  210.                                             <stop offset="100%" stop-color="#1E96C8"></stop>
  211.                                         </linearGradient>
  212.                                         <linearGradient id="b" x1="61.344%" x2="80.498%" y1="47.997%" y2="73.688%">
  213.                                             <stop offset="0%" stop-color="#EFF7FC"></stop>
  214.                                             <stop offset="100%" stop-color="#FFF"></stop>
  215.                                         </linearGradient>
  216.                                     </defs>
  217.                                     <g fill="none" fill-rule="nonzero">
  218.                                         <path fill="#555" d="M16 8c0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8 8 3.58 8 8z"></path>
  219.                                         <path fill="#C8DAEA" d="M6.533 11.667c-.26 0-.213-.1-.306-.347l-.76-2.507 4.72-2.946.553.146-.46 1.254-3.747 4.4z"></path>
  220.                                         <path fill="#A9C9DD" d="M6.533 11.667c.2 0 .287-.094.4-.2.174-.167 2.4-2.334 2.4-2.334L7.967 8.8 6.7 9.6l-.167 2v.067z"></path>
  221.                                         <path fill="url(#b)" d="M6.667 9.627l3.226 2.38c.367.2.634.1.727-.34l1.313-6.187c.134-.54-.206-.78-.56-.62L3.667 7.833c-.527.214-.52.507-.094.634l1.98.62 4.58-2.887c.214-.133.414-.06.254.087l-3.72 3.34z"></path>
  222.                                     </g>
  223.                                 </svg>
  224.                             </span>
  225.                             <span class="contact-title">Телеграм</span>
  226.                             <span class="contact-info">
  227.                                     <a href="https://t.me/Vira_Otpusk" id="copy-telegram">t.me/Vira_Otpusk</a>
  228.                                     <button onclick="copytext('#copy-telegram')" class="icon-copy"></button>
  229.                             </span>
  230.                         </div>
  231.                         <div class="contacts-item">
  232.                             <span class="contact-icon contact-phone"></span>
  233.                             <span class="contact-title">Телефон</span>
  234.                             <span class="contact-info">
  235.                                     <a href="tel:0443633601" id="copy-phone">(044) 363-36-01</a>
  236.                                     <button onclick="copytext('#copy-phone')" class="icon-copy"></button>
  237.                             </span>
  238.                         </div>
  239.                     </div>
  240.                 </div>
  241.             </div>
  242.         </div>
  243.     </div>
  244. {% endblock %}
  246. {% block javascripts %}
  247.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  248.     <script type="text/javascript">
  249.             function copytext(el) {
  250.                 var $tmp = $("<textarea>");
  251.                 $("body").append($tmp);
  252.                 $tmp.val($(el).text()).select();
  253.                 document.execCommand("copy");
  254.                 $tmp.remove();
  255.             }
  256.     </script>
  257. {% endblock %}
  258. </body>
  259. </html>