templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block meta_preview %}
  4.     <meta property="og:url" content="{{ base_path() }}">
  5. {% endblock %}
  7. {% block title %}{{ 'meta.home.title'|trans }}{% endblock %}
  8. {% block description %}{{ 'meta.home.description'|trans }}{% endblock %}
  10. {% set banners = [
  11.     {
  12.         title: "Роскошь настоящего <span data-accent='true'>человеческого</span>\nобщения",
  13.         subtitle: "Настоящие люди. Реальный опыт.",
  14.         image: "/img/bannerphoto.png"
  15.     },
  16.     {
  17.         title: "<span data-accent='true'>Настоящий</span> интеллект.\nРеальная помощь.",
  18.         subtitle: "Настоящие люди. Реальный опыт.",
  19.         image: "/img/bannerphoto2.png"
  20.     }
  21. ] %}
  23. {% block body %}
  24.     <div class="banner" id="banner-carousel">
  25.         {% for banner in banners %}
  26.             <div class="banner__wrapper">
  27.                 <div class="banner__left">
  28.                     <div class="banner__text">
  29.                         <p class="banner__title">{{ banner.title|raw }}</p>
  30.                         <p class="banner__subtitle">{{ banner.subtitle }}</p>
  31.                     </div>
  32.                     <a class="banner__link" href="{{ path('app_registration', {'user_type': 1 }) }}">
  33.                         Присоединиться
  34.                     </a>
  35.                 </div>
  36.                 <img class="banner__photo" src="{{ banner.image }}"/>
  37.             </div>
  38.         {% endfor %}
  39.     </div>
  43.     {# <div class="speaker_slider">
  44.             {{ include('_common/popular_speakers_block_main.html.twig') }}
  45.         </div> #}
  46.     <div class="all_speakers">
  47.         <div class="max_wrap">
  48.             <div class="search_title">
  49.         <h1 style="display: none;">Онлайн консультации</h1>
  50.                 <h2 class="title title_yellow">{{ 'title.all_speakers'|trans }}</h2>
  52.                 {# <form action="{{ path('speaker.list') }}" method="get" class="search_all_speakers"
  53.                                           id="speakers_search">
  54.                                         <input type="text" placeholder="{{ 'label.search_speaker_placeholder'|trans }}" name="search"
  55.                                                autocomplete="off"/>
  56.                                         <button type="submit"></button>
  57.                                     </form> #}
  58.             </div>
  59.             <div class="block_dates">
  60.                 {% for month, dates in popularSpeakersDates %}
  61.                     <p class="block_dates_month">
  62.                         {{ ('months.month_' ~ month)|trans }}
  63.                     </p>
  64.                     <div class="month_wrapper">
  65.                         {% for date in dates %}
  66.                             <div class="month_item">
  67.                                 <p class="month_item_name">
  68.                                     {{ ('weekdays.weekday_' ~ date|date('N'))|trans }}
  69.                                 </p>
  70.                                 <p class="month_item_number">
  71.                                     {{ date|date('j') }}
  72.                                 </p>
  73.                             </div>
  74.                         {% endfor %}
  75.                     </div>
  76.                 {% endfor %}
  77.             </div>
  79.             <input type="checkbox" hidden name="home-show-all-categories" id="home-show-all-categories"/>
  80.             <ul class="all_btn">
  81.                 <li class="home_categories_expander">
  82.                     <label for="home-show-all-categories">
  83.                         Показывать все <i class="fas fa-check home_categories_expander__mark"></i>
  84.                     </label>
  85.                 </li>
  87.                 <li class="active_btn">
  88.                     <a href="{{ path('speaker.list') }}">{{ 'label.all_categories'|trans }}<span>{{ totalSpeakers }}</span>
  89.                     </a>
  90.                 </li>
  91.                 {% for category in categories %}
  92.                     <li>
  93.                         <a href="{{ path('speaker.list', {'category': category.id}) }}">{{ category }}<span>{{ category.speakersCount }}</span>
  94.                         </a>
  95.                     </li>
  96.                 {% endfor %}
  97.             </ul>
  98.             {# <div class="card_list wrapper_main" id="speakers_container"></div> #}
  99.             {{ include('_common/popular_speakers_block_dates.html.twig') }}
  100.             {# <div class="today">
  101.                                 <div class="normal_block">
  102.                                     <h2 class="title title_yellow">Не пропусти сегодня</h2>
  103.                                 </div>
  104.                                 <div class="today__wrapper">
  105.                                     <div class="card card_one">
  106.                                         <div class="card_wrapper card_wrapper_main" style="background-image: url('/img/cabinet/javlon-uchqunov-WthHx_W7Ya4-unsplash.jpg'); background-size: cover; background-position: center">
  107.                                             <div class="shadow"></div>
  108.                                             <span class="rating">
  109.                                                 <svg class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
  110.                                                     <path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path>
  111.                                                 </svg><!-- <i class="fas fa-star"></i> Font Awesome fontawesome.com -->3.2
  112.                                                 <em>(32)</em>
  113.                                             </span>
  114.                                             <span class="daymonth">
  115.                                                 17.11
  116.                                             </span>
  117.                                             <div class="card_img_overlay">
  118.                                                 <p class="new_face">
  119.                                                     Новые лица
  120.                                                 </p>
  121.                                                 <h5 class="card_title">Матвей</h5>
  122.                                                 <p class="card_text">
  123.                                                     <span class="short_desc">Профессиональный фотограф и видеограф</span>
  124.                                                 </p>
  125.                                                 <div class="tags trans_tags">
  126.                                                     <span class="tag">Бизнес и предпринимательство</span>
  127.                                                     <span class="tag">Писательское мастерсво</span>
  128.                                                     <span class="tag">Психология</span>
  129.                                                 </div>
  130.                                                 <a href="/speaker-1" class="btn btn_primary btn_lg all_w" onclick="return false">
  131.                                                     Детальнее
  132.                                                 </a>
  133.                                             </div>
  134.                                         </div>
  135.                                     </div>
  137.                                     <div class="card card_two">
  138.                                         <div class="card_wrapper card_wrapper_main" style="background-image: url('/img/cabinet/kan-denis-DO2gFHNJQhQ-unsplash.jpg'); background-size: cover; background-position: center">
  139.                                             <div class="shadow"></div>
  140.                                             <span class="rating">
  141.                                                 <svg class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
  142.                                                     <path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path>
  143.                                                 </svg><!-- <i class="fas fa-star"></i> Font Awesome fontawesome.com -->3.2
  144.                                                 <em>(32)</em>
  145.                                             </span>
  146.                                             <span class="daymonth">
  147.                                                 17.11
  148.                                             </span>
  149.                                             <div class="card_img_overlay">
  150.                                                 <p class="new_face">
  151.                                                     Новые лица
  152.                                                 </p>
  153.                                                 <h5 class="card_title">Валерия</h5>
  154.                                                 <p class="card_text">
  155.                                                     <span class="short_desc">Расскажу о продвижении вашего профиля в VK</span>
  156.                                                 </p>
  157.                                                 <div class="tags trans_tags">
  158.                                                     <span class="tag">Бизнес и предпринимательство</span>
  159.                                                     <span class="tag">Психология</span>
  160.                                                 </div>
  161.                                                 <a href="/speaker-1" class="btn btn_primary btn_lg all_w" onclick="return false">
  162.                                                     Детальнее
  163.                                                 </a>
  164.                                             </div>
  165.                                         </div>
  166.                                     </div>
  168.                                     <div class="card card_three">
  169.                                         <div class="card_wrapper card_wrapper_main" style="background-image: url('/img/cabinet/sajad-nori-UxVLQ9UXHp0-unsplash.jpg'); background-size: cover; background-position: top">
  170.                                             <div class="shadow"></div>
  171.                                             <span class="rating">
  172.                                                 <svg class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
  173.                                                     <path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path>
  174.                                                 </svg><!-- <i class="fas fa-star"></i> Font Awesome fontawesome.com -->3.2
  175.                                                 <em>(32)</em>
  176.                                             </span>
  177.                                             <span class="daymonth">
  178.                                                 17.11
  179.                                             </span>
  180.                                             <div class="card_img_overlay">
  181.                                                 <p class="new_face">
  182.                                                     Новые лица
  183.                                                 </p>
  184.                                                 <h5 class="card_title">Аджит</h5>
  185.                                                 <p class="card_text">
  186.                                                     <span class="short_desc">Хинди для начинающих, носитель языка.</span>
  187.                                                 </p>
  188.                                                 <div class="tags trans_tags">
  189.                                                     <span class="tag">Писательское мастерсво</span>
  190.                                                     <span class="tag">Психология</span>
  191.                                                 </div>
  192.                                                 <a href="/speaker-1" class="btn btn_primary btn_lg all_w" onclick="return false">
  193.                                                     Детальнее
  194.                                                 </a>
  195.                                             </div>
  196.                                         </div>
  197.                                     </div>
  198.                                 </div>
  199.                             </div> #}
  200.             <div class="become_speaker">
  201.                 <p class="become_speaker_title">
  202.                     Есть чему научить / что рассказать?
  203.                 </p>
  204.                 <p class="become_speaker_subtitle">
  205.                     Станьте нашим спикером и монетизируйте свободное время
  206.                 </p>
  207.                 <a href="{{ path('app_registration', {'user_type': 2}) }}" class="btn yellow_button">
  208.                     Стать спикером
  209.                 </a>
  210.             </div>
  211.             {# {{ include('_common/popular_speakers_block_brands.html.twig') }}
  212.             {{ include('_common/popular_speakers_block_marketing.html.twig') }} #}
  213.             <div class="btn_row" id="speakers_action" data-load_uri="{{ path('speaker.search.json') }}">
  214.                 <a href="{{ path('speaker.list') }}" class="btn border_btn btn_lg">
  215.                     <i>{{ 'label.show_more'|trans }}</i>
  216.                 </a>
  217.             </div>
  218.         </div>
  219.     </div>
  221.     {% set funds = [
  222.             {
  223.                     name: "Правмир",
  224.                     description: "Наш Фонд задуман как место встречи нуждающихся и помогающих. Нет религиозных, возрастных и национальных ограничений – есть милосердие и поддержка. С нами – тысячи неравнодушных. Мы хотим сделать свой вклад в построение общества тех, кто открыл свое сердце для помощи другим людям.",
  225.                     image: "/img/funds/pravmir.png",
  226.                     siteUri: "https://www.pravmir.ru"
  227.             },
  228.             {
  229.                     name: "Дети-бабочки",
  230.                     description: "Благотворительный фонд «Дети-бабочки» с 2011 года занимается всесторонней помощью детям, страдающим генными дерматозами - буллезным эпидермолизом и ихтиозом. Это два поражающих кожу наследственных заболевания. Они возникают в результате поломки генов, которые отвечают за синтез белков, обеспечивающих целостность и нормальное функционирование кожи.",
  231.                     image: "/img/funds/butter.jpg",
  232.                     siteUri: "https://deti-bela.ru"
  233.             },
  234.             {
  235.                     name: "Фонд борьбы с лейкемией",
  236.                     description: "Цель создания фонда — помощь взрослым старше 18-ти лет с онкологическими заболеваниями системы крови",
  237.                     image: "/img/funds/leik.jpg",
  238.                     siteUri: "https://leikozu.net/"
  239.             },
  240.             {
  241.                     name: "Фонд \"Друзья\"",
  242.                     description: "Фонд «Друзья» — это фонд фондов, агрегатор возможностей, знаний и ресурсов в благотворительной индустрии. Фонд создает площадки и механизмы для успешного сотрудничества фондов с бизнесом, государством и друг с другом.",
  243.                     image: "/img/funds/friends.jpeg",
  244.                     siteUri: "https://friendsfoundation.ru"
  245.             }
  246.     ] %}
  248.     <div class="home-funds">
  249.         <div class="max_wrap">
  250.             <h2 class="title title_yellow">Благотворительные фонды</h2>
  251.             <ul class="home-funds-list{{ funds|length <= 4 ? " home-funds-list--fits" }}">
  252.                 {% for fund in funds %}
  253.                     <li>
  254.                         <article class="home-funds-card">
  255.                             <div class="home-funds-card__image-wrapper">
  256.                                 <img src="{{ fund.image }}" alt="{{ fund.name }}"/>
  257.                             </div>
  258.                             <a href="{{ fund.siteUri }}">
  259.                                 <h3>{{ fund.name }}</h3>
  260.                             </a>
  261.                             <p>{{ fund.description }}</p>
  262.                         </article>
  263.                     </li>
  264.                 {% endfor %}
  265.             </ul>
  266.         </div>
  267.     </div>
  269.     {% set partners = [
  270.         {
  271.             name: "Escape",
  272.             image: "/img/partners/escape.svg",
  273.             siteUri: "https://escape-team.tech/"
  274.         },
  275.         {
  276.             name: "Видеомост",
  277.             image: "/img/partners/videomost.svg",
  278.             siteUri: "https://www.videomost.com/"
  279.         },
  280.         {
  281.             name: "Payselection",
  282.             image: "/img/partners/payselection.svg",
  283.             siteUri: "https://payselection.com/"
  284.         },
  285.         {
  286.             name: "AlderaSoft",
  287.             image: "/img/partners/alderasoft.png",
  288.             siteUri: "https://alderasoft.ru/"
  289.         }
  290.     ] %}
  292.     <div class="home-partners">
  293.         <div class="max_wrap">
  294.             <h2 class="title title_yellow">Наши партнеры</h2>
  295.             <ul class="home-partners-list">
  296.                 {% for partner in partners %}
  297.                     <li>
  298.                         <a href="{{ partner.siteUri }}">
  299.                             <img src="{{ partner.image }}" alt="{{ partner.name }}"/>
  300.                         </a>
  301.                     </li>
  302.                 {% endfor %}
  303.             </ul>
  305.             <br>
  307.             <a href="{{ path('partnership.request') }}" class="btn yellow_button become_partner">
  308.                 Стать партнером
  309.             </a>
  311.         </div>
  312.     </div>
  315.     {# <div class="wrapper_main">
  316.                         {{ include('_common/charity.html.twig') }}
  317.                         {# {{ include('_common/newsletter_block.html.twig') }} #}
  318.     {# </div> #}
  321. {% endblock %}
  323. {% block stylesheets %}
  324.     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  325.     {{ parent() }}
  326. {% endblock %}
  328. {% block javascripts %}
  329.     {{ parent() }}
  330.     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  331.     {{ encore_entry_script_tags('home') }}
  332. {% endblock %}