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