templates/components/footer_landing.html.twig line 1

  1. <footer class="bg-[#ffcc00] text-black py-5 px-4">
  2.     <div class="container mx-auto">
  3.         <div class="flex flex-col md:flex-row items-center gap-4 md:gap-12">
  4.             <div class="flex items-center gap-2 -ml-4">
  5.                 <img src="{{ asset('/images/site/logo_footer.png') }}" alt="Roomlers Logo" class="h-16">
  6.                 <h2 class="text-2xl font-bold">{{ 'footer.roomlers'|trans }}</h2>
  7.             </div>
  8.             <div class="text-2xl font-bold text-left md:w-2/5 md:ml-20 lg:ml-80">
  9.                 {{ 'footer.tagline'|trans|raw }}
  10.             </div>
  11.         </div>
  13.         <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-8">
  14.             <div>
  15.                 <h3 class="text-xl font-bold mb-4">{{ 'footer.roomlers'|trans }}</h3>
  16.                 <ul class="space-y-2">
  17.                     <li><a href="{{ path('qui') }}" class="hover:underline">{{ 'footer.about_us'|trans }}</a></li>
  18.                     <li><a href="{{ path('services') }}" class="hover:underline">{{ 'footer.our_services'|trans }}</a></li>
  19.                     <li><a href="{{ path('partenaire') }}" class="hover:underline">{{ 'footer.our_partners'|trans }}</a></li>
  20.                     <li><a href="{{ path('contact') }}" class="hover:underline">{{ 'footer.contact_us'|trans }}</a></li>
  21.                 </ul>
  22.             </div>
  24.             <div>
  25.                 <h3 class="text-xl font-bold mb-4">{{ 'footer.help_and_advice'|trans }}</h3>
  26.                 <ul class="space-y-2">
  27.                     <li><a href="{{ path('attestation') }}" class="hover:underline">{{ 'footer.accommodation_prereservation'|trans }}</a></li>
  28.                     <li><a href="{{ path('assurance') }}" class="hover:underline">{{ 'footer.home_insurance'|trans }}</a></li>
  29.                 </ul>
  30.             </div>
  32.             <div>
  33.                 <h3 class="text-xl font-bold mb-4">{{ 'footer.guides'|trans }}</h3>
  34.                 <ul class="space-y-2">
  35.                     <!-- Hidden Links -->
  36.                 </ul>
  37.             </div>
  38.         </div>
  40.         <div class="mt-8 text-center text-sm">
  41.             <p>
  42.                 <span id="copyright"></span> |
  43.                 <a href="{{ path('mentions_legales') }}" class="hover:underline">{{ 'footer.legal_notices'|trans }}</a> |
  44.                 <a href="{{ path('cookies') }}" class="hover:underline">{{ 'footer.cookie_policy'|trans }}</a> |
  45.                 <a href="{{ path('privacy') }}" class="hover:underline">{{ 'footer.privacy_policy'|trans }}</a> |
  46.                 <a href="{{ path('cgv') }}" class="hover:underline">{{ 'footer.terms_and_conditions'|trans }}</a>
  47.             </p>
  49.             <div class="flex justify-center items-center mt-4 space-x-4">
  50.                 <a href="https://www.instagram.com/roomlers/" target="_blank" rel="noopener noreferrer">
  51.                     <img src="{{ asset('/images/icons/instagram.png') }}" alt="Instagram" class="h-6">
  52.                 </a>
  53.                 <a href="https://www.linkedin.com/company/roomlers/" target="_blank" rel="noopener noreferrer">
  54.                     <img src="{{ asset('/images/icons/linkedin.png') }}" alt="LinkedIn" class="h-6">
  55.                 </a>
  56.                 <a href="https://www.facebook.com/roomlers?locale=fr_FR" target="_blank" rel="noopener noreferrer">
  57.                     <img src="{{ asset('/images/icons/noir.png') }}" alt="Facebook" class="h-6">
  58.                 </a>
  59.             </div>
  60.         </div>
  61.     </div>
  62. </footer>
  64. <script>
  65.     // Récupérer l'élément copyright
  66.     const copyrightElement = document.getElementById('copyright');
  68.     // Obtenir l'année en cours
  69.     const currentYear = new Date().getFullYear();
  71.     // Définir le texte du copyright
  72.     copyrightElement.textContent = `© ${currentYear} Roomlers`;
  73. </script>