PageSourceSearch

https://leadgenic.ru/

html leadgenic.ru collected 2026-10-04 00:18:21 UTC 116,291 bytes, 2,281 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3
4<head>
5
6  <meta charset="utf-8">
7  <title>Сервис Увеличения Конверсии Сайта, Интернет-магазина или Лендинга | LeadGenic</title>
8  <meta http-equiv="x-ua-compatible" content="ie=edge">
9  <meta name="viewport" content="width=device-width, initial-scale=1">
10  <link rel="shortcut icon" href="https://leadgenic.ru/img/favicon.svg" type="image/x-icon" />
11  <link rel="stylesheet" href="css/main.min.css?_v=20230728225642">
12  <meta property="og:type" content="website" />
13  <meta property="og:image" content="https://leadgenic.ru/images/dest/preview.jpg">
14  <meta property="og:title" content="Конвертируйте больше посетителей сайта в клиентов с виджетами LeadGenic" />
15  <meta name="description" content="Создавайте и тестируйте персонализированные формы, квизы, опросы, купоны, промо-банеры и другие виджеты. В одном месте, за единую цену и без ограничений на количество виджетов, заявок и лидов.">
16  <link rel="canonical" href="https://leadgenic.ru/" />
17
18<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 18-19
18
19<script async src="https://www.googletagmanager.com/gtag/js?id=
19G-9TFSBPPEBV
vendor: 12 bytes, line 19
19"></script>
20<script>
21  
vendor: 134 bytes, lines 21-25
21window.dataLayer = window.dataLayer || [];
22  function gtag(){dataLayer.push(arguments);}
23  gtag('js', new Date());
24
25  gtag('config', '
25G-9TFSBPPEBV
vendor: 4 bytes, line 25
25');
26</script>
26
27
28<!-- Yandex.Metrika counter -->
29<script type="text/javascript" >
vendor: 406 bytes, lines 29-36
29
30   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
31   m[i].l=1*new Date();
32   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
33   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
34   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
35
36   ym(
3631532838
vendor: 154 bytes, lines 36-42
36, "init", {
37        clickmap:true,
38        trackLinks:true,
39        accurateTrackBounce:true,
40        webvisor:true,
41        ecommerce:"dataLayer"
42   });
43</script>
43
44<noscript><div><img src="https://mc.yandex.ru/watch/31532838" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
45<!-- /Yandex.Metrika counter -->
46
47<!-- Top.Mail.Ru counter -->
48<script type="text/javascript">
49var _tmr = window._tmr || (window._tmr = []);
50_tmr.push({id: "3416151", type: "pageView", start: (new Date()).getTime()});
51(function (d, w, id) {
52  if (d.getElementById(id)) return;
53  var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
54  ts.src = "https://top-fwz1.mail.ru/js/code.js";
55  var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
56  if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
57})(document, window, "tmr-code");
58</script>
58
59<noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3416151;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
60<!-- /Top.Mail.Ru counter -->
61
62<!-- Varioqub experiments -->
63<script type="text/javascript">
64(function(e, x, pe, r, i, me, nt){
65e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)},
66me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],nt.parentNode.insertBefore(me,nt)})
67(window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab');
68ymab('metrika.31532838', 'init'/*, {clientFeatures}, {callback}*/);
69</script>
69
70  <style>
71    .update {
72      padding-top: 12.5rem;
73      padding-bottom: 12.5rem;
74    }
75
76    .form-block-header {
77      font-size: 1.5625rem;
78      line-height: 1.8125rem;
79      margin-bottom: 1.25rem;
80      text-align: center;
81    }
82
83    [data-form]>* {
84      margin-top: 30px;
85    }
86
87    @media (min-width: 768px) {
88      .form-block-header {
89        text-align: left;
90      }
91
92
93      [data-form]>* {
94        margin-top: 40px;
95      }
96    }
97
98    .form-inline {
99      max-width: 32.5rem;
100      display: flex;
101      align-items: center;
102    }
103
104    .form-inline__field {
105      flex-grow: 1;
106      display: block;
107      font-weight: 400;
108      position: relative;
109      background: transparent;
110    }
111
112    .form-inline__field input[type=text],
113    .form-inline__field input[type=email],
114    .form-inline__field input[type=password],
115    .form-inline__field textarea {
116      margin: 0;
117      width: 100%;
118      height: 3.125rem;
119      outline: none;
120      color: #555;
121      box-shadow: none;
122      font-weight: 400;
123      font-size: 0.875rem;
124      line-height: 1.25rem;
125      padding: 0.625rem 1rem;
126      background: white;
127      border-radius: 7px 0 0 7px;
128      display: inline-block;
129      vertical-align: middle;
130      border: 0.125rem solid #D5E2F2;
131      border-right: none;
132      transition: .25s;
133    }
134
135    .form-inline__field input[type=text]::-moz-placeholder,
136    .form-inline__field input[type=email]::-moz-placeholder,
137    .form-inline__field input[type=password]::-moz-placeholder,
138    .form-inline__field textarea::-moz-placeholder {
139      color: #909090;
140      opacity: 1;
141    }
142
143    .form-inline__field input[type=text]:-ms-input-placeholder,
144    .form-inline__field input[type=email]:-ms-input-placeholder,
145    .form-inline__field input[type=password]:-ms-input-placeholder,
146    .form-inline__field textarea:-ms-input-placeholder {
147      color: #909090;
148    }
149
150    .form-inline__field input[type=text]::-webkit-input-placeholder,
151    .form-inline__field input[type=email]::-webkit-input-placeholder,
152    .form-inline__field input[type=password]::-webkit-input-placeholder,
153    .form-inline__field textarea::-webkit-input-placeholder {
154      color: #909090;
155    }
156
157    .form-inline__field input[type=text]::placeholder,
158    .form-inline__field input[type=email]::placeholder,
159    .form-inline__field input[type=password]::placeholder,
160    .form-inline__field textarea::placeholder {
161      color: #909090;
162    }
163
164    .form-inline__field input[type=text]::placeholder,
165    .form-inline__field input[type=email]::placeholder,
166    .form-inline__field input[type=password]::placeholder,
167    .form-inline__field textarea::placeholder {
168      color: #909090;
169    }
170
171    .form-inline__field input[type=text]::-ms-clear,
172    .form-inline__field input[type=email]::-ms-clear,
173    .form-inline__field input[type=password]::-ms-clear,
174    .form-inline__field textarea::-ms-clear {
175      display: none;
176      width: 0;
177      height: 0;
178    }
179
180    .form-inline__field input[type=text]:hover,
181    .form-inline__field input[type=email]:hover,
182    .form-inline__field input[type=password]:hover,
183    .form-inline__field textarea:hover {
184      border-color: #808AAB;
185      transition: .25s;
186    }
187
188    .form-inline__field input[type=text]:focus,
189    .form-inline__field input[type=text]:active,
190    .form-inline__field input[type=email]:focus,
191    .form-inline__field input[type=email]:active,
192    .form-inline__field input[type=password]:focus,
193    .form-inline__field input[type=password]:active,
194    .form-inline__field textarea:focus,
195    .form-inline__field textarea:active {
196      outline: none;
197      border-color: #808AAB;
198    }
199
200    .form-inline__field input[type=text]:focus::placeholder,
201    .form-inline__field input[type=text]:active::placeholder,
202    .form-inline__field input[type=email]:focus::placeholder,
203    .form-inline__field input[type=email]:active::placeholder,
204    .form-inline__field input[type=password]:focus::placeholder,
205    .form-inline__field input[type=password]:active::placeholder,
206    .form-inline__field textarea:focus::placeholder,
207    .form-inline__field textarea:active::placeholder {
208      color: transparent !important;
209    }
210
211    .form-inline__field input[type=text].error,
212    .form-inline__field input[type=email].error,
213    .form-inline__field input[type=password].error,
214    .form-inline__field textarea.error {
215      border-color: red !important;
216    }
217
218    .form-inline__field input[type=text].invalid,
219    .form-inline__field input[type=email].invalid,
220    .form-inline__field input[type=password].invalid,
221    .form-inline__field textarea.invalid {
222      color: #FF6012 !important;
223      border-color: #FF6012 !important;
224    }
225
226    .form-inline__field input[type=text].invalid::placeholder,
227    .form-inline__field input[type=email].invalid::placeholder,
228    .form-inline__field input[type=password].invalid::placeholder,
229    .form-inline__field textarea.invalid::placeholder {
230      color: #FF6012;
231    }
232
233    .form-inline .btn {
234      width: 100%;
235      border-radius: 0 7px 7px 0;
236    }
237
238    @media (min-width: 768px) {
239      .form-inline__button {
240        flex-shrink: 0;
241        width: 12.5rem;
242      }
243    }
244
245    .btn-send {
246      outline: none;
247      cursor: pointer;
248      font-weight: 500;
249      font-size: 0.8125rem;
250      line-height: 1.25rem;
251      min-height: 3.125rem;
252      padding: 0.5rem 1.125rem;
253      user-select: none;
254      text-align: center;
255      white-space: nowrap;
256      position: relative;
257      text-decoration: none;
258      display: inline-flex;
259      align-items: center;
260      justify-content: center;
261      vertical-align: middle;
262      fill: #fff;
263      color: #fff;
264      background: var(--color-orange);
265      border: 1px solid transparent;
266      border-radius: 0 7px 7px 0;
267      transition: .25s;
268    }
269
270    .btn-send:hover {
271      fill: #fff;
272      color: #fff;
273      background: var(--color-orange-hover);
274      text-decoration: none;
275      transition: .25s;
276    }
277
278    .btn-send:active {
279      background: var(--color-orange);
280    }
281
282    .btn-send:focus,
283    .btn-send.focus {
284      outline: 0;
285    }
286
287    @media (min-width: 1250px) {
288      .btn-send {
289        font-size: 1rem;
290      }
291    }
292  </style>
293 
294
295  <style id="leadgenic-legal-footer-styles">
296    
297    .footer--legal-enhanced .footer__wrap {
298      display: flex;
299      flex-direction: column;
300      gap: 12px;
301      align-items: center;
302      text-align: center;
303    }
304    .footer--legal-enhanced .footer__nav {
305      display: flex;
306      flex-wrap: wrap;
307      justify-content: center;
308      gap: 7px 14px;
309      margin: 0;
310    }
311    .footer--legal-enhanced .footer__item {
312      margin: 0;
313    }
314    .footer--legal-enhanced .footer__legal {
315      display: flex;
316      flex-direction: column;
317      gap: 6px;
318      align-items: center;
319    }
320    .footer--legal-enhanced .footer__text {
321      display: none;
322    }
323    .footer--legal-enhanced .footer__details {
324      display: flex;
325      flex-wrap: wrap;
326      justify-content: center;
327      gap: 5px 14px;
328      margin: 0;
329      color: #9aa3bb;
330      font-size: 12px;
331      line-height: 1.45;
332    }
333    .footer--legal-enhanced .footer__details-item {
334      display: inline-flex;
335      align-items: center;
336      gap: 6px;
337    }
338    .footer--legal-enhanced .footer__details strong {
339      color: #c5cce0;
340      font-weight: 600;
341    }
342    .footer--legal-enhanced .footer__link {
343      font-size: 12px;
344      line-height: 1.3;
345      opacity: .92;
346    }
347    .footer--legal-enhanced .footer__link--muted {
348      opacity: 1;
349      color: inherit;
350    }
351    @media (max-width: 767px) {
352      .footer--legal-enhanced .footer__wrap {
353        gap: 10px;
354      }
355      .footer--legal-enhanced .footer__nav {
356        gap: 6px 10px;
357      }
358      .footer--legal-enhanced .footer__details {
359        flex-direction: column;
360        gap: 4px;
361      }
362    }
363
364      .footer--legal-enhanced .footer__nav {
365        gap: 8px 14px;
366      }
367      .footer--legal-enhanced .footer__details {
368        gap: 5px 14px;
369        font-size: 13px;
370      }
371    }
372  </style>
373
374
375<style id="leadgenic-cookie-notice-styles">
376  .lg-cookie-notice {
377    position: fixed;
378    right: 16px;
379    bottom: 16px;
380    z-index: 9999;
381    width: min(570px, calc(100vw - 32px));
382    padding: 12px 14px 12px;
383    border-radius: 16px;
384    background: rgba(101, 133, 161, 0.96);
385    color: #f7fbff;
386    border: 1px solid rgba(255, 255, 255, 0.14);
387    box-shadow: 0 10px 22px rgba(20, 36, 58, 0.12);
388    opacity: 0;
389    transform: translateY(10px);
390    pointer-events: none;
391    transition: opacity 0.22s ease, transform 0.22s ease;
392    backdrop-filter: blur(8px);
393  }
394  .lg-cookie-notice.is-visible {
395    opacity: 1;
396    transform: translateY(0);
397    pointer-events: auto;
398  }
399  .lg-cookie-notice__close {
400    position: absolute;
401    top: 7px;
402    right: 7px;
403    display: flex;
404    align-items: center;
405    justify-content: center;
406    width: 27px;
407    height: 27px;
408    padding: 0;
409    border: 0;
410    border-radius: 999px;
411    background: #5d7b96;
412    color: rgba(255, 255, 255, 0.92);
413    cursor: pointer;
414    transition: background-color 0.18s ease, color 0.18s ease;
415  }
416  .lg-cookie-notice__close span {
417    display: block;
418    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
419    font-size: 18px;
420    line-height: 1;
421    transform: translateY(1px);
422  }
423  .lg-cookie-notice__close:hover {
424    color: #ffffff;
425    background: #55718a;
426  }
427  .lg-cookie-notice__body {
428    display: flex;
429    align-items: center;
430    gap: 12px;
431    padding-right: 32px;
432  }
433  .lg-cookie-notice__text {
434    flex: 1 1 auto;
435    margin: 0;
436    font-size: 12.5px;
437    line-height: 1.4;
438    min-width: 0;
439    color: rgba(248, 251, 255, 0.92);
440  }
441  .lg-cookie-notice__text a {
442    color: #f7fbff;
443    text-decoration: underline;
444    text-underline-offset: 2px;
445  }
446  .lg-cookie-notice__actions {
447    display: flex;
448    align-items: center;
449    flex: 0 0 auto;
450  }
451  .lg-cookie-notice__button {
452    min-width: 96px;
453    min-height: 34px;
454    padding: 0 14px;
455    border: 0;
456    border-radius: 10px;
457    background: #2a4a71;
458    color: #ffffff;
459    font-size: 13px;
460    font-weight: 600;
461    cursor: pointer;
462    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
463    box-shadow: 0 6px 14px rgba(25, 43, 67, 0.12);
464  }
465  .lg-cookie-notice__button:hover {
466    transform: translateY(-1px);
467    background: #32567f;
468    box-shadow: 0 8px 16px rgba(25, 43, 67, 0.14);
469  }
470  .lg-cookie-notice__button:active {
471    transform: translateY(0);
472  }
473  @media (max-width: 767px) {
474    .lg-cookie-notice {
475      right: 12px;
476      bottom: 12px;
477      width: calc(100vw - 24px);
478      padding: 14px 14px 14px;
479      border-radius: 14px;
480    }
481    .lg-cookie-notice__body {
482      display: block;
483      padding-right: 24px;
484    }
485    .lg-cookie-notice__text {
486      font-size: 12.5px;
487      line-height: 1.45;
488    }
489    .lg-cookie-notice__actions {
490      display: block;
491      margin-top: 12px;
492    }
493    .lg-cookie-notice__button {
494      width: 100%;
495      min-width: 0;
496    }
497  }
498</style>
499
500</head>
501
502<body>
503  <div class="root">
504
505
506    <header class="header" data-header>
507      <div class="container">
508        <div class="header__wrap">
509          <div class="header__content">
510            <div class="header__hamburger">
511              <button type="button" class="hamburger" data-nav-toggle>
512                <span></span>
513              </button>
514            </div><!-- .header__hamburger -->
515            <a href="/" class="header__logo">
516              <img src="img/logo.svg" class="img-fluid" alt="">
517            </a><!-- .header__logo -->
518            <nav class="header__nav">
519              <ul class="header__menu">
520                <li class="header__menu__item">
521                  <a href="/partners/" class="header__menu__link">
522                    <span>Зарабатывайте с нами</span>
523                  </a>
524                </li>
525                <li class="header__menu__item">
526                  <a href="/plans/" class="header__menu__link">
527                    <span>Тарифы</span>
528                  </a>
529                </li>
530                <li class="header__menu__item">
531                  <a href="/blog/" class="header__menu__link">
532                    <span>Блог</span>
533                  </a>
534                </li>
535              </ul>
536              <div class="header__nav__button">
537                <a href="https://app.leadgenic.ru/account/login" class="btn btn-border w-100">
538                  <span>Войти</span>
539                </a>
540              </div>
541            </nav><!-- .header__nav -->
542          </div>
543          <div class="header__buttons">
544            <div class="header__button">
545              <button type="button" class="btn btn--point btn-orange btn-sm btn-connect">
546                <span>Попробовать сервис<span class="d-inline-lg"> бесплатно</span>
547                </span>
548              </button>
549            </div>
550            <div class="header__button header__button--sm">
551              <a href="https://app.leadgenic.ru/account/login" class="btn btn-border btn-sm">
552                <span>Войти</span>
553              </a>
554            </div>
555          </div><!-- .header__buttons -->
556        </div>
557      </div>
558    </header><!-- .header -->
559
560
561
562
563
564    <div class="page">
565      <div class="container">
566
567        <section class="starting">
568          <div class="starting__header">
569            Конвертируйте до 300% больше
570посетителей сайта в клиентов
571<span>с виджетами LeadGenic</span>
572          </div>
573          <div class="starting__text">LeadGenic помогает повысить конверсию сайта или интернет-магазина
574до <b>300%</b>, за счет создания таргетированных виджетов и показа
575различным сегментам вашей целевой аудитории, адаптированных
576под их интересы, ценностных предложений.</div>
577          <div class="starting__lead" style="font-size: .94rem; line-height: 1.3rem;">Посетители видят предложения, отражающие конкретно их потребности<br>и <b>совершают
578больше целевых действий:</b> оставляют заявки, делятся в социальных сетях,<br>
579подписываются на новости, регистрируются или совершают покупку.</div>
580          <div class="starting__content">
581            <div class="starting__advantage">
582              <div class="starting__advantage__item">
583                <div class="starting__advantage__icon">
584                  <svg class="ico-svg" viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg">
585                    <use xlink:href="img/sprites/sprite.svg#check" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
586                  </svg>
587                </div>
588                <div class="starting__advantage__text">Можно попробовать бесплатно</div>
589              </div>
590              <div class="starting__advantage__item">
591                <div class="starting__advantage__icon">
592                  <svg class="ico-svg" viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg">
593                    <use xlink:href="img/sprites/sprite.svg#check" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
594                  </svg>
595                </div>
596                <div class="starting__advantage__text">Легко установить и настроить</div>
597              </div>
598              <div class="starting__advantage__item">
599                <div class="starting__advantage__icon">
600                  <svg class="ico-svg" viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg">
601                    <use xlink:href="img/sprites/sprite.svg#check" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
602                  </svg>
603                </div>
604                <div class="starting__advantage__text" style="z-index: 11;">Работает на любом сайте</div>
605              </div>
606            </div><!-- .starting__advantage -->
607            <div class="starting__users">
608              <div class="starting-users">
609                <div class="starting-users__media">
610                  <div class="starting-users__photo">
611                    <picture>
612                      <source srcset="img/content/starting_user_01.webp" type="image/webp">
613                      <img src="img/content/starting_user_01.png" class="img-fluid" alt="">
614                    </picture>
615                  </div>
616                  <div class="starting-users__photo">
617                    <picture>
618                      <source srcset="img/content/starting_user_02.webp" type="image/webp">
619                      <img src="img/content/starting_user_02.png" class="img-fluid" alt="">
620                    </picture>
621                  </div>
622                  <div class="starting-users__photo">
623                    <picture>
624                      <source srcset="img/content/starting_user_03.webp" type="image/webp">
625                      <img src="img/content/starting_user_03.png" class="img-fluid" alt="">
626                    </picture>
627                  </div>
628                </div>
629                <div class="starting-users__content">
630                  <div class="starting-users__rating">
631                    <div class="starting-users__star">
632                      <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
633                        <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
634                      </svg>
635                    </div>
636                    <div class="starting-users__star">
637                      <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
638                        <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
639                      </svg>
640                    </div>
641                    <div class="starting-users__star">
642                      <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
643                        <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
644                      </svg>
645                    </div>
646                    <div class="starting-users__star">
647                      <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
648                        <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
649                      </svg>
650                    </div>
651                    <div class="starting-users__star">
652                      <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
653                        <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
654                      </svg>
655                    </div>
656                  </div>
657                  <div class="starting-users__text">
658                    Сервис уже работает<br>на более <b>3470</b> сайтов.
659<b>Присоединяйтесь!</b>
660                  </div>
661                </div>
662              </div>
663            </div>
664            <div class="starting__button">
665              <button type="button" class="btn btn-orange btn-connect">
666                <span>Начать сейчас</span>
667              </button>
668            </div>
669            <div class="starting__form">
670              <div class="form-block" data-form>
671
672                         </div>
673            </div>
674          </div><!-- .starting__content -->
675          <div class="starting__media">
676            <div class="starting__image">
677              <picture>
678                <source srcset="img/primary_image__01.webp" type="image/webp">
679                <img src="img/primary_image__01.png" class="img-fluid" alt="">
680              </picture>
681            </div>
682            <div class="starting__widget">
683              <picture>
684                <source srcset="img/primary_widget.webp" type="image/webp">
685                <img src="img/primary_widget.png" class="img-fluid" alt="">
686              </picture>
687            </div>
688            <div class="starting__pattern">
689              <img src="img/starting_pattern.svg" class="img-fluid" alt="">
690            </div>
691          </div><!-- .starting__media -->
692          <div class="starting__profit">
693            <div class="starting__profit__label">Заработано с LeadGenic</div>
694            <div class="starting__profit__value">1 279 700 ₽ <span class="color-green">+7.3%</span>
695            </div>
696          </div><!-- .starting__profit -->
697          <div class="starting__result">
698            <div class="starting__result__header">Результаты:</div>
699            <div class="starting-result">
700              <div class="starting-result__title">Квиз для новых посетителей</div>
701              <div class="starting-result__footer">
702                <div class="starting-result__label">184 заявки</div>
703                <div class="starting-result__value">+14.9%</div>
704              </div>
705            </div><!-- .starting-result -->
706            <div class="starting-result">
707              <div class="starting-result__title">Виджет с акцией в Telegram</div>
708              <div class="starting-result__footer">
709                <div class="starting-result__label">319
710                  <br />подписчиков
711                </div>
712                <div class="starting-result__value">+8.3%</div>
713              </div>
714            </div><!-- .starting-result -->
715            <div class="starting-result">
716              <div class="starting-result__title">Купон для уходящих посетителей</div>
717              <div class="starting-result__footer">
718                <div class="starting-result__label">217 email
719                  <br />подписчиков
720                </div>
721                <div class="starting-result__value">+10.7%</div>
722              </div>
723            </div><!-- .starting-result -->
724            <div class="starting-result">
725              <div class="starting-result__title">Предотвращение попытки бросить корзину</div>
726              <div class="starting-result__footer">
727                <div class="starting-result__label">614 700 ₽
728                  <br />дополнительно
729                  <br />заказов
730                </div>
731                <div class="starting-result__value">+3.5%</div>
732              </div>
733            </div><!-- .starting-result -->
734          </div><!-- .starting__result -->
735        </section><!-- .starting -->
736
737        <section class="vendors">
738          <div class="vendors__main">
739            <div class="vendors__item">
740              <picture>
741                <source srcset="img/logos/logo__01.webp" type="image/webp">
742                <img src="img/logos/logo__01.png" class="ico-svg" alt="">
743              </picture>
744            </div>
745            <div class="vendors__item">
746              <picture>
747                <source srcset="img/logos/logo__02.webp" type="image/webp">
748                <img src="img/logos/logo__02.png" class="ico-svg" alt="">
749              </picture>
750            </div>
751            <div class="vendors__item">
752              <picture>
753                <source srcset="img/logos/logo__03.webp" type="image/webp">
754                <img src="img/logos/logo__03.png" class="ico-svg" alt="">
755              </picture>
756            </div>
757            <div class="vendors__item">
758              <picture>
759                <source srcset="img/logos/logo__04.webp" type="image/webp">
760                <img src="img/logos/logo__04.png" class="ico-svg" alt="">
761              </picture>
762            </div>
763            <div class="vendors__item">
764              <picture>
765                <source srcset="img/logos/logo__05.webp" type="image/webp">
766                <img src="img/logos/logo__05.png" class="ico-svg" alt="">
767              </picture>
768            </div>
769            <div class="vendors__item">
770              <picture>
771                <source srcset="img/logos/logo__06.webp" type="image/webp">
772                <img src="img/logos/logo__06.png" class="ico-svg" alt="">
773              </picture>
774            </div>
775            <div class="vendors__item">
776              <picture>
777                <source srcset="img/logos/logo__07.webp" type="image/webp">
778                <img src="img/logos/logo__07.png" class="ico-svg" alt="">
779              </picture>
780            </div>
781            <div class="vendors__item">
782              <picture>
783                <source srcset="img/logos/logo__08.webp" type="image/webp">
784                <img src="img/logos/logo__08.png" class="ico-svg" alt="">
785              </picture>
786            </div>
787            <div class="vendors__item">
788              <picture>
789                <source srcset="img/logos/logo__09.webp" type="image/webp">
790                <img src="img/logos/logo__09.png" class="ico-svg" alt="">
791              </picture>
792            </div>
793            <div class="vendors__item">
794              <picture>
795                <source srcset="img/logos/logo__10.webp" type="image/webp">
796                <img src="img/logos/logo__10.png" class="ico-svg" alt="">
797              </picture>
798            </div>
799          </div>
800        </section><!-- .vendors -->
801
802
803        <div header-sticky></div>
804
805        <section class="cases" data-cases>
806          <div class="cases__header">Получайте впечатляющие результаты
807            <br />с минимумом усилий
808          </div><!-- .cases__header -->
809          <div class="cases__text">Какая бы задача ни стояла перед вами, с LeadGenic вы создадите эффективное решение за считанные минуты</div><!-- .cases__text -->
810          <div class="cases__main">
811            <div class="case active" data-case>
812              <div class="case__header" data-case-header>
813                <div class="case__icon">
814                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
815                    <use xlink:href="img/sprites/sprite.svg#case_icon__01" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
816                  </svg>
817                </div>
818                <div class="case__title">Получайте больше заявок с сайта с помощью квизов и лид-форм</div>
819                <div class="case__arrow">
820                  <i>
821                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
822                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
823                    </svg>
824                  </i>
825                </div>
826              </div><!-- .case -->
827              <div class="case__body" data-case-body>
828                <div class="case__wrap">
829                  <div class="case__window">
830                    <div class="case__top">
831                      <i></i>
832                      <i></i>
833                      <i></i>
834                    </div>
835                    <div class="case__content">
836                      <div class="case__mobile">
837                        <div class="swiper" data-case-slider>
838                          <div class="swiper-wrapper">
839                            <div class="swiper-slide">
840                              <div class="case-sm">
841                                <picture>
842                                  <source srcset="img/cases/case__01.webp" type="image/webp">
843                                  <img src="img/cases/case__01.jpg" width="325" height="157" class="img-contain" alt="">
844                                </picture>
845                              </div>
846                            </div>
847                            <div class="swiper-slide">
848                              <div class="case-sm">
849                                <picture>
850                                  <source srcset="img/cases/case__02.webp" type="image/webp">
851                                  <img src="img/cases/case__02.jpg" width="310" height="176" class="img-contain" alt="">
852                                </picture>
853                              </div>
854                            </div>
855                            <div class="swiper-slide">
856                              <div class="case-sm">
857                                <picture>
858                                  <source srcset="img/cases/case__03.webp" type="image/webp">
859                                  <img src="img/cases/case__03.jpg" width="209" height="197" class="img-contain" alt="">
860                                </picture>
861                              </div>
862                            </div>
863                            <div class="swiper-slide">
864                              <div class="case-sm">
865                                <picture>
866                                  <source srcset="img/cases/case__04.webp" type="image/webp">
867                                  <img src="img/cases/case__04.jpg" width="306" height="162" class="img-contain" alt="">
868                                </picture>
869                              </div>
870                            </div>
871                            <div class="swiper-slide">
872                              <div class="case-sm">
873                                <picture>
874                                  <source srcset="img/cases/case__05.webp" type="image/webp">
875                                  <img src="img/cases/case__05.jpg" width="245" height="147" class="img-contain" alt="">
876                                </picture>
877                              </div>
878                            </div>
879                          </div>
880                          <div class="swiper-pagination" data-case-slider-pagination></div>
881                        </div>
882                      </div><!-- .case__mobile -->
883                      <div class="case__desktop" data-case-gallery>
884                        <div class="case-item active" data-case-item>
885                          <picture>
886                            <source srcset="img/cases/case__01.webp" type="image/webp">
887                            <img src="img/cases/case__01.jpg" width="325" height="157" alt="">
888                          </picture>
889                        </div>
890                        <div class="case-item" data-case-item style="top: 0; left: 0">
891                          <picture>
892                            <source srcset="img/cases/case__02.webp" type="image/webp">
893                            <img src="img/cases/case__02.jpg" width="300" height="170" alt="">
894                          </picture>
895                        </div>
896                        <div class="case-item" data-case-item style="top: 0; right: 0">
897                          <picture>
898                            <source srcset="img/cases/case__03.webp" type="image/webp">
899                            <img src="img/cases/case__03.jpg" width="209" height="197" alt="">
900                          </picture>
901                        </div>
902                        <div class="case-item" data-case-item style="bottom: 0; left: 0">
903                          <picture>
904                            <source srcset="img/cases/case__04.webp" type="image/webp">
905                            <img src="img/cases/case__04.jpg" width="306" height="162" alt="">
906                          </picture>
907                        </div>
908                        <div class="case-item" data-case-item style="bottom: 0; right: 0">
909                          <picture>
910                            <source srcset="img/cases/case__05.webp" type="image/webp">
911                            <img src="img/cases/case__05.jpg" width="245" height="147" alt="">
912                          </picture>
913                        </div>
914                      </div><!-- .case__desktop -->
915                      <div class="case__help">
916                        <div class="case__help__icon">
917                          <img src="img/hand.svg" class="img-fluid" alt="">
918                        </div>
919                        <div class="case__help__text">Кликайте по изображениям, чтобы посмотреть примеры виджетов
920                        </div>
921                      </div><!-- .case__help -->
922                    </div>
923                  </div>
924                  <div class="case__button">
925                    <button type="button" class="btn btn-orange data-connect">
926                      <span>Создать такой виджет для своего сайта</span>
927                    </button><!-- .cases__button -->
928                  </div>
929                </div>
930              </div><!-- .case__body -->
931            </div><!-- .case -->
932            <div class="case" data-case>
933              <div class="case__header" data-case-header>
934                <div class="case__icon">
935                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
936                    <use xlink:href="img/sprites/sprite.svg#case_icon__02" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
937                  </svg>
938                </div>
939                <div class="case__title">Сократите количество брошенных корзин</div>
940                <div class="case__arrow">
941                  <i>
942                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
943                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
944                    </svg>
945                  </i>
946                </div>
947              </div><!-- .case -->
948              <div class="case__body" data-case-body>
949                <div class="case__wrap">
950                  <div class="case__window">
951                    <div class="case__top">
952                      <i></i>
953                      <i></i>
954                      <i></i>
955                    </div>
956                    <div class="case__content">
957                      <div class="case__mobile">
958                        <div class="swiper" data-case-slider>
959                          <div class="swiper-wrapper">
960                            <div class="swiper-slide">
961                              <div class="case-sm">
962                                <picture>
963                                  <source srcset="img/cases/case__06.webp" type="image/webp">
964                                  <img src="img/cases/case__06.png" width="300" height="110" class="img-contain" alt="">
965                                </picture>
966                              </div>
967                            </div>
968                            <div class="swiper-slide">
969                              <div class="case-sm">
970                                <picture>
971                                  <source srcset="img/cases/case__07.webp" type="image/webp">
972                                  <img src="img/cases/case__07.jpg" width="297" height="241" class="img-contain" alt="">
973                                </picture>
974                              </div>
975                            </div>
976                            <div class="swiper-slide">
977                              <div class="case-sm">
978                                <picture>
979                                  <source srcset="img/cases/case__08.webp" type="image/webp">
980                                  <img src="img/cases/case__08.jpg" width="300" height="144" class="img-contain" alt="">
981                                </picture>
982                              </div>
983                            </div>
984                            <div class="swiper-slide">
985                              <div class="case-sm">
986                                <picture>
987                                  <source srcset="img/cases/case__09.webp" type="image/webp">
988                                  <img src="img/cases/case__09.jpg" width="300" height="86" class="img-contain" alt="">
989                                </picture>
990                              </div>
991                            </div>
992                            <div class="swiper-slide">
993                              <div class="case-sm">
994                                <picture>
995                                  <source srcset="img/cases/case__10.webp" type="image/webp">
996                                  <img src="img/cases/case__10.jpg" width="300" height="274" class="img-contain" alt="">
997                                </picture>
998                              </div>
999                            </div>
1000                          </div>
1001                          <div class="swiper-pagination" data-case-slider-pagination></div>
1002                        </div>
1003                      </div><!-- .case__mobile -->
1004                      <div class="case__desktop" data-case-gallery>
1005                        <div class="case-item active" data-case-item>
1006                          <picture>
1007                            <source srcset="img/cases/case__06.webp" type="image/webp">
1008                            <img src="img/cases/case__06.png" width="300" height="110" alt="">
1009                          </picture>
1010                        </div>
1011                        <div class="case-item" data-case-item style="top: 0; left: 0">
1012                          <picture>
1013                            <source srcset="img/cases/case__07.webp" type="image/webp">
1014                            <img src="img/cases/case__07.jpg" width="297" height="241" alt="">
1015                          </picture>
1016                        </div>
1017                        <div class="case-item" data-case-item style="top: 0; right: 0">
1018                          <picture>
1019                            <source srcset="img/cases/case__08.webp" type="image/webp">
1020                            <img src="img/cases/case__08.jpg" width="300" height="144" alt="">
1021                          </picture>
1022                        </div>
1023                        <div class="case-item" data-case-item style="bottom: 0; left: 0">
1024                          <picture>
1025                            <source srcset="img/cases/case__09.webp" type="image/webp">
1026                            <img src="img/cases/case__09.jpg" width="300" height="86" alt="">
1027                          </picture>
1028                        </div>
1029                        <div class="case-item" data-case-item style="bottom: 0; right: 0">
1030                          <picture>
1031                            <source srcset="img/cases/case__10.webp" type="image/webp">
1032                            <img src="img/cases/case__10.jpg" width="300" height="274" alt="">
1033                          </picture>
1034                        </div>
1035                      </div><!-- .case__desktop -->
1036                      <div class="case__help">
1037                        <div class="case__help__icon">
1038                          <img src="img/hand.svg" class="img-fluid" alt="">
1039                        </div>
1040                        <div class="case__help__text">Кликайте по изображениям, чтобы посмотреть примеры виджетов</div>
1041                      </div><!-- .case__help -->
1042                    </div>
1043                  </div>
1044                  <div class="case__button">
1045                    <button type="button" class="btn btn-orange data-connect">
1046                      <span>Создать такой виджет для своего сайта</span>
1047                    </button><!-- .cases__button -->
1048                  </div>
1049                </div>
1050              </div><!-- .case__body -->
1051            </div><!-- .case -->
1052            <div class="case" data-case>
1053              <div class="case__header" data-case-header>
1054                <div class="case__icon">
1055                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
1056                    <use xlink:href="img/sprites/sprite.svg#case_icon__03" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1057                  </svg>
1058                </div>
1059                <div class="case__title">Узнайте почему клиенты уходят без покупки и останавливайте их</div>
1060                <div class="case__arrow">
1061                  <i>
1062                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
1063                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1064                    </svg>
1065                  </i>
1066                </div>
1067              </div><!-- .case -->
1068              <div class="case__body" data-case-body>
1069                <div class="case__wrap">
1070                  <div class="case__window">
1071                    <div class="case__top">
1072                      <i></i>
1073                      <i></i>
1074                      <i></i>
1075                    </div>
1076                    <div class="case__content">
1077                      <div class="case__mobile">
1078                        <div class="swiper" data-case-slider>
1079                          <div class="swiper-wrapper">
1080                            <div class="swiper-slide">
1081                              <div class="case-sm">
1082                                <picture>
1083                                  <source srcset="img/cases/case__11.webp" type="image/webp">
1084                                  <img src="img/cases/case__11.jpg" width="250" height="230" class="img-contain" alt="">
1085                                </picture>
1086                              </div>
1087                            </div>
1088                            <div class="swiper-slide">
1089                              <div class="case-sm">
1090                                <picture>
1091                                  <source srcset="img/cases/case__15.webp" type="image/webp">
1092                                  <img src="img/cases/case__15.jpg" width="253" height="230" class="img-contain" alt="">
1093                                </picture>
1094                              </div>
1095                            </div>
1096                            <div class="swiper-slide">
1097                              <div class="case-sm">
1098                                <picture>
1099                                  <source srcset="img/cases/case__13.webp" type="image/webp">
1100                                  <img src="img/cases/case__13.jpg" width="300" height="110" class="img-contain" alt="">
1101                                </picture>
1102                              </div>
1103                            </div>
1104                            <div class="swiper-slide">
1105                              <div class="case-sm">
1106                                <picture>
1107                                  <source srcset="img/cases/case__16.webp" type="image/webp">
1108                                  <img src="img/cases/case__16.jpg" width="300" height="93" class="img-contain" alt="">
1109                                </picture>
1110                              </div>
1111                            </div>
1112                            <div class="swiper-slide">
1113                              <div class="case-sm">
1114                                <picture>
1115                                  <source srcset="img/cases/case__12.webp" type="image/webp">
1116                                  <img src="img/cases/case__12.jpg" width="281" height="230" class="img-contain" alt="">
1117                                </picture>
1118                              </div>
1119                            </div>
1120                          </div>
1121                          <div class="swiper-pagination" data-case-slider-pagination></div>
1122                        </div>
1123                      </div><!-- .case__mobile -->
1124                      <div class="case__desktop" data-case-gallery>
1125                        <div class="case-item active" data-case-item>
1126                          <picture>
1127                            <source srcset="img/cases/case__11.webp" type="image/webp">
1128                            <img src="img/cases/case__11.jpg" width="250" height="230" alt="">
1129                          </picture>
1130                        </div>
1131                        <div class="case-item" data-case-item style="top: 0; left: 0">
1132                          <picture>
1133                            <source srcset="img/cases/case__15.webp" type="image/webp">
1134                            <img src="img/cases/case__15.jpg" width="253" height="230" alt="">
1135                          </picture>
1136                        </div>
1137                        <div class="case-item" data-case-item style="top: 0; right: 0">
1138                          <picture>
1139                            <source srcset="img/cases/case__13.webp" type="image/webp">
1140                            <img src="img/cases/case__13.jpg" width="300" height="110" alt="">
1141                          </picture>
1142                        </div>
1143                        <div class="case-item" data-case-item style="bottom: 0; left: 0">
1144                          <picture>
1145                            <source srcset="img/cases/case__16.webp" type="image/webp">
1146                            <img src="img/cases/case__16.jpg" width="300" height="93" alt="">
1147                          </picture>
1148                        </div>
1149                        <div class="case-item" data-case-item style="bottom: 0; right: 0">
1150                          <picture>
1151                            <source srcset="img/cases/case__12.webp" type="image/webp">
1152                            <img src="img/cases/case__12.jpg" width="281" height="230" alt="">
1153                          </picture>
1154                        </div>
1155                      </div><!-- .case__desktop -->
1156                      <div class="case__help">
1157                        <div class="case__help__icon">
1158                          <img src="img/hand.svg" class="img-fluid" alt="">
1159                        </div>
1160                        <div class="case__help__text">Кликайте по изображениям, чтобы посмотреть примеры виджетов</div>
1161                      </div><!-- .case__help -->
1162                    </div>
1163                  </div>
1164                  <div class="case__button">
1165                    <button type="button" class="btn btn-orange data-connect">
1166                      <span>Создать такой виджет для своего сайта</span>
1167                    </button><!-- .cases__button -->
1168                  </div>
1169                </div>
1170              </div><!-- .case__body -->
1171            </div><!-- .case -->
1172            <div class="case" data-case>
1173              <div class="case__header" data-case-header>
1174                <div class="case__icon">
1175                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
1176                    <use xlink:href="img/sprites/sprite.svg#case_icon__04" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1177                  </svg>
1178                </div>
1179                <div class="case__title">Направляйте посетителей в мессенджеры и соц. сети</div>
1180                <div class="case__arrow">
1181                  <i>
1182                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
1183                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1184                    </svg>
1185                  </i>
1186                </div>
1187              </div><!-- .case -->
1188              <div class="case__body" data-case-body>
1189                <div class="case__wrap">
1190                  <div class="case__window">
1191                    <div class="case__top">
1192                      <i></i>
1193                      <i></i>
1194                      <i></i>
1195                    </div>
1196                    <div class="case__content">
1197                      <div class="case__mobile">
1198                        <div class="swiper" data-case-slider>
1199                          <div class="swiper-wrapper">
1200                            <div class="swiper-slide">
1201                              <div class="case-sm">
1202                                <picture>
1203                                  <source srcset="img/cases/case__17.webp" type="image/webp">
1204                                  <img src="img/cases/case__17.jpg" width="380" height="150" class="img-contain" alt="">
1205                                </picture>
1206                              </div>
1207                            </div>
1208                            <div class="swiper-slide">
1209                              <div class="case-sm">
1210                                <picture>
1211                                  <source srcset="img/cases/case__18.webp" type="image/webp">
1212                                  <img src="img/cases/case__18.jpg" width="200" height="246" class="img-contain" alt="">
1213                                </picture>
1214                              </div>
1215                            </div>
1216                            <div class="swiper-slide">
1217                              <div class="case-sm">
1218                                <picture>
1219                                  <source srcset="img/cases/case__19.webp" type="image/webp">
1220                                  <img src="img/cases/case__19.jpg" width="350" height="133" class="img-contain" alt="">
1221                                </picture>
1222                              </div>
1223                            </div>
1224                            <div class="swiper-slide">
1225                              <div class="case-sm">
1226                                <picture>
1227                                  <source srcset="img/cases/case__21.webp" type="image/webp">
1228                                  <img src="img/cases/case__21.jpg" width="251" height="90" class="img-contain" alt="">
1229                                </picture>
1230                              </div>
1231                            </div>
1232                            <div class="swiper-slide">
1233                              <div class="case-sm">
1234                                <picture>
1235                                  <source srcset="img/cases/case__20.webp" type="image/webp">
1236                                  <img src="img/cases/case__20.jpg" width="157" height="225" class="img-contain" alt="">
1237                                </picture>
1238                              </div>
1239                            </div>
1240                          </div>
1241                          <div class="swiper-pagination" data-case-slider-pagination></div>
1242                        </div>
1243                      </div><!-- .case__mobile -->
1244                      <div class="case__desktop" data-case-gallery>
1245                        <div class="case-item active" data-case-item>
1246                          <picture>
1247                            <source srcset="img/cases/case__17.webp" type="image/webp">
1248                            <img src="img/cases/case__17.jpg" width="380" height="150" alt="">
1249                          </picture>
1250                        </div>
1251                        <div class="case-item" data-case-item style="top: 0; left: 0">
1252                          <picture>
1253                            <source srcset="img/cases/case__18.webp" type="image/webp">
1254                            <img src="img/cases/case__18.jpg" width="200" height="246" alt="">
1255                          </picture>
1256                        </div>
1257                        <div class="case-item" data-case-item style="top: 0; right: 0">
1258                          <picture>
1259                            <source srcset="img/cases/case__19.webp" type="image/webp">
1260                            <img src="img/cases/case__19.jpg" width="350" height="133" alt="">
1261                          </picture>
1262                        </div>
1263                        <div class="case-item" data-case-item style="bottom: 0; left: 0">
1264                          <picture>
1265                            <source srcset="img/cases/case__21.webp" type="image/webp">
1266                            <img src="img/cases/case__21.jpg" width="251" height="90" alt="">
1267                          </picture>
1268                        </div>
1269                        <div class="case-item" data-case-item style="bottom: 0; right: 0">
1270                          <picture>
1271                            <source srcset="img/cases/case__20.webp" type="image/webp">
1272                            <img src="img/cases/case__20.jpg" width="157" height="225" alt="">
1273                          </picture>
1274                        </div>
1275                      </div><!-- .case__desktop -->
1276                      <div class="case__help">
1277                        <div class="case__help__icon">
1278                          <img src="img/hand.svg" class="img-fluid" alt="">
1279                        </div>
1280                        <div class="case__help__text">Кликайте по изображениям, чтобы посмотреть примеры виджетов</div>
1281                      </div><!-- .case__help -->
1282                    </div>
1283                  </div>
1284                  <div class="case__button">
1285                    <button type="button" class="btn btn-orange data-connect">
1286                      <span>Создать такой виджет для своего сайта</span>
1287                    </button><!-- .cases__button -->
1288                  </div>
1289                </div>
1290              </div><!-- .case__body -->
1291            </div><!-- .case -->
1292            <div class="case" data-case>
1293              <div class="case__header" data-case-header>
1294                <div class="case__icon">
1295                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
1296                    <use xlink:href="img/sprites/sprite.svg#case_icon__05" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1297                  </svg>
1298                </div>
1299                <div class="case__title">Проводите опросы и собирайте обратную связь</div>
1300                <div class="case__arrow">
1301                  <i>
1302                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
1303                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1304                    </svg>
1305                  </i>
1306                </div>
1307              </div><!-- .case -->
1308              <div class="case__body" data-case-body>
1309                <div class="case__wrap">
1310                  <div class="case__window">
1311                    <div class="case__top">
1312                      <i></i>
1313                      <i></i>
1314                      <i></i>
1315                    </div>
1316                    <div class="case__content">
1317                      <div class="case__mobile">
1318                        <div class="swiper" data-case-slider>
1319                          <div class="swiper-wrapper">
1320                            <div class="swiper-slide">
1321                              <div class="case-sm">
1322                                <picture>
1323                                  <source srcset="img/cases/case_22.webp" type="image/webp">
1324                                  <img src="img/cases/case__22.jpg" width="340" height="222" class="img-contain" alt="">
1325                                </picture>
1326                              </div>
1327                            </div>
1328                            <div class="swiper-slide">
1329                              <div class="case-sm">
1330                                <picture>
1331                                  <source srcset="img/cases/case__23.webp" type="image/webp">
1332                                  <img src="img/cases/case__23.jpg" width="180" height="240" class="img-contain" alt="">
1333                                </picture>
1334                              </div>
1335                            </div>
1336                            <div class="swiper-slide">
1337                              <div class="case-sm">
1338                                <picture>
1339                                  <source srcset="img/cases/case__24.webp" type="image/webp">
1340                                  <img src="img/cases/case__24.jpg" width="185" height="240" class="img-contain" alt="">
1341                                </picture>
1342                              </div>
1343                            </div>
1344                            <div class="swiper-slide">
1345                              <div class="case-sm">
1346                                <picture>
1347                                  <source srcset="img/cases/case__25.webp" type="image/webp">
1348                                  <img src="img/cases/case__25.jpg" width="313" height="95" class="img-contain" alt="">
1349                                </picture>
1350                              </div>
1351                            </div>
1352                            <div class="swiper-slide">
1353                              <div class="case-sm">
1354                                <picture>
1355                                  <source srcset="img/cases/case__26.webp" type="image/webp">
1356                                  <img src="img/cases/case__26.jpg" width="205" height="100" class="img-contain" alt="">
1357                                </picture>
1358                              </div>
1359                            </div>
1360                          </div>
1361                          <div class="swiper-pagination" data-case-slider-pagination></div>
1362                        </div>
1363                      </div><!-- .case__mobile -->
1364                      <div class="case__desktop" data-case-gallery>
1365                        <div class="case-item active" data-case-item>
1366                          <picture>
1367                            <source srcset="img/cases/case__22.webp" type="image/webp">
1368                            <img src="img/cases/case__22.jpg" width="340" height="222" alt="">
1369                          </picture>
1370                        </div>
1371                        <div class="case-item" data-case-item style="top: 0; left: 0">
1372                          <picture>
1373                            <source srcset="img/cases/case__23.webp" type="image/webp">
1374                            <img src="img/cases/case__23.jpg" width="180" height="240" alt="">
1375                          </picture>
1376                        </div>
1377                        <div class="case-item" data-case-item style="top: 0; right: 0">
1378                          <picture>
1379                            <source srcset="img/cases/case__24.webp" type="image/webp">
1380                            <img src="img/cases/case__24.jpg" width="185" height="240" alt="">
1381                          </picture>
1382                        </div>
1383                        <div class="case-item" data-case-item style="bottom: 0; left: 0">
1384                          <picture>
1385                            <source srcset="img/cases/case__25.webp" type="image/webp">
1386                            <img src="img/cases/case__25.jpg" width="313" height="95" alt="">
1387                          </picture>
1388                        </div>
1389                        <div class="case-item" data-case-item style="bottom: 0; right: 0">
1390                          <picture>
1391                            <source srcset="img/cases/case__26.webp" type="image/webp">
1392                            <img src="img/cases/case__26.jpg" width="205" height="100" alt="">
1393                          </picture>
1394                        </div>
1395                      </div><!-- .case__desktop -->
1396                      <div class="case__help">
1397                        <div class="case__help__icon">
1398                          <img src="img/hand.svg" class="img-fluid" alt="">
1399                        </div>
1400                        <div class="case__help__text">Кликайте по изображениям, чтобы посмотреть примеры виджетов</div>
1401                      </div><!-- .case__help -->
1402                    </div>
1403                  </div>
1404                  <div class="case__button">
1405                    <button type="button" class="btn btn-orange data-connect">
1406                      <span>Создать такой виджет для своего сайта</span>
1407                    </button><!-- .cases__button -->
1408                  </div>
1409                </div>
1410              </div><!-- .case__body -->
1411            </div><!-- .case -->
1412            <div class="case" data-case>
1413              <div class="case__header" data-case-header>
1414                <div class="case__icon">
1415                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
1416                    <use xlink:href="img/sprites/sprite.svg#case_icon__06" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1417                  </svg>
1418                </div>
1419                <div class="case__title">Собирайте email адреса и увеличивайте базу подписчиков</div>
1420                <div class="case__arrow">
1421                  <i>
1422                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
1423                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1424                    </svg>
1425                  </i>
1426                </div>
1427              </div><!-- .case -->
1428              <div class="case__body" data-case-body>
1429                <div class="case__wrap">
1430                  <div class="case__window">
1431                    <div class="case__top">
1432                      <i></i>
1433                      <i></i>
1434                      <i></i>
1435                    </div>
1436                    <div class="case__content">
1437                      <div class="case__mobile">
1438                        <div class="swiper" data-case-slider>
1439                          <div class="swiper-wrapper">
1440                            <div class="swiper-slide">
1441                              <div class="case-sm">
1442                                <picture>
1443                                  <source srcset="img/cases/case__27.webp" type="image/webp">
1444                                  <img src="img/cases/case__27.jpg" width="350" height="165" class="img-contain" alt="">
1445                                </picture>
1446                              </div>
1447                            </div>
1448                            <div class="swiper-slide">
1449                              <div class="case-sm">
1450                                <picture>
1451                                  <source srcset="img/cases/case__28.webp" type="image/webp">
1452                                  <img src="img/cases/case__28.jpg" width="193" height="250" class="img-contain" alt="">
1453                                </picture>
1454                              </div>
1455                            </div>
1456                            <div class="swiper-slide">
1457                              <div class="case-sm">
1458                                <picture>
1459                                  <source srcset="img/cases/case__30.webp" type="image/webp">
1460                                  <img src="img/cases/case__30.jpg" width="258" height="120" class="img-contain" alt="">
1461                                </picture>
1462                              </div>
1463                            </div>
1464                            <div class="swiper-slide">
1465                              <div class="case-sm">
1466                                <picture>
1467                                  <source srcset="img/cases/case__29.webp" type="image/webp">
1468                                  <img src="img/cases/case__29.jpg" width="350" height="85" class="img-contain" alt="">
1469                                </picture>
1470                              </div>
1471                            </div>
1472                            <div class="swiper-slide">
1473                              <div class="case-sm">
1474                                <picture>
1475                                  <source srcset="img/cases/case__31.webp" type="image/webp">
1476                                  <img src="img/cases/case__31.jpg" width="154" height="220" class="img-contain" alt="">
1477                                </picture>
1478                              </div>
1479                            </div>
1480                          </div>
1481                          <div class="swiper-pagination" data-case-slider-pagination></div>
1482                        </div>
1483                      </div><!-- .case__mobile -->
1484                      <div class="case__desktop" data-case-gallery>
1485                        <div class="case-item active" data-case-item>
1486                          <picture>
1487                            <source srcset="img/cases/case__27.webp" type="image/webp">
1488                            <img src="img/cases/case__27.jpg" width="350" height="165" alt="">
1489                          </picture>
1490                        </div>
1491                        <div class="case-item" data-case-item style="top: 0; left: 0">
1492                          <picture>
1493                            <source srcset="img/cases/case__28.webp" type="image/webp">
1494                            <img src="img/cases/case__28.jpg" width="193" height="250" alt="">
1495                          </picture>
1496                        </div>
1497                        <div class="case-item" data-case-item style="top: 0; right: 0">
1498                          <picture>
1499                            <source srcset="img/cases/case__30.webp" type="image/webp">
1500                            <img src="img/cases/case__30.jpg" width="258" height="120" alt="">
1501                          </picture>
1502                        </div>
1503                        <div class="case-item" data-case-item style="bottom: 0; left: 0">
1504                          <picture>
1505                            <source srcset="img/cases/case__29.webp" type="image/webp">
1506                            <img src="img/cases/case__29.jpg" width="350" height="85" alt="">
1507                          </picture>
1508                        </div>
1509                        <div class="case-item" data-case-item style="bottom: 0; right: 0">
1510                          <picture>
1511                            <source srcset="img/cases/case__31.webp" type="image/webp">
1512                            <img src="img/cases/case__31.jpg" width="154" height="220" alt="">
1513                          </picture>
1514                        </div>
1515                      </div><!-- .case__desktop -->
1516                      <div class="case__help">
1517                        <div class="case__help__icon">
1518                          <img src="img/hand.svg" class="img-fluid" alt="">
1519                        </div>
1520                        <div class="case__help__text">Кликайте по изображениям, чтобы посмотреть примеры виджетов</div>
1521                      </div><!-- .case__help -->
1522                    </div>
1523                  </div>
1524                  <div class="case__button">
1525                    <button type="button" class="btn btn-orange data-connect">
1526                      <span>Создать такой виджет для своего сайта</span>
1527                    </button><!-- .cases__button -->
1528                  </div>
1529                </div>
1530              </div><!-- .case__body -->
1531            </div><!-- .case -->
1532            <div class="case" data-case>
1533              <div class="case__header" data-case-header>
1534                <div class="case__icon">
1535                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
1536                    <use xlink:href="img/sprites/sprite.svg#case_icon__07" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1537                  </svg>
1538                </div>
1539                <div class="case__title">Мотивируйте посетителей делиться ссылкой в соц. сетях</div>
1540                <div class="case__arrow">
1541                  <i>
1542                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
1543                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1544                    </svg>
1545                  </i>
1546                </div>
1547              </div><!-- .case -->
1548              <div class="case__body" data-case-body>
1549                <div class="case__wrap">
1550                  <div class="case__window">
1551                    <div class="case__top">
1552                      <i></i>
1553                      <i></i>
1554                      <i></i>
1555                    </div>
1556                    <div class="case__content">
1557                      <div class="case__static">
1558                        <picture>
1559                          <source srcset="img/cases/case__static.webp" type="image/webp">
1560                          <img src="img/cases/case__static.png" class="img-contain" alt="">
1561                        </picture>
1562                      </div>
1563                    </div>
1564                  </div>
1565                  <div class="case__button">
1566                    <button type="button" class="btn btn-orange data-connect">
1567                      <span>Создать такой виджет для своего сайта</span>
1568                    </button><!-- .cases__button -->
1569                  </div>
1570                </div>
1571              </div><!-- .case__body -->
1572            </div><!-- .case -->
1573            <div class="case" data-case>
1574              <div class="case__header" data-case-header>
1575                <div class="case__icon">
1576                  <svg class="ico-svg" viewBox="0 0 62 62" xmlns="http://www.w3.org/2000/svg">
1577                    <use xlink:href="img/sprites/sprite.svg#case_icon__08" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1578                  </svg>
1579                </div>
1580                <div class="case__title">Проводите акции на своем сайте и информируйте посетителей</div>
1581                <div class="case__arrow">
1582                  <i>
1583                    <svg class="ico-svg" viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg">
1584                      <use xlink:href="img/sprites/sprite.svg#angle_down" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1585                    </svg>
1586                  </i>
1587                </div>
1588              </div><!-- .case -->
1589              <div class="case__body" data-case-body>
1590                <div class="case__wrap">
1591                  <div class="case__window">
1592                    <div class="case__top">
1593                      <i></i>
1594                      <i></i>
1595                      <i></i>
1596                    </div>
1597                    <div class="case__content">
1598                      <div class="case__mobile">
1599                        <div class="swiper" data-case-slider>
1600                          <div class="swiper-wrapper">
1601                            <div class="swiper-slide">
1602                              <div class="case-sm">
1603                                <picture>
1604                                  <source srcset="img/cases/case__32.webp" type="image/webp">
1605                                  <img src="img/cases/case__32.jpg" width="234" height="240" class="img-contain" alt="">
1606                                </picture>
1607                              </div>
1608                            </div>
1609                            <div class="swiper-slide">
1610                              <div class="case-sm">
1611                                <picture>
1612                                  <source srcset="img/cases/case__34.webp" type="image/webp">
1613                                  <img src="img/cases/case__34.jpg" width="217" height="230" class="img-contain" alt="">
1614                                </picture>
1615                              </div>
1616                            </div>
1617                            <div class="swiper-slide">
1618                              <div class="case-sm">
1619                                <picture>
1620                                  <source srcset="img/cases/case__33.webp" type="image/webp">
1621                                  <img src="img/cases/case__33.jpg" width="179" height="190" class="img-contain" alt="">
1622                                </picture>
1623                              </div>
1624                            </div>
1625                            <div class="swiper-slide">
1626                              <div class="case-sm">
1627                                <picture>
1628                                  <source srcset="img/cases/case__35.webp" type="image/webp">
1629                                  <img src="img/cases/case__35.jpg" width="320" height="110" class="img-contain" alt="">
1630                                </picture>
1631                              </div>
1632                            </div>
1633                            <div class="swiper-slide">
1634                              <div class="case-sm">
1635                                <picture>
1636                                  <source srcset="img/cases/case__36.webp" type="image/webp">
1637                                  <img src="img/cases/case__36.jpg" width="280" height="112" class="img-contain" alt="">
1638                                </picture>
1639                              </div>
1640                            </div>
1641                          </div>
1642                          <div class="swiper-pagination" data-case-slider-pagination></div>
1643                        </div>
1644                      </div><!-- .case__mobile -->
1645                      <div class="case__desktop" data-case-gallery>
1646                        <div class="case-item active" data-case-item>
1647                          <picture>
1648                            <source srcset="img/cases/case__32.webp" type="image/webp">
1649                            <img src="img/cases/case__32.jpg" width="234" height="240" alt="">
1650                          </picture>
1651                        </div>
1652                        <div class="case-item" data-case-item style="top: 0; left: 0">
1653                          <picture>
1654                            <source srcset="img/cases/case__34.webp" type="image/webp">
1655                            <img src="img/cases/case__34.jpg" width="217" height="230" alt="">
1656                          </picture>
1657                        </div>
1658                        <div class="case-item" data-case-item style="top: 0; right: 0">
1659                          <picture>
1660                            <source srcset="img/cases/case__33.webp" type="image/webp">
1661                            <img src="img/cases/case__33.jpg" width="179" height="190" alt="">
1662                          </picture>
1663                        </div>
1664                        <div class="case-item" data-case-item style="bottom: 0; left: 0">
1665                          <picture>
1666                            <source srcset="img/cases/case__35.webp" type="image/webp">
1667                            <img src="img/cases/case__35.jpg" width="320" height="110" alt="">
1668                          </picture>
1669                        </div>
1670                        <div class="case-item" data-case-item style="bottom: 0; right: 0">
1671                          <picture>
1672                            <source srcset="img/cases/case__36.webp" type="image/webp">
1673                            <img src="img/cases/case__36.jpg" width="280" height="112" alt="">
1674                          </picture>
1675                        </div>
1676                      </div><!-- .case__desktop -->
1677                      <div class="case__help">
1678                        <div class="case__help__icon">
1679                          <img src="img/hand.svg" class="img-fluid" alt="">
1680                        </div>
1681                        <div class="case__help__text">Кликайте по изображениям, чтобы посмотреть примеры виджетов</div>
1682                      </div><!-- .case__help -->
1683                    </div>
1684                  </div>
1685                  <div class="case__button">
1686                    <button type="button" class="btn btn-orange data-connect">
1687                      <span>Создать такой виджет для своего сайта</span>
1688                    </button><!-- .cases__button -->
1689                  </div>
1690                </div>
1691              </div><!-- .case__body -->
1692            </div><!-- .case -->
1693          </div><!-- .cases__main -->
1694          <div class="cases__button">
1695            <a href="#" class="btn btn-orange">
1696              <span>Создать такой виджет для своего сайта</span>
1697            </a><!-- .cases__button -->
1698          </div>
1699        </section><!-- .cases -->
1700
1701
1702
1703        <section class="comment">
1704          <div class="comment__rating">
1705            <div class="comment__star">
1706              <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1707                <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1708              </svg>
1709            </div>
1710            <div class="comment__star">
1711              <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1712                <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1713              </svg>
1714            </div>
1715            <div class="comment__star">
1716              <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1717                <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1718              </svg>
1719            </div>
1720            <div class="comment__star">
1721              <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1722                <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1723              </svg>
1724            </div>
1725            <div class="comment__star">
1726              <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1727                <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1728              </svg>
1729            </div>
1730          </div>
1731          <div class="comment__content">
1732            <div class="comment__text">С помощью leadgenic нам удалось добиться конверсиии в Email подписку порядка 10%. Конверсия в форме обратной связи, на ввод телефона, составила порядка 7%. И это не предел, т.к. виджеты настроены на работу в "не агрессивном режиме".</div>
1733            <div class="comment__quote comment__quote--first">
1734              <svg class="ico-svg" viewBox="0 0 38 23" xmlns="http://www.w3.org/2000/svg">
1735                <use xlink:href="img/sprites/sprite.svg#quote" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1736              </svg>
1737            </div>
1738            <div class="comment__quote comment__quote--last">
1739              <svg class="ico-svg" viewBox="0 0 38 23" xmlns="http://www.w3.org/2000/svg">
1740                <use xlink:href="img/sprites/sprite.svg#quote" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1741              </svg>
1742            </div>
1743          </div>
1744          <div class="comment__author">Федор</div>
1745          <div class="comment__staff">Маркетолог, tez tour</div>
1746        </section><!-- .comment -->
1747
1748
1749        <section class="steps">
1750          <div class="steps__header">Достаточно сделать 3 простых шага</div>
1751          <div class="steps__text">
1752            Чтобы получить больше заявок, подписчиков и продаж
1753            <br />
1754            без увеличения рекламного бюджета, с трафика, который уже есть на вашем сайте
1755          </div>
1756          <div class="steps__main">
1757            <div class="step">
1758              <div class="step__media">
1759                <div class="step__image step__image--01">
1760                  <img src="img/step_image_01.svg" class="img-fluid" alt="">
1761                </div>
1762              </div>
1763              <div class="step__content">
1764                <div class="step__title">Шаг 1: Создайте виджет</div>
1765                <div class="step__text">
1766                  В зависимости от ваших целей, выберите
1767                  один из готовых шаблонов или создайте
1768                  виджет с нуля в удобном конструкторе
1769                </div>
1770              </div>
1771            </div><!-- .step -->
1772            <div class="step">
1773              <div class="step__media">
1774                <div class="step__image step__image--02">
1775                  <img src="img/step_image_02.svg" class="img-fluid" alt="">
1776                </div>
1777              </div>
1778              <div class="step__content">
1779                <div class="step__title">Шаг 2: Настройте таргетинг</div>
1780                <div class="step__text">
1781                  Чтобы со снайперской точностью
1782                  показывать виджет определенной
1783                  аудитории в нужное время и получать
1784                  максимум конверсий
1785                </div>
1786              </div>
1787            </div><!-- .step -->
1788            <div class="step">
1789              <div class="step__media">
1790                <div class="step__image step__image--03">
1791                  <img src="img/step_image_03.svg" class="img-fluid" alt="">
1792                </div>
1793              </div>
1794              <div class="step__content">
1795                <div class="step__title">Шаг 3: Тестируйте и улучшайте</div>
1796                <div class="step__text">
1797                  Улучшайте результаты в режиме реального времени, тестируя различные варианты виджетов с помощью A/B тестирования
1798                </div>
1799              </div>
1800            </div><!-- .step -->
1801          </div>
1802          <div class="steps__button">
1803            <button type="button" class="btn btn-orange btn-connect">
1804              <span>Зарегистрироваться и создать виджет</span>
1805            </button>
1806          </div>
1807        </section><!-- .steps -->
1808
1809
1810        <section class="features">
1811          <div class="features__title">Возможности</div>
1812          <div class="features__subtitle">То, почему опытные маркетологи, директологи и предприниматели выбирают LeadGenic</div>
1813          <div class="features__main">
1814            <div class="features-custom">
1815              <div class="features-title features-custom__title features-custom__title--sm">Персонализация</div>
1816              <div class="features-custom__media">
1817                <div class="features-custom__image">
1818                  <img src="img/features_custom_image.svg" class="img-fluid" alt="">
1819                </div>
1820              </div>
1821              <div class="features-custom__content">
1822                <div class="features-title features-custom__title features-custom__title--md">Персонализация</div>
1823                <div class="features-text features-custom__text">
1824                  <p>Сделайте обращение <b>личным</b>. Используйте функцию динамической вставки текста для создания <b>персонализированного контента</b> в виджетах.
1825</p>
1826                  <p>Тексты, заголовки, кнопки, ссылки создаются "на лету" и каждый из посетителей видит уникальный контент в виджете, созданный <b>персонально</b> для него и с учетом его интересов.<br><br>Можно вставлять в текст или создавать условия показа по ключевым словам, кампаниям, любому контенту на странице. Всего вам <b>доступно 21 правило</b>, которые можно использовать в любом сочетании.</p>
1827                  <p><b>Вашим посетителям это точно понравится.</b> А вы получите намного больше конверсий.</p>
1828                </div>
1829              </div>
1830            </div><!-- .features-custom -->
1831            <div class="features-test">
1832              <div class="features-title features-test__title">Удобное A/B тестирование</div>
1833              <div class="features-test__media">
1834                <div class="features-test__image">
1835                  <img src="img/features_test_image.svg" class="img-fluid" alt="">
1836                </div>
1837              </div>
1838              <div class="features-text features-test__text">
1839                <p>Вам больше не надо гадать какое торговое предложение, призыв к действию или дизайн покажет <b>лучшую конверсию</b>.</p>
1840                <p>Просто создайте A/B тест, добавьте варианты для тестирования и определите тот, который дает лучший результат.</p>
1841              </div>
1842            </div><!-- .features-test -->
1843            <div class="features-target">
1844              <div class="features-title features-target__title">Точные Сегментация и Таргетинг</div>
1845              <div class="features-target__media">
1846                <div class="features-target__image">
1847                  <img src="img/features_target_image.svg" class="img-fluid" alt="">
1848                </div>
1849              </div>
1850              <div class="features-text features-target__text">
1851                Хотите, чтобы определенный виджет показывался при переходах с Яндекс Директ, в пятницу вечером, и делал это на определенных страницах сайта? <b>Без проблем!</b>
1852                <br />
1853                Используйте <b>14 доступных настроек</b> в любой комбинации, чтобы сегментировать посетителей и настроить таргетинг с ювелирной точностью.
1854              </div>
1855            </div><!-- .features-test -->
1856            <div class="features-rules">
1857              <div class="features-title features-rules__title features-rules__title--sm">Гибкие правила показа</div>
1858              <div class="features-rules__media">
1859                <div class="features-rules__image">
1860                  <img src="img/features_rules_image.svg" class="img-fluid" alt="">
1861                </div>
1862              </div>
1863              <div class="features-rules__content">
1864                <div class="features-title features-rules__title features-rules__title--md">Гибкие правила показа</div>
1865                <div class="features-text features-rules__text">
1866                  <p>Вам же не нравятся раздражающие попапы? Уверены, что вашим посетителям тоже.</p>
1867                  <p>Именно поэтому мы добавили <b>15 различных правил и блокировок показов</b> виджета, чтобы вы могли настроить показ в самый подходящий момент, <b>не раздражая своих посетителей</b>.<br><br>Или наоборот, заблокировать показ, если он не уместен. <b>Например,</b> не показывать виджет со скидкой уходящим посетителям, которые уже совершили покупку.</p>
1868                </div>
1869              </div>
1870            </div><!-- .features-rules -->
1871            <div class="features-formats">
1872              <div class="features-title features-formats__title features-formats__title--sm">Форматы</div>
1873              <div class="features-formats__media">
1874                <div class="features-formats__image">
1875                  <img src="img/features_formats_image.svg" class="img-fluid" alt="">
1876                </div>
1877              </div>
1878              <div class="features-formats__content">
1879                <div class="features-title features-formats__title features-formats__title--md">Форматы</div>
1880                <div class="features-text features-formats__text">
1881                  Любые ваши виджеты могут быть показаны посетителям с помощью 4х популярных форматов:
1882                  <ul>
1883                    <li>Всплывающее окно (попап и fly-in)</li>
1884                    <li>Статичный виджет</li>
1885                    <li>Ярлычок</li>
1886                    <li>Точка захвата</li>
1887                  </ul>
1888                  Каждый из форматов имеет свои плюсы и все они <b>прекрасно работают</b> на мобильных устройствах.
1889                </div>
1890              </div>
1891            </div><!-- .features-formats -->
1892            <div class="features-coupon">
1893              <div class="features-title features-coupon__title">Купоны</div>
1894              <div class="features-coupon__media">
1895                <div class="features-coupon__image">
1896                  <img src="img/features_coupon_image.svg" class="img-fluid" alt="">
1897                </div>
1898              </div>
1899              <div class="features-text features-coupon__text">
1900                <p><b>Около 58% посетителей</b> интернет-магазинов и сайтов принимают решение о совершении покупки сразу после получения купона. <b>Пользуйтесь этим!</b></p>
1901                <p>Отправляйте купоны на почту, раздавайте в виджетах или после отправки формы. Дарите купоны за шеринги в соц. сетях или мотивируйте посетителей не бросать корзин
1901у и завершить оформление заказа прямо сейчас.</p>
1902                <p>Используйте механизм купонов LeadGenic как <b>мощный инструмент</b> для увеличения конверсии и роста продаж.</p>
1903              </div>
1904            </div><!-- .features-coupon -->
1905            <div class="features-integration">
1906              <div class="features-title features-integration__title">Бесшовная интеграция</div>
1907              <div class="features-integration__media">
1908                <div class="features-integration__image">
1909                  <img src="img/features_integration_image.svg" class="img-fluid" alt="">
1910                </div>
1911              </div>
1912              <div class="features-text features-integration__text">
1913                <p>Работайте с лидами прямо в LeadGenic или <b>с легкостью</b> интегрируйте виджеты в ваши бизнес-процессы.</p>
1914                <p><b>Отслеживайте эффективность каналов привлечения.</b> Используйте скрытые поля и вместе с данными с формы передавайте дополнительную информацию о посетителе в вашу CRM. Такую как UTM-метки, данные о источнике, посетителе, сессии и любые значения, какие захотите.</p>
1915                <p><b>Доступны интеграции</b> с Amo CRM, Bitrix24, Unisender, Sendpulse, Mailchimp, Getresponse, Sendbox, Roistat, Яндекс Метрика, Google analytics и любым другим сервисом с помощью webhook.</p>
1916              </div>
1917            </div><!-- .features-integration -->
1918          </div><!-- .features__main -->
1919        </section><!-- .features -->
1920
1921
1922        <section class="mini-offer" data-label>
1923          <div class="mini-offer__content">
1924            <div class="mini-offer__title">
1925              <strong>Извлеките максимум</strong> пользы из уникальных возможностей LeadGenic
1926            </div>
1927            <div class="mini-offer__subtitle">для взрывного увеличения конверсии и продаж на своем сайте</div>
1928            <div class="mini-offer__button">
1929              <button type="button" class="btn btn-orange btn-connect">
1930                <span>Увеличить конверсию моего сайта</span>
1931              </button>
1932            </div>
1933            <div class="mini-offer__text">
1934              Можно попробовать бесплатно. Легко установить и настроить.
1935              <br />
1936              Работает на любом сайте.
1937            </div>
1938          </div>
1939        </section><!-- .mini-offer -->
1940
1941        <section class="reviews">
1942          <div class="reviews__slider">
1943            <div class="swiper" data-reviews>
1944              <div class="swiper-wrapper">
1945                <div class="swiper-slide">
1946                  <div class="reviews__item">
1947                    <div class="reviews__rating">
1948                      <div class="reviews__star">
1949                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1950                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1951                        </svg>
1952                      </div>
1953                      <div class="reviews__star">
1954                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1955                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1956                        </svg>
1957                      </div>
1958                      <div class="reviews__star">
1959                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1960                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1961                        </svg>
1962                      </div>
1963                      <div class="reviews__star">
1964                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1965                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1966                        </svg>
1967                      </div>
1968                      <div class="reviews__star">
1969                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1970                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1971                        </svg>
1972                      </div>
1973                    </div>
1974                    <div class="reviews__text">Просто супер! Могу сказать точно, очень хорошо помогает продавать, так как использую возможности лидженик для своих магазинов. Рекомендую!</div>
1975                    <div class="reviews__avatar">
1976                      <picture>
1977                        <source srcset="img/content/reviews_avatar_01.webp" type="image/webp">
1978                        <img src="img/content/reviews_avatar_01.png" class="img-fluid" alt="">
1979                      </picture>
1980                    </div>
1981                    <div class="reviews__name">Сергей</div>
1982                    <div class="reviews__staff">Владелец, ollz.ru</div>
1983                  </div><!-- .reviews__item -->
1984                </div>
1985                <div class="swiper-slide">
1986                  <div class="reviews__item">
1987                    <div class="reviews__rating">
1988                      <div class="reviews__star">
1989                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1990                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1991                        </svg>
1992                      </div>
1993                      <div class="reviews__star">
1994                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
1995                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
1996                        </svg>
1997                      </div>
1998                      <div class="reviews__star">
1999                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2000                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2001                        </svg>
2002                      </div>
2003                      <div class="reviews__star">
2004                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2005                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2006                        </svg>
2007                      </div>
2008                      <div class="reviews__star">
2009                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2010                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2011                        </svg>
2012                      </div>
2013                    </div>
2014                    <div class="reviews__text">Окупается в несколько раз и реально повышает конверсию. Будем продолжать пользоваться услугами leadgenic на наших сайтах.</div>
2015                    <div class="reviews__avatar">
2016                      <picture>
2017                        <source srcset="img/content/reviews_avatar_02.webp" type="image/webp">
2018                        <img src="img/content/reviews_avatar_02.png" class="img-fluid" alt="">
2019                      </picture>
2020                    </div>
2021                    <div class="reviews__name">Павел</div>
2022                    <div class="reviews__staff">Маркетолог, завесытепловые.рф</div>
2023                  </div><!-- .reviews__item -->
2024                </div>
2025                <div class="swiper-slide">
2026                  <div class="reviews__item">
2027                    <div class="reviews__rating">
2028                      <div class="reviews__star">
2029                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2030                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2031                        </svg>
2032                      </div>
2033                      <div class="reviews__star">
2034                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2035                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2036                        </svg>
2037                      </div>
2038                      <div class="reviews__star">
2039                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2040                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2041                        </svg>
2042                      </div>
2043                      <div class="reviews__star">
2044                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2045                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2046                        </svg>
2047                      </div>
2048                      <div class="reviews__star">
2049                        <svg class="ico-svg" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
2050                          <use xlink:href="img/sprites/sprite.svg#star" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
2051                        </svg>
2052                      </div>
2053                    </div>
2054                    <div class="reviews__text"> С помощью специалистов Leadgenic, настроили виджет на удержание посетителей и за неделю уменьшили количество уходов покупателей.</div>
2055                    <div class="reviews__avatar">
2056                      <picture>
2057                        <source srcset="img/content/reviews_avatar_03.webp" type="image/webp">
2058                        <img src="img/content/reviews_avatar_03.png" class="img-fluid" alt="">
2059                      </picture>
2060                    </div>
2061                    <div class="reviews__name">Лана</div>
2062                    <div class="reviews__staff">Владелец, 101soap</div>
2063                  </div><!-- .reviews__item -->
2064                </div>
2065              </div>
2066            </div>
2067          </div>
2068          <div class="reviews__bg">
2069            <picture>
2070              <source srcset="img/review__bg.webp" type="image/webp">
2071              <img src="img/review__bg.png" class="img-fluid" alt="">
2072            </picture>
2073          </div>
2074        </section><!-- .reviews -->
2075
2076
2077        <section class="earn">
2078          <div class="earn__header earn__header--sm">Зарабатывайте вместе
2079            <br />с LeadGenic
2080          </div>
2081          <div class="earn__image">
2082            <img src="img/earn_image.svg" class="img-fluid" alt="">
2083          </div>
2084          <div class="earn__content">
2085            <div class="earn__header earn__header--md">Зарабатывайте вместе
2086              <br />с LeadGenic
2087            </div>
2088            <div class="earn__text">
2089              <p>
2090                <a href="https://app.leadgenic.ru/account/register" target="_blank" >Зарегистрируйтесь</a>, привлекайте по своей партнёрской ссылке новых пользователей в LeadGenic и получайте <strong>30% от всех платежей</strong> пожизненно!
2091              </p>
2092              <p>
2093                <strong>А еще</strong>
2094              </p>
2095              <p>Предлагайте полезную услугу по настройке виджетов владельцем сайтов и интернет-магазинов, 
2095<strong>зарабатывая 7 000 - 30 000 рублей</strong> с каждой продажи (<strong>100%</strong> средств остается у вас).</p>
2096              <p>И пользуйтесь всеми возможностями сервиса <b>бесплатно и без ограничений</b> на своем сайте, в специальном тарифе "Партнёрский".</p>
2097              <br />
2098              <p>
2099                <a href="/partners/">Узнать больше о возможностях заработка с LeadGenic</a>
2100              </p>
2101            </div>
2102            <div class="earn__button">
2103              <button type="button" class="btn btn-orange">Зарегистрироваться и начать зарабатывать</button>
2104            </div>
2105          </div>
2106        </section><!-- .earn -->
2107
2108
2109        <section class="offer">
2110          <div class="offer__content">
2111            <div class="offer__header">Хватит терять продажи.</div>
2112            <div class="offer__lead">Получите доступ в свой личный кабинет LeadGenic прямо сейчас и начните получать больше конверсий и продаж уже через 10 минут</div>
2113            <div class="offer__button">
2114              <button type="button" class="btn btn-orange btn-connect">
2115                <span>Получить свой доступ</span>
2116              </button>
2117            </div>
2118            <div class="offer__text">
2119              А если вам понадобится помощь или возникнут вопросы
2120              мы всегда рядом и готовы помочь в чате или на <a href="http://leadgenic.userecho.com/" class="offer__text" target="_blank" class="footer__link">форуме поддержки</a>
2121            </div>
2122          </div><!-- .offer__content -->
2123          <div class="offer__image offer__image--01">
2124            <img src="img/offer_image_01.svg" class="img-fluid" alt="">
2125          </div><!-- .offer__image -->
2126          <div class="offer__image offer__image--02">
2127            <img src="img/offer_image_02.svg" class="img-fluid" alt="">
2128          </div><!-- .offer__image -->
2129        </section><!-- .offer -->
2130
2131
2132      </div>
2133    </div>
2134
2135
2136
2137
2138    
2139    
2140<div class="lg-cookie-notice" id="lg-cookie-notice" role="dialog" aria-live="polite" aria-label="Уведомление об использовании cookie" hidden>
2141  <button type="button" class="lg-cookie-notice__close" data-cookie-notice-close aria-label="Закрыть уведомление"><span aria-hidden="true">×</span></button>
2142  <div class="lg-cookie-notice__body">
2143    <div class="lg-cookie-notice__text">
2144      Мы используем cookie для работы сайта и аналитики. Подробнее — в
2145      <a href="/legal/cookie-policy.html" target="_blank" rel="noopener noreferrer">Cookie-политике</a>
2146      и
2147      <a href="/legal/privacy-policy.html" target="_blank" rel="noopener noreferrer">Политике обработки персональных данных</a>.
2148    </div>
2149    <div class="lg-cookie-notice__actions">
2150      <button type="button" class="lg-cookie-notice__button" data-cookie-notice-accept>Принять</button>
2151    </div>
2152  </div>
2153</div>
2154
2155<footer class="footer footer--legal-enhanced">
2156      <div class="container">
2157        <div class="footer__wrap">
2158          <div class="footer__nav" aria-label="Юридические ссылки">
2159            <div class="footer__item"><a href="/legal/public-offer.html" class="footer__link" target="_blank" rel="noopener noreferrer">Публичная оферта</a></div>
2160            <div class="footer__item"><a href="/legal/privacy-policy.html" class="footer__link" target="_blank" rel="noopener noreferrer">Политика обработки персональных данных</a></div>
2161            <div class="footer__item"><a href="/legal/personal-data-consent.html" class="footer__link" target="_blank" rel="noopener noreferrer">Согласие на обработку персональных данных</a></div>
2162            <div class="footer__item"><a href="/legal/marketing-consent.html" class="footer__link" target="_blank" rel="noopener noreferrer">Согласие на рекламу</a></div>
2163            <div class="footer__item"><a href="/legal/cookie-policy.html" class="footer__link" target="_blank" rel="noopener noreferrer">Cookie-политика</a></div>
2164            <div class="footer__item"><a href="https://leadgenic.userecho.com/" target="_blank" rel="noopener noreferrer" class="footer__link">Поддержка</a></div>
2165          </div>
2166          <div class="footer__legal">
2167            <div class="footer__details footer__details--compact">
2168              <span class="footer__details-item">ИП Титовец А.В.</span>
2169              <span class="footer__details-item">ИНН 231136261574</span>
2170              <span class="footer__details-item">ОГРНИП 321237500001005</span>
2171            </div>
2172            <div class="footer__details footer__details--secondary">
2173              <span class="footer__details-item">Офис: Краснодар, ул. Монтажников 1/4</span>
2174              <span class="footer__details-item">@LeadGenic</span>
2175              <span class="footer__details-item"><a href="mailto:[email protected]" class="footer__link footer__link--muted">[email protected]</a></span>
2176            </div>
2177          </div>
2178        </div>
2179      </div>
2180    </footer><!-- .footer -->
2181
2182
2183
2184
2185  </div>
2186
2187  
2187<script defer src="js/app.min.js?_v=20230728225642"></script>
2187
2188  
2188<script type="text/javascript" src="https://gate.leadgenic.ru/getscript?site=57e0e7780cf246f2e541a116"></script>
2188
2189  
2189<script src="https://leadgenic.ru/setRefCookie/setRefCookienew.js"></script>
2189
2190  
2191  
2192    
2192<script>
2193        window.addEventListener('load', () => {
2194            if (document.querySelector('[data-form]')) {
2195                const formBlock = document.querySelector('[data-form]')
2196                const form = formBlock.querySelector('form')
2197                const formField = formBlock.querySelector('input')
2198                const EMAIL_REGEXP = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu;
2199
2200
2201                const isEmailValid = (value) => {
2202                    return EMAIL_REGEXP.test(value);
2203                }
2204
2205                formField.addEventListener('focus', (event) => {
2206                    formField.classList.remove('invalid')
2207                })
2208
2209                form.addEventListener('submit', (event) => {
2210                    event.preventDefault()
2211
2212                    if (isEmailValid(formField.value)) {
2213                        formField.classList.remove('invalid')
2214                        window.location.href = 'https://app.leadgenic.ru/account/register?registrationtype=autoreg&registrationemail=' + formField.value;
2215                    } else {
2216                        formField.classList.add('invalid')
2217                    }
2218                })
2219            }
2220        });
2221    </script>
2221
2222    
2223<script src="//code.jivo.ru/widget/3MbVoIMWGo" async></script>
2223
2224
2225
2226<script id="leadgenic-cookie-notice-script">
2227  (function () {
2228    var banner = document.getElementById('lg-cookie-notice');
2229    if (!banner) return;
2230
2231    var cookieName = 'leadgenic_cookie_notice';
2232    var cookieMaxAge = 90 * 24 * 60 * 60;
2233
2234    function hasCookie(name) {
2235      return document.cookie.split('; ').some(function (item) {
2236        return item.indexOf(name + '=') === 0;
2237      });
2238    }
2239
2240    function setCookie(name, value, maxAge) {
2241      var cookie = name + '=' + value + '; Max-Age=' + maxAge + '; Path=/; SameSite=Lax';
2242      if (window.location.protocol === 'https:') {
2243        cookie += '; Secure';
2244      }
2245      document.cookie = cookie;
2246    }
2247
2248    function showBanner() {
2249      banner.hidden = false;
2250      window.requestAnimationFrame(function () {
2251        banner.classList.add('is-visible');
2252      });
2253    }
2254
2255    function hideBanner() {
2256      banner.classList.remove('is-visible');
2257      window.setTimeout(function () {
2258        banner.hidden = true;
2259      }, 220);
2260    }
2261
2262    function closeBanner() {
2263      setCookie(cookieName, '1', cookieMaxAge);
2264      hideBanner();
2265    }
2266
2267    var acceptButton = banner.querySelector('[data-cookie-notice-accept]');
2268    var closeButton = banner.querySelector('[data-cookie-notice-close]');
2269
2270    if (acceptButton) acceptButton.addEventListener('click', closeBanner);
2271    if (closeButton) closeButton.addEventListener('click', closeBanner);
2272
2273    if (!hasCookie(cookieName)) {
2274      showBanner();
2275    }
2276  })();
2277</script>
2277
2278
2279</body>
2280
2281</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.