templates/application/dileram/index.html.twig line 1

Open in your IDE?
  1. {% extends 'application/layout.html.twig' %}
  3. {% block content %}
  4.     <main class="main">
  5.         <div class="about">
  7.             <div class="container">
  8.                 <div class="about__row">
  9.                     <div class="about__column">
  10.                         <div class="about__photo">
  11.                             <picture>
  12.                                 <source type="image/webp" srcset="/img/pic69@1x.webp 1x, img/pic69@2x.webp 2x">
  13.                                 <img src="/img/pic69@1x.jpg" srcset="/img/pic69@2x.jpg 2x" alt="" width="650" height="600" loading="lazy">
  14.                             </picture>
  15.                         </div>
  16.                     </div>
  17.                     <div class="about__column">
  18.                         <div class="about__detail">
  19.                             <h1 class="about__title">Стать дилером Cosca&nbsp;Decor&nbsp;&mdash; просто</h1>
  20.                             <div class="about__descr">У&nbsp;бренда Decostore широкий ассортимент: лепной декор из&nbsp;экополимера, стеновые и&nbsp;акустические панели, <span class="text--nowrap">МДФ-плинтусы</span>, интерьерный багет, межкомнатные арки, <span class="text--nowrap">3D-орнаменты</span>, экраны для радиаторов, натуральные обои и&nbsp;полотно.</div>
  21.                             <div class="about__btn">
  22.                                 <a href="#request" class="a-scroll" class="btn btn--outline a-scroll">
  23.                                     <span class="btn__text">Узнать условия</span>
  24.                                     <span class="btn__icon">
  25.                                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg>
  26.                                     </span>
  27.                                 </a>
  28.                             </div>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.         </div>
  35.         <div class="container">
  36.             <div class="section__item section__item--lg">
  37.                 <div class="promo-about__row">
  38.                     <div class="promo-about__column">
  39.                         <div class="about__blockquote">
  40.                             <p>Бренд Cosca предлагает выгодные условия и&nbsp;большой ассортимент для успешного и&nbsp;взаимовыгодного сотрудничества.</p>
  41.                             <p>Для наших партнеров в&nbsp;регионах и&nbsp;за&nbsp;рубежом разработаны оптимальные логистические цепочки, мы&nbsp;сотрудничаем с&nbsp;ведущими транспортными компаниями и&nbsp;осуществляем авиа-, ж/д и&nbsp;автоперевозку.</p>
  42.                         </div>
  43.                     </div>
  44.                     <div class="promo-about__column">
  45.                         <div class="statistic">
  46.                             <div class="statistic__column">
  47.                                 <div class="item-statistic">
  48.                                     <div class="item-statistic__num">25 <span class="item-statistic__unit">лет</span></div>
  49.                                     <div class="item-statistic__descr">На рынке декоративных материалов</div>
  50.                                 </div>
  51.                             </div>
  52.                             <div class="statistic__column">
  53.                                 <div class="item-statistic">
  54.                                     <div class="item-statistic__num">1000+</div>
  55.                                     <div class="item-statistic__descr">Точек продаж по&nbsp;России и&nbsp;ЕАЭС</div>
  56.                                 </div>
  57.                             </div>
  58.                             <div class="statistic__column">
  59.                                 <div class="item-statistic">
  60.                                     <div class="item-statistic__num">10&nbsp;000+</div>
  61.                                     <div class="item-statistic__descr">Артикулов в&nbsp;каталоге продукции</div>
  62.                                 </div>
  63.                             </div>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.             </div>
  69.             <div class="section__item section__item--lg">
  70.                 <div class="ability box box--outline">
  71.                     <div class="ability__row">
  72.                         <div class="ability__sidebar">
  73.                             <h2 class="ability__title">Стать дилером<br> Decostore&nbsp;&mdash; выгодно</h2>
  74.                             <div class="ability__descr">
  75.                                 <p>Мы&nbsp;осуществляем контроль за&nbsp;рекомендуемой розничной ценой и&nbsp;предлагаем гибкое дилерское ценовое предложение, которое формируется в&nbsp;зависимости от&nbsp;объемов поставок, сроков и&nbsp;продолжительности сотрудничества.</p>
  76.                                 <p>Таким образом реализация товаров бренда Decostore принесёт вам до&nbsp;90% прибыли, при этом мы&nbsp;предоставим все необходимые рекламные материалы и&nbsp;обеспечим маркетинговую поддержку.</p>
  77.                             </div>
  78.                             <div class="ability__brand brand"><img src="/img/cosca--dark.svg" width="125" height="42" alt="Cosca" loading="lazy"></div>
  79.                         </div>
  80.                         <div class="ability__main">
  81.                             <div class="ability__row">
  82.                                 <div class="ability__column">
  83.                                     <div class="item item--ability">
  84.                                         <div class="item__photo">
  85.                                             <picture>
  86.                                                 <source type="image/webp" srcset="/img/ability/01@1x.webp 1x, img/ability/01@2x.webp 2x">
  87.                                                 <img src="/img/ability/01@1x.jpg" srcset="/img/ability/01@2x.jpg 2x" alt="" width="240" height="350" loading="lazy">
  88.                                             </picture>
  89.                                         </div>
  90.                                         <div class="item__title">
  91.                                             <a href="#request" class="a-scroll">
  92.                                                 <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"/></svg></span>
  93.                                                 <span class="item__text">Запросить прайс лист и каталог</span>
  94.                                             </a>
  95.                                         </div>
  96.                                     </div>
  97.                                 </div>
  98.                                 <div class="ability__column">
  99.                                     <div class="item item--ability">
  100.                                         <div class="item__photo">
  101.                                             <picture>
  102.                                                 <source type="image/webp" srcset="/img/ability/02@1x.webp 1x, img/ability/02@2x.webp 2x">
  103.                                                 <img src="/img/ability/02@1x.jpg" srcset="/img/ability/02@2x.jpg 2x" alt="" width="240" height="350" loading="lazy">
  104.                                             </picture>
  105.                                         </div>
  106.                                         <div class="item__title">
  107.                                             <a href="#request" class="a-scroll">
  108.                                                 <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"/></svg></span>
  109.                                                 <span class="item__text">Получить стенды и торговое оборудование</span>
  110.                                             </a>
  111.                                         </div>
  112.                                     </div>
  113.                                 </div>
  114.                                 <div class="ability__column">
  115.                                     <div class="item item--ability">
  116.                                         <div class="item__photo">
  117.                                             <picture>
  118.                                                 <source type="image/webp" srcset="/img/ability/03@1x.webp 1x, img/ability/03@2x.webp 2x">
  119.                                                 <img src="/img/ability/03@1x.jpg" srcset="/img/ability/03@2x.jpg 2x" alt="" width="240" height="350" loading="lazy">
  120.                                             </picture>
  121.                                         </div>
  122.                                         <div class="item__title">
  123.                                             <a href="#request" class="a-scroll">
  124.                                                 <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"/></svg></span>
  125.                                                 <span class="item__text">Стать дилером</span>
  126.                                             </a>
  127.                                         </div>
  128.                                     </div>
  129.                                 </div>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.             </div>
  136.             <div class="section__item section__item--lg">
  137.                 <div class="promo-about__row">
  138.                     <div class="promo-about__column">
  139.                         <div class="img">
  140.                             <picture>
  141.                                 <source type="image/webp" srcset="/img/pic70@1x.webp 1x, img/pic70@2x.webp 2x">
  142.                                 <img src="/img/pic70@1x.jpg" srcset="/img/pic70@2x.jpg 2x" alt="" width="650" height="640" loading="lazy">
  143.                             </picture>
  144.                         </div>
  145.                     </div>
  146.                     <div class="promo-about__column">
  147.                         <div class="about-advantages">
  148.                             <div class="screen__lead">
  149.                                 <p>Это ключевое преимущество нашей компании. Мы&nbsp;сами отвечаем за&nbsp;качество продукции, контролируем все этапы производства, совершенствуем технологии, разрабатываем интересные дизайны.</p>
  150.                                 <p>Все это для того, чтобы люди, использующие наш продукт, получали отличный декор для своего интерьера. Мы&nbsp;всегда готовы предоставить образцы продукции и&nbsp;рассмотреть ваши предложения по&nbsp;улучшению качества.</p>
  151.                             </div>
  152.                             <div class="about-advantages__row">
  153.                                 <div class="about-advantages__column">
  154.                                     <div class="item-advantage item-advantage--base">
  155.                                         <div class="item-advantage__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.492 2.168a1 1 0 0 1 1.383.377l1.835 3.308s.001.002.003.002h.004l3.161-1.406h.002a1 1 0 0 1 1.375 1.15l-1.593 6.766-.001.003a1.007 1.007 0 0 1-1.242.733h-.002c-2.892-.801-5.948-.801-8.84 0h-.002a1.005 1.005 0 0 1-1.242-.733l-.001-.004L.745 5.597A1 1 0 0 1 2.12 4.449h.002l3.16 1.406a.006.006 0 0 0 .008-.002l1.835-3.308a1 1 0 0 1 .367-.377zm-1.33 4.175a1.006 1.006 0 0 1-1.282.428l-.002-.002-3.16-1.405v.003l1.587 6.765v.002l.002.002h.005a17.562 17.562 0 0 1 9.37 0h.004a.007.007 0 0 0 .003-.004l1.593-6.765v-.003l-3.16 1.405-.002.001a1.006 1.006 0 0 1-1.282-.427L8 3.03 6.162 6.343z"/><path d="M9.946 10.603a18.116 18.116 0 0 0-3.892 0 .5.5 0 1 1-.108-.994 19.106 19.106 0 0 1 4.108 0 .5.5 0 0 1-.108.994z"/></svg></div>
  156.                                         <div class="item-advantage__detail">
  157.                                             <div class="item-advantage__title">Репутация<br> надёжного бренда</div>
  158.                                         </div>
  159.                                     </div>
  160.                                 </div>
  161.                                 <div class="about-advantages__column">
  162.                                     <div class="item-advantage item-advantage--base">
  163.                                         <div class="item-advantage__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 3.5a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1V11a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V3.5zm12 0h-11V11h11V3.5z"/><path d="M9.688 11.11a.5.5 0 0 1 .702.078l2 2.5a.5.5 0 0 1-.78.624l-2-2.5a.5.5 0 0 1 .078-.702zM6.312 11.11a.5.5 0 0 1 .078.702l-2 2.5a.5.5 0 0 1-.78-.624l2-2.5a.5.5 0 0 1 .702-.078zM8 1a.5.5 0 0 1 .5.5V3a.5.5 0 0 1-1 0V1.5A.5.5 0 0 1 8 1z"/></svg></div>
  164.                                         <div class="item-advantage__detail">
  165.                                             <div class="item-advantage__title">Торговое оборудование и&nbsp;стенды бесплатно</div>
  166.                                         </div>
  167.                                     </div>
  168.                                 </div>
  169.                                 <div class="about-advantages__column">
  170.                                     <div class="item-advantage item-advantage--base">
  171.                                         <div class="item-advantage__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 13.5H2c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h3c.275 0 .5.225.5.5V13c0 .275-.225.5-.5.5zM2 7v5.5h2.5V7H2z"/><path d="M5 13.5a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5h7.617c.25 0 .458-.192.491-.442l.75-6c0-.025.009-.05.009-.066a.491.491 0 0 0-.142-.35.491.491 0 0 0-.35-.142H9.5A.501.501 0 0 1 9 5V3.5a1.51 1.51 0 0 0-1.208-1.475l-2.342 4.7a.494.494 0 0 1-.667.225.494.494 0 0 1-.225-.667l2.5-5a.504.504 0 0 1 .45-.275c1.375 0 2.5 1.125 2.5 2.5v1h3.367A1.496 1.496 0 0 1 14.867 6c0 .067-.009.133-.017.2l-.75 6a1.515 1.515 0 0 1-1.483 1.317H5V13.5z"/></svg></div>
  172.                                         <div class="item-advantage__detail">
  173.                                             <div class="item-advantage__title">Уникальное<br> качество продукции</div>
  174.                                         </div>
  175.                                     </div>
  176.                                 </div>
  177.                                 <div class="about-advantages__column">
  178.                                     <div class="item-advantage item-advantage--base">
  179.                                         <div class="item-advantage__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.667 2.5a.833.833 0 0 0-.834.833v9.733l1.223-.815a.5.5 0 0 1 .63.062l.98.98.98-.98a.5.5 0 0 1 .708 0l.98.98.98-.98a.5.5 0 0 1 .63-.062l1.223.815V3.333a.833.833 0 0 0-.834-.833H4.667zM3.37 2.037c.344-.344.81-.537 1.297-.537h6.666a1.833 1.833 0 0 1 1.834 1.833V14a.5.5 0 0 1-.778.416L10.73 13.31l-1.043 1.044a.5.5 0 0 1-.707 0l-.98-.98-.98.98a.5.5 0 0 1-.707 0L5.27 13.31l-1.66 1.106A.5.5 0 0 1 2.834 14V3.333c0-.486.194-.952.537-1.296zm2.13 2.63a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1H6a.5.5 0 0 1-.5-.5zm0 2.666a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1H6a.5.5 0 0 1-.5-.5zM8.167 10a.5.5 0 0 1 .5-.5H10a.5.5 0 1 1 0 1H8.667a.5.5 0 0 1-.5-.5z"/></svg></div>
  180.                                         <div class="item-advantage__detail">
  181.                                             <div class="item-advantage__title">Прибыль для дилера до&nbsp;90%</div>
  182.                                         </div>
  183.                                     </div>
  184.                                 </div>
  185.                                 <div class="about-advantages__column">
  186.                                     <div class="item-advantage item-advantage--base">
  187.                                         <div class="item-advantage__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.662 5.5H11a.5.5 0 0 1 0-1h2.661a.994.994 0 0 1 .929.628l.874 2.186a.5.5 0 1 1-.928.372L13.662 5.5zM.5 9a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 9zM11.75 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zM4.25 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/><path d="M5.25 12a.5.5 0 0 1 .5-.5h4.5a.5.5 0 0 1 0 1h-4.5a.5.5 0 0 1-.5-.5z"/><path d="M.793 3.793A1 1 0 0 1 1.5 3.5H11a.5.5 0 0 1 .5.5v6.7a.5.5 0 0 1-1 0V4.5h-9v7h1.25a.5.5 0 0 1 0 1H1.5a1 1 0 0 1-1-1v-7a1 1 0 0 1 .293-.707z"/><path d="M10.5 7.5A.5.5 0 0 1 11 7h4a.5.5 0 0 1 .5.5v4a1 1 0 0 1-1 1h-1.25a.5.5 0 0 1 0-1h1.25V8H11a.5.5 0 0 1-.5-.5z"/></svg></div>
  188.                                         <div class="item-advantage__detail">
  189.                                             <div class="item-advantage__title">Отгрузка на<br> следующий день</div>
  190.                                         </div>
  191.                                     </div>
  192.                                 </div>
  193.                                 <div class="about-advantages__column">
  194.                                     <div class="item-advantage item-advantage--base">
  195.                                         <div class="item-advantage__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 10.5c-1.658 0-3-1.342-3-3s1.342-3 3-3 3 1.342 3 3-1.342 3-3 3zm0-5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/><path d="M3.983 12.967a.454.454 0 0 1-.225-.059.498.498 0 0 1-.216-.675A4.974 4.974 0 0 1 6.45 9.742a4.982 4.982 0 0 1 3.817.291 4.975 4.975 0 0 1 2.191 2.192c.125.25.025.55-.216.675a.505.505 0 0 1-.675-.217 3.986 3.986 0 0 0-1.759-1.758 3.96 3.96 0 0 0-3.05-.233 3.985 3.985 0 0 0-2.325 1.991.5.5 0 0 1-.45.284zM14 4h-3a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5h3c.275 0 .5.225.5.5s-.225.5-.5.5z"/><path d="M12.5 5.5A.501.501 0 0 1 12 5V2c0-.275.225-.5.5-.5s.5.225.5.5v3c0 .275-.225.5-.5.5z"/><path d="M8 14.5A6.508 6.508 0 0 1 1.5 8c0-3.583 2.917-6.5 6.5-6.5.342 0 .683.025 1.025.083a.501.501 0 1 1-.158.992 4.906 4.906 0 0 0-.859-.075H8A5.505 5.505 0 0 0 2.5 8c0 3.033 2.467 5.5 5.5 5.5a5.505 5.505 0 0 0 5.433-6.367.501.501 0 1 1 .992-.158c.058.342.083.683.083 1.025-.008 3.583-2.925 6.5-6.508 6.5z"/></svg></div>
  196.                                         <div class="item-advantage__detail">
  197.                                             <div class="item-advantage__title">Персональный менеджер</div>
  198.                                         </div>
  199.                                     </div>
  200.                                 </div>
  201.                             </div>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.             </div>
  207.             <div class="section__item section__item--lg">
  209.                 {{ include('application/partial/request-form.html.twig', {title: 'Стать дилером', goal: 'dealer'}) }}
  211.             </div>
  212.         </div>
  214.     </main>
  215. {% endblock %}