templates/wallet/index.html.twig line 1

Open in your IDE?
  1. {% extends 'wallet/_tpl.html.twig' %}
  2. {% trans_default_domain 'wallet' %}
  3. {% set body_class = 'mainpage' %}
  4. {% set title = 'wallet.seo.title'|trans %}
  5. {% set og_title = 'wallet.seo.title'|trans %}
  6. {% set description = 'wallet.seo.description'|trans %}
  7. {% set og_title = 'wallet.seo.og_title'|trans %}
  8. {% set og_description = 'wallet.seo.og_description'|trans %}
  10. {% block content %}
  11.     <div class="descript">
  12.         <div class="block">
  13.             <h1 class="descript__title"><strong>{% trans %}wallet.descript.title.card{% endtrans %}</strong> {% trans %}wallet.descript.title.business{% endtrans %}</h1>
  14.             <div class="descript__subtitle">{% trans %}wallet.descript.free{% endtrans %}</div>
  15.             <div class="flex-center"><a class="btn btn_blue" href="{{ path('register') }}" onclick="{{ YM.goal('free') }}">{% trans %}wallet.descript.btn{% endtrans %}</a>
  16.                 <small class="descript__free">14 дней</small>
  17.             </div>
  18.             <div class="descript__os">{% trans %}wallet.descript.platforms{% endtrans %}</div>
  19.         </div>
  20.     </div>
  21.     <div class="look" id="look">
  22.         <h2 class="title">{% trans %}wallet.look.title{% endtrans %}</h2>
  23.         <div class="look__container">
  24.             <div class="look__tab vis">
  25.                 <div class="look__col">
  26.                     <div class="look__entry">
  27.                         <div class="entry__title">{% trans %}wallet.look.card.bonus.logo.title{% endtrans %}</div>
  28.                         <div class="entry__text">{% trans %}wallet.look.card.bonus.logo.text{% endtrans %}</div>
  29.                     </div>
  30.                     <div class="look__entry">
  31.                         <div class="entry__title">{% trans %}wallet.look.card.bonus.balance.title{% endtrans %}</div>
  32.                         <div class="entry__text">{% trans %}wallet.look.card.bonus.balance.text{% endtrans %}</div>
  33.                     </div>
  34.                     <div class="look__entry">
  35.                         <div class="entry__title">{% trans %}wallet.look.card.bonus.bg.title{% endtrans %}</div>
  36.                         <div class="entry__text">{% trans %}wallet.look.card.bonus.bg.text{% endtrans %}</div>
  37.                     </div>
  38.                 </div>
  39.                 <div class="look__col">
  40.                     <div class="look__entry">
  41.                         <div class="entry__title">{% trans %}wallet.look.card.bonus.type.title{% endtrans %}</div>
  42.                         <div class="entry__text">{% trans %}wallet.look.card.bonus.type.text{% endtrans %}</div>
  43.                     </div>
  44.                     <div class="look__entry">
  45.                         <div class="entry__title">{% trans %}wallet.look.card.bonus.img.title{% endtrans %}</div>
  46.                         <div class="entry__text">{% trans %}wallet.look.card.bonus.img.text{% endtrans %}</div>
  47.                     </div>
  48.                     <div class="look__entry">
  49.                         <div class="entry__title">{% trans %}wallet.look.card.bonus.owner.title{% endtrans %}</div>
  50.                         <div class="entry__text">{% trans %}wallet.look.card.bonus.owner.text{% endtrans %}</div>
  51.                     </div>
  52.                     <div class="look__entry">
  53.                         <div class="entry__title">{% trans %}wallet.look.card.bonus.barcode.title{% endtrans %}</div>
  54.                         <div class="entry__text">{% trans %}wallet.look.card.bonus.barcode.text{% endtrans %}</div>
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.             <div class="look__phone"></div>
  59.             <div class="look__cards">
  60.                 <div class="look__cards-gallery">
  61.                     <img src="{{ asset('img/'~locale~'/card_1.png', 'wallet') }}" alt="">
  62.                     <img src="{{ asset('img/'~locale~'/card_4.png', 'wallet') }}" alt="">
  63.                     <img src="{{ asset('img/'~locale~'/card_5.png', 'wallet') }}" alt="">
  64.                     <img src="{{ asset('img/'~locale~'/card_6.png', 'wallet') }}" alt="">
  65.                     <img src="{{ asset('img/'~locale~'/card_7.png', 'wallet') }}" alt="">
  66.                     <img src="{{ asset('img/'~locale~'/card_8.png', 'wallet') }}" alt="">
  67.                     <img src="{{ asset('img/'~locale~'/card_9.png', 'wallet') }}" alt="">
  68.                 </div>
  69.                 <img src="{{ asset('img/'~locale~'/card_2.png', 'wallet') }}" alt="">
  70.                 <img src="{{ asset('img/'~locale~'/card_3.png', 'wallet') }}" alt="">
  71.             </div>
  72.         </div>
  73.         <div class="btn-container">
  74.             <a class="btn btn_blue" href="{{ path('register') }}" onclick="{{ YM.goal('free') }}">{% trans %}wallet.look.btn{% endtrans %}</a>
  75.         </div>
  76.     </div>
  77.     <div class="abilities" id="abilities">
  78.         <div class="block">
  79.             <div class="abilities__img"><img src="" alt=""></div>
  80.             <div class="abilities__left">
  81.                 <div class="subtitle">{% trans %}wallet.abilities.subtitle{% endtrans %}</div>
  82.                 <h3 class="title">{% trans %}wallet.abilities.title{% endtrans %}</h3>
  83.                 <div class="abilities__list">
  84.                     <div class="abilities__entry current" data-img="{{ asset('img/'~locale~'/ability_01.png', 'wallet') }}" data-tab="{% trans %}wallet.abilities.tabs.push.title{% endtrans %}" data-list="{% trans %}wallet.abilities.tabs.push.list{% endtrans %}" data-text="{% trans %}wallet.abilities.tabs.push.title{% endtrans %}"><a class="entry__lnk" href="#"></a>
  85.                         <div class="entry__icon"></div>
  86.                         <div class="entry__text">{% trans %}wallet.abilities.tabs.push.title{% endtrans %}</div>
  87.                     </div>
  88.                     <div class="abilities__entry" data-img="{{ asset('img/'~locale~'/ability_02.png', 'wallet') }}" data-tab="{% trans %}wallet.abilities.tabs.balance.title{% endtrans %}" data-list="{% trans %}wallet.abilities.tabs.balance.list{% endtrans %}" data-text="{% trans %}wallet.abilities.tabs.balance.title{% endtrans %}"><a class="entry__lnk" href="#"></a>
  89.                         <div class="entry__icon"></div>
  90.                         <div class="entry__text">{% trans %}wallet.abilities.tabs.balance.title{% endtrans %}</div>
  91.                     </div>
  92.                     <div class="abilities__entry" data-img="{{ asset('img/'~locale~'/ability_03.png', 'wallet') }}" data-tab="{% trans %}wallet.abilities.tabs.msg.title{% endtrans %}" data-list="{% trans %}wallet.abilities.tabs.msg.list{% endtrans %}" data-text="{% trans %}wallet.abilities.tabs.msg.title{% endtrans %}"><a class="entry__lnk" href="#"></a>
  93.                         <div class="entry__icon"></div>
  94.                         <div class="entry__text">{% trans %}wallet.abilities.tabs.msg.title{% endtrans %}</div>
  95.                     </div>
  96.                     <div class="abilities__entry" data-img="{{ asset('img/'~locale~'/ability_04.png', 'wallet') }}" data-tab="{% trans %}wallet.abilities.tabs.form.title{% endtrans %}" data-list="{% trans %}wallet.abilities.tabs.form.list{% endtrans %}" data-text="{% trans %}wallet.abilities.tabs.form.title{% endtrans %}"><a class="entry__lnk" href="#"></a>
  97.                         <div class="entry__icon"></div>
  98.                         <div class="entry__text">{% trans %}wallet.abilities.tabs.form.title{% endtrans %}</div>
  99.                     </div>
  100.                 </div>
  101.                 <div class="abilities__container">
  102.                     <ul></ul>
  103.                 </div><a class="btn btn_blue" href="{{ path('register') }}" onclick="{{ YM.goal('free') }}">{% trans %}wallet.abilities.btn{% endtrans %}</a>
  104.             </div>
  105.         </div>
  106.     </div>
  107.     <form class="formsController form js-wallet-demo" method="POST" data-url="{{ path('form_wallet_demo') }}">
  108.         <div class="form__wrapper">
  109.             <div class="title">{% trans %}wallet.demo.title{% endtrans %}</div>
  110.             <div class="form__subtitle">{% trans %}wallet.demo.subtitle{% endtrans %}</div>
  111.             <label class="form__label">
  112.                 <input class="form__input form__input_phone" type="tel" required name="phone">
  113.                 <button class="btn btn_blue fc-submit" type="submit" onclick="{{ YM.goal('democart') }}"><span>{% trans %}wallet.demo.btn{% endtrans %}</span>
  114.                     <div class="loading loading-default">
  115.                         <div class="loading__inner"></div>
  116.                     </div>
  117.                 </button>
  118.             </label>
  119.             <div class="form__error"></div>
  120.         </div>
  121.         <div class="form__success">{% trans %}wallet.demo.success{% endtrans %}</div>
  122.     </form>
  123.     <div class="features" id="features">
  124.         <div class="block">
  125.             <div class="subtitle">{% trans %}wallet.features.subtitle{% endtrans %}</div>
  126.             <h3 class="title">{% trans %}wallet.features.title{% endtrans %}</h3>
  127.             <div class="flex">
  128.                 <div class="features__tabs">
  129.                     <a class="tabs__entry tabs__entry_gift current" href="#" data-title="{% trans %}wallet.features.tabs.gift.title{% endtrans %}" data-subtitle="{% trans %}wallet.features.tabs.gift.subtitle{% endtrans %}" data-list="{% trans %}wallet.features.tabs.gift.list{% endtrans %}" data-img="{{ asset('img/'~locale~'/feature_01.png', 'wallet') }}">
  130.                         <div class="entry__icon"></div>
  131.                         <div class="entry__text">{% trans %}wallet.features.tabs.gift.text{% endtrans %}</div>
  132.                     </a>
  133.                     <a class="tabs__entry tabs__entry_back" href="#" data-title="{% trans %}wallet.features.tabs.back.title{% endtrans %}" data-subtitle="{% trans %}wallet.features.tabs.back.subtitle{% endtrans %}" data-list="{% trans %}wallet.features.tabs.back.list{% endtrans %}" data-img="{{ asset('img/'~locale~'/feature_03.png', 'wallet') }}">
  134.                         <div class="entry__icon"></div>
  135.                         <div class="entry__text">{% trans %}wallet.features.tabs.back.text{% endtrans %}</div></a>
  136.                     <a class="tabs__entry tabs__entry_refferal" href="#" data-title="{% trans %}wallet.features.tabs.refferal.title{% endtrans %}" data-subtitle="{% trans %}wallet.features.tabs.refferal.subtitle{% endtrans %}" data-list="{% trans %}wallet.features.tabs.refferal.list{% endtrans %}" data-img="{{ asset('img/'~locale~'/feature_04.png', 'wallet') }}">
  137.                         <div class="entry__icon"></div>
  138.                         <div class="entry__text">{% trans %}wallet.features.tabs.refferal.text{% endtrans %}</div>
  139.                     </a>
  140.                 </div>
  141.                 <div class="features__img"><img src="" alt=""></div>
  142.                 <div class="features__desc">
  143.                     <div class="title"></div>
  144.                     <div class="desc__subtitle"></div>
  145.                     <ul class="desc__list"></ul>
  146.                     <a class="btn btn_blue" href="{{ path('register') }}" onclick="{{ YM.goal('free') }}">{% trans %}wallet.features.btn{% endtrans %}</a>
  147.                 </div>
  148.             </div>
  149.         </div>
  150.     </div>
  151.     {% if locale is same as('ru') %}
  152.     <div class="analytics" id="analytics">
  153.         <div class="block">
  154.             <h3 class="title"></h3>
  155.             <div class="analytics__list">
  156.                 <div class="analytics__entry" data-title="Графический конструктор карт">
  157.                     <video autoplay loop controls>
  158.                         <source src="{{ asset('img/video.mp4', 'wallet') }}">
  159.                     </video>
  160.                 </div>
  161.                 <div class="analytics__entry" data-title="Встроенная аналитика и CRM">
  162.                     <video autoplay loop controls>
  163.                         <source src="{{ asset('img/video2.mp4', 'wallet') }}">
  164.                     </video>
  165.                 </div>
  166.             </div>
  167.         </div>
  168.     </div>
  169.     {% endif %}
  170.     <div class="validator" id="validator">
  171.         <div class="block">
  172.             <div class="subtitle">{% trans %}wallet.validator.subtitle{% endtrans %}</div>
  173.             <h3 class="title">{% trans %}wallet.validator.title{% endtrans %}</h3>
  174.             <div class="validator__img"><img src="{{ asset('img/'~locale~'/validator.png', 'wallet') }}" alt=""></div>
  175.             <ul class="desc__list">
  176.                 <li>{% trans %}wallet.validator.desc.list.points{% endtrans %}</li>
  177.                 <li>{% trans %}wallet.validator.desc.list.operation{% endtrans %}</li>
  178.             </ul>
  179.             <div class="validator__links">
  180.                 <a href="https://itunes.apple.com/us/app/id1445182536" target="_blank">
  181.                     <img src="{{ asset('img/as.png', 'wallet') }}" alt="">
  182.                 </a>
  183.                 <a href="https://play.google.com/store/apps/details?id=com.wellsales.validator" target="_blank">
  184.                     <img src="{{ asset('img/gp.png', 'wallet') }}" alt="">
  185.                 </a>
  186.             </div>
  187.         </div>
  188.     </div>
  189.     {% if locale is same as('en') %}
  190.     <div class="tariff">
  191.         <div class="block block_padding">
  192.             <div class="title">{% trans %}wallet.rates.title{% endtrans %}</div>
  193.             <table>
  194.                 <tr>
  195.                     <th>{% trans %}wallet.rates.cards{% endtrans %}</th>
  196.                     <td><i class="check"></i></td>
  197.                 </tr>
  198.                 <tr>
  199.                     <th>{% trans %}wallet.rates.points{% endtrans %}</th>
  200.                     <td><i class="check"></i></td>
  201.                 </tr>
  202.                 <tr>
  203.                     <th>{% trans %}wallet.rates.signup{% endtrans %}</th>
  204.                     <td><i class="check"></i></td>
  205.                 </tr>
  206.                 <tr>
  207.                     <th>{% trans %}wallet.rates.sms{% endtrans %}</th>
  208.                     <td><i class="check"></i></td>
  209.                 </tr>
  210.                 <tr>
  211.                     <th>{% trans %}wallet.rates.dedublication{% endtrans %}</th>
  212.                     <td><i class="check"></i></td>
  213.                 </tr>
  214.                 <tr>
  215.                     <th>{% trans %}wallet.rates.push{% endtrans %}</th>
  216.                     <td><i class="check"></i></td>
  217.                 </tr>
  218.                 <tr>
  219.                     <th>{% trans %}wallet.rates.points_setting{% endtrans %}</th>
  220.                     <td><i class="check"></i></td>
  221.                 </tr>
  222.                 <tr>
  223.                     <th>{% trans %}wallet.rates.geo{% endtrans %}</th>
  224.                     <td><i class="check"></i></td>
  225.                 </tr>
  226.                 <tr>
  227.                     <th>{% trans %}wallet.rates.auto_remind{% endtrans %}</th>
  228.                     <td><i class="check"></i></td>
  229.                 </tr>
  230.                 <tr>
  231.                     <th>{% trans %}wallet.rates.auto_congrat{% endtrans %}</th>
  232.                     <td><i class="check"></i></td>
  233.                 </tr>
  234.                 <tr>
  235.                     <th>{% trans %}wallet.rates.push_groups{% endtrans %}</th>
  236.                     <td><i class="check"></i></td>
  237.                 </tr>
  238.                 <tr>
  239.                     <th>{% trans %}wallet.rates.referral{% endtrans %}</th>
  240.                     <td><i class="check"></i></td>
  241.                 </tr>
  242.                 <tr>
  243.                     <th>{% trans %}wallet.rates.analytics{% endtrans %}</th>
  244.                     <td><i class="check"></i></td>
  245.                 </tr>
  246.                 <tr>
  247.                     <th>{% trans %}wallet.rates.csm{% endtrans %}</th>
  248.                     <td><i class="check"></i></td>
  249.                 </tr>
  250.                 <tr>
  251.                     <th>{% trans %}wallet.rates.tech{% endtrans %}</th>
  252.                     <td><i class="check"></i></td>
  253.                 </tr>
  254.                 <tr>
  255.                     <th>&nbsp;</th>
  256.                     <td><strong>$99</strong> <small>{% trans %}wallet.rates.permonth{% endtrans %}</small></td>
  257.                 </tr>
  258.             </table>
  259.         </div>
  260.     </div>
  261.     {% endif %}
  262.     {% if locale is same as('ru') %}
  263.         {% include 'common/integrations.html.twig' %}
  264.     {% endif %}
  265.     <div>
  266.         <div class="test">
  267.             <div class="block">
  268.                 <div class="test__left">
  269.                     <div class="title"><strong>{% trans %}wallet.test.title.text{% endtrans %}</strong> <br>{% trans %}wallet.test.title.days{% endtrans %}</div>
  270.                     <div class="test__btn">
  271.                         <a class="btn btn_blue btn_lg" href="{{ path('register') }}" onclick="{{ YM.goal('free') }}">{% trans %}wallet.test.try{% endtrans %}</a>
  272.                         {% if locale is same as('ru') %}
  273.                         <a href="{{ path('tariff.ru') }}">{% trans %}wallet.test.tariffs{% endtrans %}</a>
  274.                         {% endif %}
  275.                     </div>
  276.                 </div><img class="test__img" src="{{ asset('img/'~locale~'/test_app.png', 'wallet') }}" alt="">
  277.             </div>
  278.         </div>
  279.     </div>
  280.     {% if locale is same as('ru') %}
  281.     <div class="gmb">
  282.         <div class="title">Если этого мало &mdash; приложение GetMeBack</div>
  283.         <div class="gmb__subtitle">Флагманский продукт GetMeBack</div><a class="btn btn_blue" href="{{ path('mobile_app_index.ru') }}">Подробнее</a>
  284.     </div>
  285.     {% endif %}
  286. {% endblock %}