templates/default/homepage.html.twig line 1

Open in your IDE?
  1. {% extends '_layout/_layout.html.twig' %}
  3. {% block content %}
  5.     <main>
  7.         <!-- Hero -->
  8.         <section class="hero">
  9.             <video autoplay muted loop playsinline>
  10.                 <source src="{{ asset('build/videos/homepage.mp4') }}" type="video/mp4">
  11.                 <!-- Imagen de respaldo para dispositivos que no soportan video -->
  12.                 <img src="{{ asset('build/images/newdesign/back_hero.webp') }}">
  13.             </video>
  14.             <div class="overlay"></div>
  15.             <div class="hero-content container">
  16.                 <div class="text-hero">
  17.                     <p class="text-top">Creating global memories</p>
  18.                     <h1 class="text-bottom">Broadcasting <span class="highlight">live</span> moments</h1>
  19.                 </div>
  20.                 <div class="cta-hero">
  21.                     <div class="line"></div>
  22.                     <a href="{{ path('product_content_hub') }}" class="btn btn--white-blur">Discover Content Hub</a>
  23.                 </div>
  24.             </div>
  25.         </section>
  27.         <!-- Creating global memories -->
  28.         <section id="about-us" class="container cont-eurovision cont-memories">
  29.             <section class="statistics-section">
  31.                 <div class="separador">
  32.                     <p class="titulo-20 red">Your expert media services provider</p>
  33.                 </div>
  35.                 <div class="titulo-section-doble">
  36.                     <div class="left">
  37.                         <h2 class="titulo-60">We bring your content to global audiences</h2>
  38.                     </div>
  40.                     <div class="right">
  41.                         <p class="texto">
  42.                             We help you bring your events to the world: live, anywhere, and at scale.<br>
  43.                             With over 70 years of experience and connections to more than 600 broadcasters worldwide, we deliver trusted broadcast and media services that support some of the world’s most watched sports and cultural events.<br>
  44.                             <strong>From content contribution and distribution to event operations and permanent services, we make global broadcasting simple and reliable.</strong>
  45.                         </p>
  46.                         <a href="{{ path('aboutus_whoweare') }}" class="btn btn--red">
  47.                             Discover Who We Are
  48.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  49.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  50.                             </svg>
  51.                         </a>
  52.                     </div>
  53.                 </div>
  55.                 <div class="stats">
  56.                     <div class="stat"><span class="counter" data-target="70">0</span><p>Years in broadcasting</p></div>
  57.                     <div class="stat"><span class="counter" data-target="100000" data-format="k">0</span><p>Transmissions annually</p></div>
  58.                     <div class="stat"><span class="counter" data-target="960">0</span><p>Connected broadcasters</p></div>
  59.                     <div class="stat"><span class="counter" data-target="230">0</span><p>Employees around the world</p></div>
  60.                 </div>
  62.                 <div class="cta-memories">
  63.                     <a href="{{ path('aboutus_contactus') }}" class="btn btn--red">Contact Us</a>
  64.                 </div>
  66.             </section>
  67.         </section>
  69.         <!-- Content Hub -->
  70.         <section class="container-fluid cont-eurovision-full back-fixed"
  71.                  style="background-image: url('{{ asset('build/images/newdesign/content_hub.webp') }}');">
  72.             <section class="container">
  74.                 <div class="separador white">
  75.                     <p class="titulo-20 white">A simple way to manage live event content</p>
  76.                 </div>
  78.                 <div class="titulo-section-doble">
  79.                     <div class="left">
  80.                         <h2 class="titulo-60 white">Content Hub</h2>
  81.                     </div>
  83.                     <div class="right">
  84.                         <p class="texto white">
  85.                             Getting your live event content to the right audiences in the right formats and quality can be challenging. The Content Hub automates the live content management process and offers you new possibilities to enhance its value.
  86.                         </p>
  87.                         <a href="{{ path('product_content_hub') }}" class="btn btn--white">
  88.                             Discover Content Hub
  89.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  90.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  91.                             </svg>
  92.                         </a>
  93.                     </div>
  94.                 </div>
  96.                 <div class="marquee">
  97.                     <div class="marquee-title white">Subscribers</div>
  98.                     <div class="marquee-wrapper">
  99.                         <div class="marquee-content">
  100.                             <!-- Original -->
  101.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/1.png') }}" style="width: 100px"></div>
  102.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/2.png') }}" style="width: 100px"></div>
  103.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/3.png') }}" style="width: 100px"></div>
  104.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/4.png') }}" style="width: 100px"></div>
  105.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/5.png') }}" style="width: 100px"></div>
  106.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/6.png') }}" style="width: 100px"></div>
  107.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/7.png') }}" style="width: 100px"></div>
  108.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/8.png') }}" style="width: 100px"></div>
  109.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/9.png') }}" style="width: 100px"></div>
  110.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/10.png') }}" style="width: 100px"></div>
  111.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/11.png') }}" style="width: 100px"></div>
  112.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/12.png') }}" style="width: 100px"></div>
  113.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/13.png') }}" style="width: 100px"></div>
  114.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/14.png') }}" style="width: 100px"></div>
  115.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/15.png') }}" style="width: 100px"></div>
  116.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/16.png') }}" style="width: 100px"></div>
  117.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/17.png') }}" style="width: 100px"></div>
  118.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/18.png') }}" style="width: 100px"></div>
  119.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/19.png') }}" style="width: 100px"></div>
  120.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/20.png') }}" style="width: 100px"></div>
  121.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/21.png') }}" style="width: 100px"></div>
  122.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/22.png') }}" style="width: 100px"></div>
  123.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/23.png') }}" style="width: 100px"></div>
  124.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/24.png') }}" style="width: 100px"></div>
  125.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/25.png') }}" style="width: 100px"></div>
  126.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/26.png') }}" style="width: 100px"></div>
  127.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/27.png') }}" style="width: 100px"></div>
  128.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/28.png') }}" style="width: 100px"></div>
  129.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/29.png') }}" style="width: 100px"></div>
  130.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/30.png') }}" style="width: 100px"></div>
  132.                             <!-- Duplicate for better loop animation -->
  133.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/1.png') }}" style="width: 100px"></div>
  134.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/2.png') }}" style="width: 100px"></div>
  135.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/3.png') }}" style="width: 100px"></div>
  136.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/4.png') }}" style="width: 100px"></div>
  137.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/5.png') }}" style="width: 100px"></div>
  138.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/6.png') }}" style="width: 100px"></div>
  139.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/7.png') }}" style="width: 100px"></div>
  140.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/8.png') }}" style="width: 100px"></div>
  141.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/9.png') }}" style="width: 100px"></div>
  142.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/10.png') }}" style="width: 100px"></div>
  143.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/11.png') }}" style="width: 100px"></div>
  144.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/12.png') }}" style="width: 100px"></div>
  145.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/13.png') }}" style="width: 100px"></div>
  146.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/14.png') }}" style="width: 100px"></div>
  147.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/15.png') }}" style="width: 100px"></div>
  148.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/16.png') }}" style="width: 100px"></div>
  149.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/17.png') }}" style="width: 100px"></div>
  150.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/18.png') }}" style="width: 100px"></div>
  151.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/19.png') }}" style="width: 100px"></div>
  152.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/20.png') }}" style="width: 100px"></div>
  153.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/21.png') }}" style="width: 100px"></div>
  154.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/22.png') }}" style="width: 100px"></div>
  155.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/23.png') }}" style="width: 100px"></div>
  156.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/24.png') }}" style="width: 100px"></div>
  157.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/25.png') }}" style="width: 100px"></div>
  158.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/26.png') }}" style="width: 100px"></div>
  159.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/27.png') }}" style="width: 100px"></div>
  160.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/28.png') }}" style="width: 100px"></div>
  161.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/29.png') }}" style="width: 100px"></div>
  162.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/content-hub-subscribers/30.png') }}" style="width: 100px"></div>
  163.                         </div>
  164.                     </div>
  165.                 </div>
  167.             </section>
  168.         </section>
  170.         <!-- More Services -->
  172.         {# TODO - Make it dynamic #}
  173.         {# {{ render(controller( 'App\\Controller\\ProductController::getServicesAction')) }} #}
  174.         <section id="more-services" class="container cont-eurovision">
  175.             <div class="separador">
  176.                 <p class="titulo-20 red">Expert media services provider</p>
  177.             </div>
  179.             <div class="titulo-section titulo-60">
  180.                 More services
  181.             </div>
  183.             <div class="cards">
  185.                 <div class="card" style="background-image: url('{{ asset('build/images/newdesign/img_contribution.webp') }}');">
  186.                     <div class="card-info">
  187.                         <h3>Contribution</h3>
  188.                         <p>Content Acquisition and enhancement Infrastructure</p>
  189.                     </div>
  190.                     <div class="card-link">
  191.                         <hr>
  192.                         <a href="{{ path('product_contribution') }}">Discover Contribution
  193.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  194.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  195.                             </svg>
  196.                         </a>
  197.                     </div>
  198.                 </div>
  199.                 <div class="card" style="background-image: url('{{ asset('build/images/newdesign/img_distribution.webp') }}');">
  200.                     <div class="card-info">
  201.                         <h3>Distribution</h3>
  202.                         <p>Content Distribution across all channels</p>
  203.                     </div>
  204.                     <div class="card-link">
  205.                         <hr>
  206.                         <a href="{{ path('product_distribution') }}">Discover Distribution
  207.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  208.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  209.                             </svg>
  210.                         </a>
  211.                     </div>
  212.                 </div>
  213.                 <div class="card" style="background-image: url('{{ asset('build/images/newdesign/img_majorevents.webp') }}');">
  214.                     <div class="card-info">
  215.                         <h3>Major events</h3>
  216.                         <p>High-profile events supported by a team of sports professionals</p>
  217.                     </div>
  218.                     <div class="card-link">
  219.                         <hr>
  220.                         <a href="{{ path('product_major_events') }}">Discover Major events
  221.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  222.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  223.                             </svg>
  224.                         </a>
  225.                     </div>
  226.                 </div>
  227.                 <div class="card" style="background-image: url('{{ asset('build/images/newdesign/img_dedicatedservices.webp') }}');">
  228.                     <div class="card-info">
  229.                         <h3>Dedicated services</h3>
  230.                         <p>On-site dedicated services</p>
  231.                     </div>
  232.                     <div class="card-link">
  233.                         <hr>
  234.                         <a href="{{ path('product_dedicated_services') }}">Discover Dedicated services
  235.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  236.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  237.                             </svg>
  238.                         </a>
  239.                     </div>
  240.                 </div>
  241.                 <div class="card" style="background-image: url('{{ asset('build/images/newdesign/img_teleportservices.webp') }}');">
  242.                     <div class="card-info">
  243.                         <h3>Aggregation services</h3>
  244.                         <p>Aggregation of content and delivery to customers</p>
  245.                     </div>
  246.                     <div class="card-link">
  247.                         <hr>
  248.                         <a href="{{ path('product_aggregation_services') }}">Discover Aggregation services
  249.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  250.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  251.                             </svg>
  252.                         </a>
  253.                     </div>
  254.                 </div>
  255.                 <div class="card" style="background-image: url('{{ asset('build/images/newdesign/img_permanentservices.webp') }}');">
  256.                     <div class="card-info">
  257.                         <h3>Permanent services</h3>
  258.                         <p>Connectivity and video services</p>
  259.                     </div>
  260.                     <div class="card-link">
  261.                         <hr>
  262.                         <a href="{{ path('product_permanent_services') }}">Discover Permanent services
  263.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  264.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  265.                             </svg>
  266.                         </a>
  267.                     </div>
  268.                 </div>
  270.             </div>
  271.         </section>
  274.         <!-- Competitions deliveres -->
  275.         <section class="container cont-eurovision-full">
  276.             <div class="separador">
  277.                 <p class="titulo-20 red">Our Experience</p>
  278.             </div>
  280.             <div class="titulo-section titulo-60">
  281.                 Competitions delivered
  282.             </div>
  284.             <div class="marquee">
  286.                 <div class="marquee-container">
  287.                     <div class="marquee-wrapper">
  288.                         <div class="marquee-content">
  289.                             <!-- Original -->
  290.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/1.png') }}" style="width: 150px"></div>
  291.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/2.png') }}" style="width: 150px"></div>
  292.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/3.png') }}" style="width: 150px"></div>
  293.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/4.png') }}" style="width: 150px"></div>
  294.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/5.png') }}" style="width: 150px"></div>
  295.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/6.png') }}" style="width: 150px"></div>
  296.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/7.png') }}" style="width: 150px"></div>
  297.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/8.png') }}" style="width: 150px"></div>
  298.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/9.png') }}" style="width: 150px"></div>
  299.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/10.png') }}" style="width: 150px"></div>
  300.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/11.png') }}" style="width: 150px"></div>
  302.                             <!-- Duplicate for better loop animation -->
  303.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/1.png') }}" style="width: 150px"></div>
  304.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/2.png') }}" style="width: 150px"></div>
  305.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/3.png') }}" style="width: 150px"></div>
  306.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/4.png') }}" style="width: 150px"></div>
  307.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/5.png') }}" style="width: 150px"></div>
  308.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/6.png') }}" style="width: 150px"></div>
  309.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/7.png') }}" style="width: 150px"></div>
  310.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/8.png') }}" style="width: 150px"></div>
  311.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/9.png') }}" style="width: 150px"></div>
  312.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/10.png') }}" style="width: 150px"></div>
  313.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-1/11.png') }}" style="width: 150px"></div>
  315.                         </div>
  316.                     </div>
  318.                     <div class="marquee-wrapper ">
  319.                         <div class="marquee-content right">
  320.                             <!-- Original -->
  321.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/1.png') }}" style="width: 200px"></div>
  322.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/2.png') }}" style="width: 200px"></div>
  323.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/3.png') }}" style="width: 250px"></div>
  324.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/4.png') }}" style="width: 250px"></div>
  325.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/5.png') }}" style="width: 250px"></div>
  326.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/6.png') }}" style="width: 250px"></div>
  327.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/7.png') }}" style="width: 250px"></div>
  328.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/8.png') }}" style="width: 250px"></div>
  329.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/9.png') }}" style="width: 250px"></div>
  330.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/10.png') }}" style="width: 250px"></div>
  331.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/11.png') }}" style="width: 250px"></div>
  332.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/12.png') }}" style="width: 250px"></div>
  333.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/13.png') }}" style="width: 250px"></div>
  334.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/14.png') }}" style="width: 250px"></div>
  335.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/15.png') }}" style="width: 250px"></div>
  336.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/16.png') }}" style="width: 250px"></div>
  337.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/17.png') }}" style="width: 250px"></div>
  338.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/18.png') }}" style="width: 250px"></div>
  339.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/19.png') }}" style="width: 250px"></div>
  340.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/20.png') }}" style="width: 250px"></div>
  341.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/21.png') }}" style="width: 250px"></div>
  342.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/22.png') }}" style="width: 250px"></div>
  343.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/23.png') }}" style="width: 250px"></div>
  344.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/24.png') }}" style="width: 250px"></div>
  345.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/25.png') }}" style="width: 250px"></div>
  346.                             <div class="marquee-item"><img src="{{ asset('build/images/newdesign/events-delivered/line-2/26.png') }}" style="width: 250px"></div>
  348.                         </div>
  349.                     </div>
  350.                 </div>
  351.             </div>
  352.         </section>
  354.         <!-- Upcoming events -->
  355.         <section class="container-fluid cont-eurovision-full back-fixed no-overlay"
  356.                  style="background-image: url('{{ asset('build/images/newdesign/background_events.webp') }}');">
  357.             <section class="container">
  359.                 <div class="separador white">
  360.                     <p class="titulo-20 white">Book your event</p>
  361.                 </div>
  363.                 <div class="titulo-section-1-2">
  364.                     <div class="left">
  365.                         <p class="titulo-60 white">Upcoming events</p>
  366.                         <p class="texto white">
  367.                             From major sports competitions to world-class live events, we ensure your content is delivered smoothly and reliably, wherever your audience is.<br>
  368.                             Browse our upcoming transmissions below and <strong>book the services you need directly through our platform.</strong>
  369.                         </p>
  370.                         <a href="{{ path('events_home') }}" class="btn btn--white">
  371.                             View all events
  372.                             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  373.                                 <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  374.                             </svg>
  375.                         </a>
  376.                     </div>
  378.                     <div class="right">
  379.                         <div class="events">
  380.                             {{ render(controller( 'App\\Controller\\EventController::getUpcomingEventsAction')) }}
  381.                         </div>
  382.                     </div>
  383.                 </div>
  385.             </section>
  386.         </section>
  388.         <!-- Follow the news -->
  389.         <section class="container cont-eurovision cont-memories">
  390.             <section class="statistics-section">
  392.                 <div class="separador">
  393.                     <p class="titulo-20 red">Follow the news</p>
  394.                 </div>
  396.                 <div class="titulo-section-doble">
  397.                     <div class="left">
  398.                         <h2 class="titulo-60">Insights</h2>
  399.                     </div>
  401.                     <div class="right">
  402.                         <p class="texto">
  403.                             Stay up to date with the latest from Eurovision Services.<br>
  404.                             From industry insights and success stories to product updates and company news, this is where we share what’s happening behind the scenes — and what’s coming next.
  405.                         </p>
  406.                     </div>
  407.                 </div>
  409.                 <div class="swiper insights insightSwiper">
  410.                     <div class="swiper-wrapper">
  411.                         {{ render(controller( 'App\\Controller\\InsightController::getLatestInsightsAction')) }}
  412.                     </div>
  413.                     <div class="button-prev">
  414.                         <svg xmlns="http://www.w3.org/2000/svg" width="42" height="16" viewBox="0 0 42 16" fill="none">
  415.                             <path d="M41 9C41.5523 9 42 8.55228 42 8C42 7.44772 41.5523 7 41 7L41 9ZM0.292893 7.29289C-0.0976295 7.68341 -0.0976296 8.31658 0.292892 8.7071L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41422 8L8.07107 2.34314C8.46159 1.95262 8.46159 1.31945 8.07107 0.928929C7.68054 0.538405 7.04738 0.538405 6.65685 0.928929L0.292893 7.29289ZM41 7L1 7L1 9L41 9L41 7Z" fill="#DD0031"/>
  416.                         </svg>
  417.                     </div>
  418.                     <div class="button-next">
  419.                         <svg xmlns="http://www.w3.org/2000/svg" width="42" height="16" viewBox="0 0 42 16" fill="none">
  420.                             <path d="M1 7C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9V7ZM41.7071 8.70711C42.0976 8.31658 42.0976 7.68342 41.7071 7.29289L35.3431 0.928932C34.9526 0.538408 34.3195 0.538408 33.9289 0.928932C33.5384 1.31946 33.5384 1.95262 33.9289 2.34315L39.5858 8L33.9289 13.6569C33.5384 14.0474 33.5384 14.6805 33.9289 15.0711C34.3195 15.4616 34.9526 15.4616 35.3431 15.0711L41.7071 8.70711ZM1 9H41V7H1V9Z" fill="#DD0031"/>
  421.                         </svg>
  422.                     </div>
  423.                 </div>
  425.                 <div class="cta-memories">
  426.                     <a href="{{ path('insight_home') }}" class="btn btn--red">Browse all insights
  427.                         <svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13" fill="none">
  428.                             <path d="M1 5.75C0.585786 5.75 0.25 6.08579 0.25 6.5C0.25 6.91421 0.585786 7.25 1 7.25V5.75ZM21.5303 7.03033C21.8232 6.73744 21.8232 6.26256 21.5303 5.96967L16.7574 1.1967C16.4645 0.903806 15.9896 0.903806 15.6967 1.1967C15.4038 1.48959 15.4038 1.96447 15.6967 2.25736L19.9393 6.5L15.6967 10.7426C15.4038 11.0355 15.4038 11.5104 15.6967 11.8033C15.9896 12.0962 16.4645 12.0962 16.7574 11.8033L21.5303 7.03033ZM1 7.25H21V5.75H1V7.25Z" fill="currentColor"/>
  429.                         </svg>
  430.                     </a>
  431.                 </div>
  433.             </section>
  434.         </section>
  436.     </main>
  438. {% endblock %}