templates/homepage/index.html.twig line 1

Open in your IDE?
  1. {% set body_classes = ['homepage'] %}
  2. {% set title = 'homepage.title'|trans %}
  3. {% set description = 'homepage.description'|trans %}
  4. {% set keywords = 'homepage.keywords'|trans %}
  6. {% extends 'base.html.twig' %}
  8. {% block stylesheets %}
  9.     {{ parent() }}
  10.     {{ encore_entry_link_tags('homepage') }}
  11. {% endblock stylesheets %}
  13. {% block content %}
  14.     <main class="maincontent">
  15.         <div class="container">
  16.             <div class="">
  17.                 <div class="d-flex flex-wrap justify-content-between main-top-container fade-in">
  18.                     <div {{ stimulus_controller('homepage_main_video') }} class="video-wrapper">
  19.                         <video {{ stimulus_target('homepage_main_video', 'video') }}
  20.                                id="homepageMainVideo"
  21.                                width="100%"
  22.                                height="auto"
  23.                                autoplay
  24.                                muted
  25.                                loop
  26.                                playsinline
  27.                         >
  28.                             <source src="{{ asset('build/video/homepage-main-video.mp4') }}" type="video/mp4">
  29.                             {{ 'video.not_supported'|trans }}
  30.                         </video>
  31.                     </div>
  32.                     <div class="description-wrapper">
  33.                         <h3>{{ 'homepage.ai_section.title'|trans }}</h3>
  34.                         <p>{{ 'homepage.ai_section.text'|trans }}</p>
  35.                         <div class="buttons-container">
  36.                             <button class="btn-one btn-right-blue-arrow">
  37.                                 {{ 'homepage.ai_section.button'|trans }}
  38.                             </button>
  39.                         </div>
  40.                     </div>
  41.                 </div>
  42.             </div>
  43.         </div>
  44.         <div class="ai-info-container">
  45.             <div class="container">
  46.                 <div class="description-wrapper animate-on-scroll-bottom">
  47.                     <h3>{{ 'homepage.ai_info.title'|trans }}</h3>
  48.                     <p>{{ 'homepage.ai_info.text'|trans }}</p>
  49.                 </div>
  50.             </div>
  51.         </div>
  52.         <div class="container">
  53.             <div class="areas-analysis-container">
  54.                 <div class="title">
  55.                     <h3>{{ 'homepage.areas_analysis.title'|trans }}</h3>
  56.                 </div>
  57.                 <div class="areas-container">
  58.                     <div class="area-wrapper animate-on-scroll-left">
  59.                         <div class="icon-wrapper">
  60.                             <img src="{{ asset('build/images/icons/people-icon.svg') }}" alt="">
  61.                         </div>
  62.                         <div class="description-wrapper">
  63.                             <h6>{{ 'homepage.areas_analysis.1.title'|trans }}</h6>
  64.                             <p>{{ 'homepage.areas_analysis.1.text_1'|trans }}</p>
  65.                             <p>{{ 'homepage.areas_analysis.1.text_2'|trans }}</p>
  66.                         </div>
  67.                     </div>
  68.                     <div class="area-wrapper animate-on-scroll-right">
  69.                         <div class="icon-wrapper">
  70.                             <img src="{{ asset('build/images/icons/people-arrows-icon.svg') }}" alt="">
  71.                         </div>
  72.                         <div class="description-wrapper">
  73.                             <h6>{{ 'homepage.areas_analysis.2.title'|trans }}</h6>
  74.                             <p>{{ 'homepage.areas_analysis.2.text_1'|trans }}</p>
  75.                             <p>{{ 'homepage.areas_analysis.2.text_2'|trans }}</p>
  76.                         </div>
  77.                     </div>
  78.                     <div class="area-wrapper animate-on-scroll-left">
  79.                         <div class="icon-wrapper">
  80.                             <img src="{{ asset('build/images/icons/newspaper-icon.svg') }}" alt="">
  81.                         </div>
  82.                         <div class="description-wrapper">
  83.                             <h6>{{ 'homepage.areas_analysis.3.title'|trans }}</h6>
  84.                             <p>{{ 'homepage.areas_analysis.3.text_1'|trans }}</p>
  85.                         </div>
  86.                     </div>
  87.                     <div class="area-wrapper animate-on-scroll-right">
  88.                         <div class="icon-wrapper">
  89.                             <img src="{{ asset('build/images/icons/institute-icon.svg') }}" alt="">
  90.                         </div>
  91.                         <div class="description-wrapper">
  92.                             <h6>{{ 'homepage.areas_analysis.4.title'|trans }}</h6>
  93.                             <p>{{ 'homepage.areas_analysis.4.text_1'|trans }}</p>
  94.                             <p>{{ 'homepage.areas_analysis.4.text_2'|trans }}</p>
  95.                         </div>
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.         </div>
  100.         <div class="container">
  101.             <div class="certificate-benefits-container">
  102.                 <div {{ stimulus_controller('homepage_woman_video') }} class="image-wrapper animate-on-scroll-left">
  103.                     <video {{ stimulus_target('homepage_woman_video', 'video') }}
  104.                            id="womanTrophyVideo"
  105.                            height="auto"
  106.                            class="top"
  107.                            autoplay
  108.                            muted
  109.                            playsinline
  110.                     >
  111.                         <source src="{{ asset('build/video/woman-trophy.mp4') }}" type="video/mp4">
  112.                         {{ 'video.not_supported'|trans }}
  113.                     </video>
  114.                     <img src="{{ asset('build/images/homepage/coffee.png') }}" class="middle" alt="">
  115.                     <img src="{{ asset('build/images/homepage/rectangle.png') }}" class="back" alt="">
  116.                 </div>
  117.                 <div class="description-wrapper animate-on-scroll-right">
  118.                     <h4>{{ 'homepage.certificate_benefits.title'|trans }}</h4>
  119.                     <ul>
  120.                         <li>{{ 'homepage.certificate_benefits.item_1.text'|trans|raw }}</li>
  121.                         <li>{{ 'homepage.certificate_benefits.item_2.text'|trans|raw }}</li>
  122.                         <li>{{ 'homepage.certificate_benefits.item_3.text'|trans|raw }}</li>
  123.                         <li>{{ 'homepage.certificate_benefits.item_4.text'|trans|raw }}</li>
  124.                     </ul>
  125.                 </div>
  126.             </div>
  127.         </div>
  128.         <div class="container no-paddings">
  129.             <div class="sample-results-container">
  130.                 <div class="title">
  131.                     <h3>{{ 'homepage.brc_report.sample_results_title'|trans|raw }}</h3>
  132.                 </div>
  133.                 <div class="items-container">
  134.                     <div class="item-wrapper">
  135.                         <div class="title">
  136.                             <h6>{{ 'homepage.brc_report.section1_title'|trans|raw }}</h6>
  137.                             <div class="description">
  138.                                 <p>{{ 'homepage.brc_report.section1_desc1'|trans|raw }}</p>
  139.                             </div>
  140.                         </div>
  141.                         <div class="description">
  142.                             <p>{{ 'homepage.brc_report.section1_desc2'|trans|raw }}</p>
  143.                         </div>
  144.                     </div>
  145.                     <div class="item-wrapper">
  146.                         <div class="title">
  147.                             <h6>{{ 'homepage.brc_report.section2_title'|trans|raw }}</h6>
  148.                             <div class="description">
  149.                                 <p>{{ 'homepage.brc_report.section2_desc1'|trans|raw }}</p>
  150.                             </div>
  151.                         </div>
  152.                         <div class="description">
  153.                             <p>{{ 'homepage.brc_report.section2_desc2'|trans|raw }}</p>
  154.                         </div>
  155.                     </div>
  156.                     <div class="item-wrapper">
  157.                         <div class="title">
  158.                             <h6>{{ 'homepage.brc_report.section3_title'|trans|raw }}</h6>
  159.                             <div class="description">
  160.                                 <p>{{ 'homepage.brc_report.section3_desc1'|trans|raw }}</p>
  161.                             </div>
  162.                         </div>
  163.                         <div class="description">
  164.                             <p>{{ 'homepage.brc_report.section3_desc2'|trans|raw }}</p>
  165.                         </div>
  166.                     </div>
  167.                     <div class="item-wrapper">
  168.                         <div class="title">
  169.                             <h6>{{ 'homepage.brc_report.section4_title'|trans|raw }}</h6>
  170.                             <div class="description">
  171.                                 <p>{{ 'homepage.brc_report.section4_desc1'|trans|raw }}</p>
  172.                             </div>
  173.                         </div>
  174.                         <div class="description">
  175.                             <p>{{ 'homepage.brc_report.section4_desc2'|trans|raw }}</p>
  176.                         </div>
  177.                     </div>
  178.                     <div class="item-wrapper">
  179.                         <div class="title">
  180.                             <h6>{{ 'homepage.brc_report.section5_title'|trans|raw }}</h6>
  181.                             <div class="description">
  182.                                 <p>{{ 'homepage.brc_report.section5_desc1'|trans|raw }}</p>
  183.                             </div>
  184.                         </div>
  185.                         <div class="description">
  186.                             <p>{{ 'homepage.brc_report.section5_desc2'|trans|raw }}</p>
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.         <div class="container">
  193.             <div class="send-information-container">
  194.                 <div class="image-wrapper">
  195.                     <img src="{{ asset('build/images/homepage/ai-human-two.svg') }}" alt="">
  196.                 </div>
  197.                 <div class="description-wrapper">
  198.                     <div class="description-image-wrapper">
  199.                         <img src="{{ asset('build/images/homepage/certificate-cup.png') }}" alt="">
  200.                     </div>
  201.                     <h3>{{ 'homepage.send_company_title'|trans|raw }}</h3>
  202.                     <p>{{ 'homepage.send_company_desc'|trans|raw }}</p>
  203.                     <div class="buttons-container">
  204.                         <button class="btn-one btn-right-blue-arrow">
  205.                             {{ 'homepage.send_company_btn'|trans|raw }}
  206.                         </button>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </div>
  211.         {% if profiles|length > 0 %}
  212.             <div class="container no-paddings">
  213.                 <div class="winning-companies-container">
  214.                     <div class="title">
  215.                         <h3>{{ 'company.other_companies'|trans|raw }}</h3>
  216.                     </div>
  217.                     <div class="items-container animate-on-scroll-bottom">
  218.                         {% for profile in profiles %}
  219.                             <div class="item-wrapper {{ profile|get_profile_styles }}">
  220.                                 <div class="image-wrapper">
  221.                                     <img src="{{ asset('build/images/logo-award.svg') }}" alt="">
  222.                                     <div class="status">{{ profile|profile_status_label|raw }}</div>
  223.                                     <div class="expiration-date">
  224.                                         {{ 'company.expiration_date'|trans({
  225.                                             '%date%' : profile.verifiedAt|date_modify('+1 year')|date('d.m.Y')
  226.                                         })|raw }}
  227.                                     </div>
  228.                                 </div>
  229.                                 <div class="description-wrapper">
  230.                                     <h6>
  231.                                         <a href="{{ path('company_show', {'id': profile.id, 'slug': profile.slug}) }}">
  232.                                             {{ profile.name }}
  233.                                         </a>
  234.                                     </h6>
  235.                                     <p>{{ profile.city.name|capitalize }}</p>
  236.                                 </div>
  237.                             </div>
  238.                         {% endfor %}
  239.                     </div>
  240.                 </div>
  241.             </div>
  242.         {% endif %}
  243.     </main>
  244. {% endblock content %}