templates/components/footer/footer.html.twig line 1

Open in your IDE?
  1. {% import 'components/footer/macros.html.twig' as macros %}
  2. {% block testimonials %}
  3.   {% include 'layouts/testimonials-carousel.html.twig' %}
  4. {% endblock testimonials %}
  5. <footer class="footer-main">
  6.   <img src="{{ asset('build/images/border-section-footer.svg') }}" class="laptop:block absolute left-0 w-full -mb-px bottom-full laptop:bottom-[99%] z-10"/>
  7.   <div class="flex flex-col items-center laptop:max-w-screen-laptop laptop:w-full">
  8.     <section class="w-full flex flex-col laptop:grid laptop:grid-cols-[30%_auto_30%] laptop:gap-x-10 laptop:gap-y-4 laptop:items-center laptop:justify-between">
  9.       <div class="flex flex-col items-center laptop:flex-row py-6">
  10.         {{ macros.render_rrss() }}
  11.       </div>
  12.     </section>
  14.     <section class="w-full md:px-2 my-4 grid grid-cols-2 laptop:grid-cols-4 gap-y-10 md:gap-x-10">
  15.       <div class="flex flex-col items-start">
  16.         <h4 class="text-sm md:text-base leading-none font-bold text">{{ 'general.footer.about'|trans }}</h4>
  17.         <ul class="space-y-1 grid gap-1 mt-2">
  18.           <li><a href="{{ path('app_about_us') }}" class="block text-sm md:text-base leading-none">{{ 'general.static-pages.aboutus'|trans }}</a></li>
  19.           <li><a href="https://triwuu.com/blog" class="block text-sm md:text-base leading-none" target="_blank" rel="noreferrer noopener">{{ 'general.footer.blog'|trans }}</a></li>
  20.           <li><a href="https://chat.whatsapp.com/EAuS55wY1myGBQWLBVvCwn" class="block text-sm md:text-base leading-none" target="_blank" rel="noreferrer noopener">{{ 'general.footer.comm'|trans }}</a></li>
  21.         </ul>
  22.       </div>
  23.       <div class="flex flex-col items-end laptop:items-start">
  24.         <h4 class="text-sm md:text-base leading-none font-bold text-right md:text-left">{{ 'general.footer.help'|trans }}</h4>
  25.         <ul class="space-y-1 grid gap-1 mt-2 text-right laptop:text-left">
  26.           <li><a href="{{ path('app_faq') }}" class="block text-sm md:text-base leading-none">{{ 'general.static-pages.faq'|trans }}</a></li>
  27.           <li>
  28.             <a href="tel:+34681936570" class="block text-sm md:text-base leading-none">
  29.               <i class="fa-solid fa-phone mr-1 text-xs"></i><span>+34 681 936 570</span>
  30.             </a>
  31.           </li>
  32.           <li>
  33.             <a href="mailto:triwuu@triwuu.com" class="block text-sm md:text-base leading-none">
  34.               <i class="fa-regular fa-envelope mr-1 text-xs"></i><span>triwuu@triwuu.com</span>
  35.             </a>
  36.           </li>
  37.         </ul>
  38.       </div>
  39.       <div class="flex flex-col items-start">
  40.         <h4 class="text-sm md:text-base leading-none font-bold">{{ 'general.footer.trans'|trans }}</h4>
  41.         <div class="grid grid-cols-3 gap-3 mt-2">
  42.           <img src="{{ asset('build/images/visa.svg') }}"/>
  43.           <img src="{{ asset('build/images/mastercard.svg') }}"/>
  44.           <img src="{{ asset('build/images/american_express.svg') }}"/>
  45.         </div>
  46.       </div>
  47.       <div class="flex flex-col items-end laptop:items-start">
  48.         <h4 class="text-sm md:text-base font-bold text-right laptop:text-left leading-none laptop:leading-normal">{{ 'general.footer.sell'|trans }}</h4>
  49.         <ul class="space-y-1 grid gap-1 mt-2 text-right laptop:text-left">
  50.           <li>
  51.             <a href="https://proveedores.triwuu.com/" class="block text-base leading-none btn btn--primary py-1 px-2 font-bold" target="_blank" rel="noreferrer noopener">
  52.               {{ 'general.footer.info'|trans }}
  53.             </a>
  54.           </li>
  55.         </ul>
  56.       </div>
  57.     </section>
  59.     <section class="flex flex-wrap items-center justify-center laptop:justify-start gap-5 w-full my-4">
  60.     <a href="#" rel="noreferrer noopener" class="text-center flex flex-col items-center justify-center">
  61.         <p class="block text-xs leading-none text-center">Cofinanciado por la Dirección de Calidad e Industrias Alimentarias del Gobierno Vasco</p>
  62.         <img src="{{ asset('build/images/logo_gv.png') }}" alt="Cofinanciado por la Dirección de Calidad e Industrias Alimentarias del Gobierno Vasco" class="text-center navbar-main__legal__logo__gv">
  63.     </a>  
  64.       <a href="https://www.bosquessostenibles.com/projects-archive/triwu_u" target="_blank" rel="noreferrer noopener">
  65.         <img src="{{ asset('build/images/bosques-sostenibles.jpg') }}" alt="Bosques sostenibles" class="w-16 mix-blend-lighten">
  66.       </a>
  67.       <div class="flex flex-col items-center space-y-2 max-w-[15rem]">
  68.         <img src="{{ asset('build/images/bizkaia-logo.png') }}" alt="Logo Dip. Bizkaia" class="h-12">
  69.         <p class="text-xs text-center" style="text-wrap:balance">{{ 'general.backer'|trans }}</p>
  70.       </div>
  71.     </section>
  73.     <section class="w-full my-1 grid grid-cols-1 laptop:grid-cols-[25%_auto_25%] gap-x-10 gap-y-4 items-center">
  74.       <p class="text-center laptop:text-left laptop:mb-0"><small>© {{ 'now' | date('Y') }} {{ 'general.allrightsreserved'|trans }} </small></p>
  76.       <ul class="flex flex-wrap justify-center items-center mt-2 max-w-lg gap-4">
  77.         <li><a href="{{ path('app_terms_of_use') }}" class="block text-xs leading-none text-center">{{ 'general.policy.termsandconditions'|trans }}</a></li>
  78.         <li><a href="{{ path('app_legal_notice') }}" class="block text-xs leading-none text-center">{{ 'general.policy.legalnotice'|trans }}</a></li>
  79.         <li><a href="{{ path('app_privacy_policy') }}" class="block text-xs leading-none text-center">{{ 'general.policy.privacy'|trans }}</a></li>
  80.         <li><a href="{{ path('app_cookie_policy') }}" class="block text-xs leading-none text-center">{{ 'general.policy.cookie'|trans }}</a></li>
  81.       </ul>
  83.       <div class="flex flex-col items-center laptop:items-end">
  84.         <img src="{{ asset('build/images/triwu_u_logo_negative.svg') }}" alt="Logo triwu_u" class="w-32 my-2 laptop:w-30">
  85.         <p class="text-center text-base font-medium">{{ 'general.footer.union'|trans }}</p>
  86.       </div>
  87.     </section>
  88.   </div>
  89. </footer>