templates/home/about.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ 'meta.about.title'|trans }}{% endblock %}
  4. {% block description %}{{ 'meta.about.description'|trans }}{% endblock %}
  6. {% set speakerFeatures = [
  7.     {
  8.         image: "/img/about/bitcoin-falling.jpeg",
  9.         title: "Ваши знания. Ваша харизма. Ваше доброе дело",
  10.         description: "Делитесь своей экспертизой с аудиторией Face2Face в удобное для вас время, помогайте благотворительному фонду по вашему выбору. Цена вашего времени - устанавливается вами" 
  11.     },
  12.     {
  13.         image: "/img/about/homework.jpeg",
  14.         title: "Управление графиком",
  15.         description: "Вы контролируете свой собственный график и стоимость консультаций. Работайте в удобное для вас время и определяйте свою стоимость."
  16.     },
  17.     {
  18.         image: "/img/about/damn-retina.jpeg",
  19.         title: "Расширение сети контактов",
  20.         description: "Встречайтесь с новыми клиентами, устанавливайте профессиональные связи и создавайте долгосрочные отношения с вашей аудиторией."
  21.     }
  22. ] %}
  24. {% set listenerFeatures = [
  25.     {
  26.         image: "/img/about/zoom.jpeg",
  27.         title: "Разнообразие экспертов",
  28.         description: "Мы сотрудничаем с широким спектром экспертов по различным областям знаний и навыков. У вас есть возможность выбирать специалистов, наиболее подходящих под ваши потребности."
  29.     },
  30.     {
  31.         image: "/img/about/damn-retina.jpeg",
  32.         title: "Гибкий график",
  33.         description: "Никаких проблем с ограничениями времени или расстоянием. Вы можете получить консультацию в удобное для вас время и месте, прямо из дома или офиса."
  34.     },
  35.     {
  36.         image: "/img/about/cp-50g.jpeg",
  37.         title: "Конфиденциальность и защита данных",
  38.         description: "Все консультации происходят лицом к лицу и гарантируются технологиями наших партнеров."
  39.     }
  40. ] %}
  42. {% block body %}
  43.     <main class="page-about">
  44.         <section class="page-about-sub page-about-hero">
  45.       <h1 style="display: none;">О проекте</h1>
  46.             <h2 class="page-about-hero__title">Добро пожаловать в сервис видеоконсультаций Face2Face</h2>
  48.             {% if is_granted('ROLE_USER') is same as false %}
  49.                 <a href="{{ path('app_registration') }}" class="page-about-button">Зарегистрироваться</a>
  50.             {% endif %}
  51.         </section>
  52.         <section class="page-about-features">
  53.             <h2 class="page-about-features__title">Для спикеров</h2>
  54.             <ul class="page-about-features-list">
  55.                 {% for feature in speakerFeatures %}
  56.                     <li class="page-about-features-list__item">
  57.                         <img src="{{ feature.image }}" class="page-about-features-list__item-image" alt='Изображение {{ feature.title }}'/>
  58.                         <div class="page-about-features-list__item-content">
  59.                             <h3 class="page-about-features-list__item-title">{{ feature.title }}</h3>
  60.                             <p class="page-about-features-list__item-description">{{ feature.description }}</p>
  61.                         </div>
  62.                     </li>
  63.                 {% endfor %}
  64.             </ul>
  65.         </section>
  67.         <section class="page-about-sub page-about-agitation">
  68.             <p class="page-about-agitation__text">Присоединяйтесь к сообществу экспертов FACE2FACE: вы будете в прекрасной компании людей, изменяющих мир к лучшему.</p>
  70.             {% if is_granted('ROLE_USER') is same as false %}
  71.                 <a href="{{ path('app_registration', {'user_type': 2}) }}" class="page-about-button">Стать спикером</a>
  72.             {% endif %}
  73.         </section>
  75.         <section class="page-about-features">
  76.             <h2 class="page-about-features__title">Для слушателей</h2>
  77.             <ul class="page-about-features-list">
  78.                 {% for feature in listenerFeatures %}
  79.                     <li class="page-about-features-list__item">
  80.                         <img src="{{ feature.image }}" class="page-about-features-list__item-image" alt='Изображение {{ feature.title }}'/>
  81.                         <div class="page-about-features-list__item-content">
  82.                             <h3 class="page-about-features-list__item-title">{{ feature.title }}</h3>
  83.                             <p class="page-about-features-list__item-description">{{ feature.description }}</p>
  84.                         </div>
  85.                     </li>
  86.                 {% endfor %}
  87.             </ul>
  88.         </section>
  90.         <section class="page-about-sub page-about-agitation">
  91.             <p class="page-about-agitation__text">Выбирайте своего эксперта, изучите его свободные слоты для общения и получайте консультации из первоисточника!</p>
  92.             <p class="page-about-agitation__text">Каждая консультация не только раскроет предметную область, но и принесет неоценимую поддержку благотворительному фонду, выбранному экспертом.</p>
  94.             {% if is_granted('ROLE_USER') is same as false %}
  95.                 <a href="{{ path('app_registration') }}" class="page-about-button">Стать слушателем</a>
  96.             {% endif %}
  97.         </section>
  98.     </main>
  99. {% endblock %}