templates/galilea/import/components/footer.twig line 1

  1. <footer class="sticky bottom-0 left-0 text-sm text-white bg-brand-50">
  2.     <div class="pt-20 pb-12">
  3.         <div class="container">
  4.             <div class="flex relative flex-col gap-y-8 lg:flex-row">
  5.                 <div class="text-3xl text-center lg:text-5xl lg:text-left leading-[1.1] basis-2/5 text-balance">
  6.                     {{ footer_title }}
  7.                 </div>
  9.                 <nav class="flex gap-10 justify-between md:gap-20 md:mx-auto lg:grid lg:grid-cols-3 lg:gap-16 lg:mr-0 lg:ml-auto">
  10.                     {% for group in footer_nav %}
  11.                         <div class="flex flex-col gap-6 lg:flex-row">
  12.                             <div class="font-medium tracking-wide leading-4 uppercase text-[0.625rem] text-white/60">
  13.                                 {{ group.title }}
  14.                             </div>
  16.                             <div class="flex flex-col gap-5 leading-none">
  17.                                 {% for item in group.items %}
  18.                                     <a href="{{item.url}}" class="transition-all hover:text-secondary-50" {{ item.target ? ('target="' ~ item.target ~ '" rel="noopener noreferrer"')|raw }}>{{ item.title }}</a>
  19.                                 {% endfor %}
  20.                             </div>
  21.                         </div>
  22.                     {% endfor %}
  23.                 </nav>
  24.             </div>
  26.             <div class="relative aspect-square mx-auto w-1/4 -mt-[5%] pointer-events-none -z-10">
  27.                 <canvas class="size-full" x-rive.nopause="{{ footer_animation }}"></canvas>
  28.             </div>
  30.             <div class="flex flex-col gap-y-3 gap-x-8 items-center pt-12 whitespace-nowrap lg:grid grid-cols-[1fr_min-content_1fr]">
  31.                 <div>
  32.                     {{ footer_copyright|raw }}
  33.                 </div>
  35.                 <nav class="flex gap-10 justify-center items-center lg:justify-left">
  36.                     {% for item in social %}
  37.                         <a href="{{item.url}}" class="flex gap-1 items-center transition-all hover:text-secondary-50" {{ item.target ? ('target="' ~ item.target ~ '" rel="noopener noreferrer"')|raw }}>
  38.                             {{ item.title }}
  39.                             {% if item.target %}
  40.                                 <span class="inline-block relative w-[0.6em] -top-[0.1em]">
  41.                                     {% include (baseIncludePath ? baseIncludePath : '') ~ 'svgs/external.twig' %}
  42.                                 </span>
  43.                             {% endif %}
  44.                         </a>
  45.                     {% endfor %}
  46.                 </nav>
  48.                 <nav class="flex gap-6 justify-center items-center lg:justify-end">
  49.                     {% for item in footer_subnav %}
  50.                         <a href="{{item.url}}" class="flex gap-1 items-center transition-all hover:text-secondary-50" {{ item.target ? ('target="' ~ item.target ~ '" rel="noopener noreferrer"')|raw }}>
  51.                             {{ item.title }}
  52.                             {% if item.target %}
  53.                                 <span class="inline-block relative w-[0.6em] -top-[0.1em]">
  54.                                     {% include (baseIncludePath ? baseIncludePath : '') ~ 'svgs/external.twig' %}
  55.                                 </span>
  56.                             {% endif %}
  57.                         </a>
  58.                     {% endfor %}
  59.                     <a href="https://newnow.cool" class="flex gap-1 items-center transition-all hover:text-secondary-50" target="_blank" rel="noopener noreferrer">
  60.                         Site by New Now
  61.                     </a>
  62.                 </nav>
  63.             </div>
  64.         </div>
  65.     </div>
  66. </footer>