app/Resources/views/main/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block head %}
  4.   {% if app.request.locale == 'fr' %}
  5.     <script src="https://web-chat.trizzy.io/chat-widget.js"></script>
  6.   {% endif %}
  7. {% endblock %}
  9. {% block body %}
  10.     <main id="homePage" class="home-page">
  11.         <div class="home-page__hero">
  12.       {% if app.request.locale == 'es' %}
  13.         <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  14.           <source src="{{ asset('assets/video/efc-cannes-2025-ES.mp4') }}" type="video/mp4">
  15.           Your browser does not support the video tag.
  16.         </video>
  17.         {% elseif app.request.locale == 'it' %}
  18.       <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  19.           <source src="{{ asset('assets/video/efc-cannes-2025-IT.mp4') }}" type="video/mp4">
  20.           Your browser does not support the video tag.
  21.         </video>
  22.       {% elseif app.request.locale == 'pt' %}
  23.       <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  24.           <source src="{{ asset('assets/video/efc-cannes-2025-PT.mp4') }}" type="video/mp4">
  25.           Your browser does not support the video tag.
  26.         </video>
  28.       {% elseif app.request.locale == 'fr' %}
  29.         <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  30.           <source src="{{ asset('assets/video/efc-cannes-2025-FR.mp4') }}" type="video/mp4">
  31.           Your browser does not support the video tag.
  32.         </video>
  34.         {% elseif app.request.locale == 'be' %}
  35.         <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  36.           <source src="{{ asset('assets/video/efc-cannes-2025-BE.mp4') }}" type="video/mp4">
  37.           Your browser does not support the video tag.
  38.         </video>
  39.       {% elseif app.request.locale == 'sl' %}
  40.         <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  41.           <source src="{{ asset('assets/video/berlinale-2025-slo.mp4') }}" type="video/mp4">
  42.           Your browser does not support the video tag.
  43.         </video>
  44.       {% elseif app.request.locale == 'de' %}
  45.         <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  46.           <source src="{{ asset('assets/video/heading-es-it-pt.mp4') }}" type="video/mp4">
  47.           Your browser does not support the video tag.
  48.         </video>
  49.       {% elseif app.request.locale == 'mk' %}
  50.       <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  51.           <source src="{{ asset('assets/video/heading-es-it-pt.mp4') }}" type="video/mp4">
  52.           Your browser does not support the video tag.
  53.         </video>
  56.       {% else %}
  57.         <video class="home-page__video" width="320" height="240" autoplay playsinline muted loop>
  58.           <source src="{{ asset('assets/video/video-header.mp4') }}" type="video/mp4">
  59.           Your browser does not support the video tag.
  60.         </video>
  61.       {% endif %}
  63.             <div class="home-page__hero--container">
  64.         <div class="home-page__hero--info">
  65.           <h1>
  66.             {{ 'home.welcome'|trans|desc('European Film Challenge es una comunidad de jóvenes cinéfilos europeos que quiere vivir el cine desde dentro a través de contenidos exclusivos, recomendaciones reales y acceso a los mejores festivales de cine del mundo.') }}
  67.           </h1>
  69.           <a href="{{ path('app_faq_page') }}" class="global-button">
  70.             {{ 'home.button_info'|trans|desc('More info')}}
  71.           </a>
  72.         </div>
  73.             </div>
  74.         </div>
  76.         <div class="home-page__challenge">
  77.             <h2 class="title-secondary home-page__challenge--title">
  78.                 {{ 'home.challenge_title'|trans|desc('El Reto')}}
  79.             </h2>
  81.             {% if stage_service.isChallengeActive %}
  82.                 <p>
  83.                     {{ 'home.challenge_positive_info'|trans|desc('Los jugadores tienen 10 Semanas para ver 10 Películas Europeas.')}}
  84.                 </p>
  85.                 <a href="{{ path('profile_show') }}" class="global-button">
  86.                     {{ 'home.challenge_cta'|trans|desc('Participar')}}
  87.                 </a>
  88.             {% else %}
  89.                 <p>
  90.                     {{ 'home.challenge_over_info'|trans|desc('El próximo reto estará disponible muy pronto')}}
  91.                 </p>
  92.             {% endif %}
  93.         </div>
  95.     {# {% if app.request.locale == 'es' %}
  96.        <section class="home-page__cinefilo">
  97.        <img class="home-page__cinefilo--image" src="{{ asset('assets/img/home-cinefilo.jpg') }}" alt="">
  98.         <div class="home-page__cinefilo--content">
  99.           <h3 class="title">
  100.             MOVIE LOVER DEL FUTURO
  101.           </h3>
  102.           <h4 class="subtitle">
  103.          Demuestra que eres un verdadero MOVIE LOVER 💖 para viajar con EFC a los mejores festivales y ganar un año de cine.
  104.           </h4>
  105.                     <a href="https://movieloverdelfuturo.es/" target="_blank" class="btn">
  106.             ¡Regístrate y participa!
  107.           </a>
  108.         </div>
  109.        </section>
  110.     {% endif %} #}
  112.         {% if featuredMovies is defined and featuredMovies is not empty%}
  113.             <div class="home-page__films">
  114.                 <div class="size-container">
  115.           <div class="icon-square home-page__films--square">
  116.             {{ source('inline/efc-square-icon.svg.twig') }}
  117.           </div>
  118.                     <div class="home-page__films--info">
  119.                         <h3 class="title-secondary">
  120.                             {{ 'home.films_title'|trans}}
  121.                         </h3>
  123.                         <p>
  124.                             {{ 'home.films_desc'|trans|desc('A collection of hand-picked European films you can enjoy thanks to our highest algorithm: cinema-lovers.')}}
  125.                         </p>
  127.             <a href="{{ path('featured_movie_index') }}" class="global-button">
  128.                             {{ 'home.films_cta'|trans|desc('Ir a películas recomendadas')}}
  129.                         </a>
  130.                     </div>
  132.                     <div class="home-page__films--carousel movies gallery">
  133.                         <div class="movies-list">
  134.                             {% for movie in featuredMovies %}
  135.                 <div class="movie__home">
  136.                    {{ include('featured_movie/_single.html.twig') }}
  137.                 </div>
  138.                             {% endfor %}
  139.                         </div>
  140.                     </div>
  141.                 </div>
  142.             </div>
  143.         {% endif %}
  145.         {% if blogPosts is defined and blogPosts is not empty%}
  146.             <div class="home-page__blog">
  147.                 <div class="size-container">
  148.         <div class="icon-square home-page__blog--square">
  149.                     {{ source('inline/efc-square-icon.svg.twig') }}
  150.                 </div>
  151.                     <div class="home-page__blog--info">
  152.                         <h3 class="title-secondary">
  153.                             {{ 'home.blog_title'|trans|desc('CINEMA LOVERS COMMUNITY')}}
  154.                         </h3>
  156.                         <p>
  157.                             {{ 'home.blog_desc'|trans|desc('Film reviews, events, podcast, challenges and news. A cinema-lovers survival guide with the need-to-knows of European cinema.')}}
  158.                         </p>
  160.             <a href="{{ path('blog_post_index') }}" class="global-button">
  161.                             {{ 'home.blog_cta'|trans|desc('Ir a comunidad')}}
  162.                         </a>
  163.                     </div>
  165.                     <div class="home-page__blog--carousel movies gallery">
  166.                         <div class="posts-list">
  167.                             {% for post in blogPosts %}
  168.                 <div class="layout-post__home">
  169.                                   {{ include('blog_post/_single.html.twig') }}
  170.                 </div>
  171.                             {% endfor %}
  172.                         </div>
  173.                     </div>
  174.                 </div>
  175.             </div>
  176.         {% endif %}
  177.     {% if app.request.locale == 'fr' %}
  178.             <chat-widget token="57aa4470-dbd4-4ef1-9a11-1770bb245f19" show_notification="false"></chat-widget>
  179.         {% endif %}
  180.     </main>
  181. {% endblock %}