{% import 'Core/Layout/Templates/Macro/Replace.html.twig' as txt %}{% import 'Core/Layout/Templates/Macro/Wave.html.twig' as wave %}<footer class="pt-16 mt-auto relative overflow-hidden z-10" role="contentinfo" id="end"> {{ wave.wave('top','top-0','fill-blue-dark') }} {{ wave.line('top-0','fill-transparent stroke-red') }} <div class="bg-blue-dark text-white pb-6 xl:pb-12 pt-8 xl:pt-24 [&_a]:text-white [&_a]:no-underline [&_a:active]:text-red [&_a:active]:underline [&_a:active]:decoration-1 [&_a:active]:underline-offset-2 [&_a:focus]:text-red [&_a:focus]:underline [&_a:focus]:decoration-1 [&_a:focus]:underline-offset-2 [&_a:hover]:text-red [&_a:hover]:underline [&_a:hover]:decoration-1 [&_a:hover]:underline-offset-2"> <div class="center"> <div class="flex justify-center xl:justify-between flex-wrap items-center xl:items-stretch pb-7 xl:pb-16 border-b border-gray text-center xl:text-left"> <div class="mb-8 w-full xl:mb-0 xl:order-4 xl:w-2/12"> <a href="#{{ webName }}" aria-label="{{ siteTitle }}" class="group inline-block align-top no-underline"> <img src="{{ THEME_URL }}/Core/Layout/assets/img/tomil-white.svg" alt="{{ siteTitle }}" loading="lazy" class="block mb-3" height="33" width="183"> </a> </div> <nav class="w-1/2 mb-8 xl:mb-0 text-xl sm:text-2xl xl:text-3xl xl:w-4/12 [&_li+li]:mt-2 [&_a]:inline-block [&_a]:leading-loose [&_svg]:hidden"> <ul>{{ getnavigation('page', 0, 1) }}</ul> </nav> <nav class="w-1/2 mb-8 sm:text-xl xl:mb-0 xl:w-2/12 [&_li+li]:mt-2 [&_a]:inline-block [&_a]:leading-loose"> {% for footerBrands in positions.footerBrands %}{% if footerBrands.html %}{{ txt.replace(footerBrands.html) }}{% endif %}{% endfor %} </nav> <div class="w-full xl:w-2/12"> <div class="border-b border-gray pb-7 mb-6 xl:mb-11 flex justify-center xl:justify-start">{% for footerSocial in positions.footerSocial %}{% if footerSocial.html %}{{ txt.replace(footerSocial.html) }}{% endif %}{% endfor %}</div> <div class="[&_a]:text-gray-manatee [&_li+li]:mt-3">{% for footerLinks in positions.footerLinks %}{% if footerLinks.html %}{{ txt.replace(footerLinks.html) }}{% endif %}{% endfor %}</div> </div> </div> <div class="text-center xl:text-left xl:flex xl:justify-between xl:items-center text-sm text-gray-manatee pt-8 xl:pt-12 [&_p]:mb-0"> <div>{% for footerCopy in positions.footerCopy %}{% if footerCopy.html %}{{ txt.replace(footerCopy.html) }}{% endif %}{% endfor %}</div> <div class="flex items-center gap-2 justify-center xl:justify-start mt-3 xl:mt-0"> {% for footerCreator in positions.footerCreator %}{% if footerCreator.html %}{{ txt.replace(footerCreator.html) }}{% endif %}{% endfor %} <a href="https://www.pixeldesign.cz/" target="_blank" class="group"> <img src="{{ THEME_URL }}/Core/Layout/assets/img/logo-pixel.svg" alt="Pixel Design s.r.o." loading="lazy" class="transition-all ease-in-out duration-300 group-active:scale-125 group-focus:scale-125 group-hover:scale-125" height="25" width="19"> </a> </div> </div> </div> </div></footer>