Footer

<footer class="n7-footer">
    <div class="n7-footer__navigation-row n7-background-gray-01">
        <!-- RP 240322 - Changed classes -->
        <div class="container grid gap-y-2 md:flex md:pr-0">

            <!-- Left block  -->
            <div class="flex flex-col gap-6 pt-6 pb-6 md:pt-10 md:pb-12 md:pr-10">
                {% render '@logo',{ classes:'mb-1', size: 'w-52', alt: ''}, true %}
                
                <address class="grid gap-3 n7-content-03 text-sm">
                    <p>OFFHEALTH S.p.a.
                    <br>P.Iva – IT 06335340482
                    <br>Via Giovanni Paisiello, 10 – 50144 – Firenze (FI)
                    <br>Tel.: +39 055 016 17 71
                    <br><a class="n7-link n7-link--sm text-current" href="mailto:info@offhealth.it">info@offhealth.it</a></p>
                </address>

                <img src="/images/logo-certification.svg" width="155" alt="" class="" />
                <div>
                    <a class="n7-link n7-link--sm n7-link--underline text-current" href="#">ISO 13485 IT originale IT302832</a>
                    <br><a class="n7-link n7-link--sm n7-link--underline text-current" href="#">ISO 9001 IT originale IT302831</a>
                </div>
            </div>

            {% if navigationRow == 'extended' %}
            <!-- Center block -->
            <!-- Three columns - To be implemented dynamic number of columns -->
            <div class="grid xl:grid-cols-3 w-full md:pb-12">
                <div class="basis-full lg:basis-1/2 xl:basis-full pt-8 md:pt-14 md:px-6">
                    <nav aria-labelledby="footerMainNav01">
                        <h2 id="footerMainNav01" class="text-lg text-primary-900 font-medium mb-4">Chi siamo</h2>
                        <ul class="flex flex-col gap-2">
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">La Nostra identità</a>
                            </li>
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">Missione e Valori</a>
                            </li>
                        </ul>
                    <nav>
                </div>
                <div class="basis-full lg:basis-1/2 xl:basis-full pt-8 md:pt-14 md:px-6">
                    <nav aria-labelledby="footerMainNav02">
                        <h2 id="footerMainNav02" class="text-lg text-primary-900 font-medium mb-4">Salute dell’Occhio</h2>
                        <ul class="flex flex-col gap-2">
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">Anatomia dell'Occhio</a>
                            </li>
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">Condizioni e malattie dell’occhio</a>
                            </li>
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">FAQ sulla Salute Oculare</a>
                            </li>
                        </ul>
                    <nav>
                </div>
                <div class="basis-full lg:basis-1/2 xl:basis-full pt-8 md:pt-14 md:px-6">
                    <nav aria-labelledby="footerMainNav03">
                        <h2 id="footerMainNav03" class="text-lg text-primary-900 font-medium mb-4">Ricerca e Innovazione</h2>
                        <ul class="flex flex-col gap-3">
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">Progetti attivi</a>
                            </li>
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">Attività di ricerca</a>
                            </li>
                            <li>
                                <a href="#" class="n7-link n7-link--sm text-current">FAQ sulla Salute Oculare</a>
                            </li>
                        </ul>
                    <nav>
                </div>
            </div>

            <!-- Right block  -->
            <!-- RP 240322 - Changed classes and added style -->
            <div class="lg:min-w-[375px] max-md:mt-6 max-md:mx-[-1rem] pt-14 pb-12 px-6" style="background: #fff url('/images/bullets-pattern-02.svg') no-repeat right bottom">
                <div class="flex flex-col gap-8 justify-center h-full">
                    <h2 class="n7-display-heading-6">Visita<br>lo <strong>store online</strong></h2>
                    <p>Scopri il nostro assortimento completo di soluzioni per la cura degli occhi.</p>
                    {% render '@button--icon-right', {label:'Visita ora', href: '#', classes: 'max-md:w-full max-md:justify-center md:n7-btn--s md:w-fit' }, true %}
                </div>
            </div>
            {% endif %}

            {% if navigationRow == 'minimal' %}
            <div class="grid gap-6 md:gap-3 md:justify-end md:flex-1">
                <!-- Menu footer  -->
                <nav class="pb-4 border-b md:border-b-0 n7-border-gray-01" aria-label="Contatti e segnalazioni">
                    <ul class="flex gap-y-3 md:gap-y-4 flex-wrap">
                        {% for navItem in navItems %}
                        <li class="group md:border-r n7-border-gray-01 md:last:border-r-0">
                            <a href="" class="n7-link px-4 md:px-6 md:py-2 group:last:md:pr-0 text-sm md:text-md lg:text-lg n7-content-03">{{ navItem.label }}</a>
                        </li>
                        {% endfor %}
                    </ul>
                </nav>

                <div class="md:text-right self-end grid gap-3 px-5 md:px-0">
                    <p class="text-sm font-bold">ARTEA partecipa agli open data di Regione Toscana</p>
                    <a href="" class="n7-link n7-link--sm text-sm md:justify-end">https://opentoscana.com {% render '@icon',{ id: 'mini--arrow-right-on-rectangle', size: 'w-4 h-4', classes: 'ml-1' }, true %}</a>
                </div>
            </div>
            {% endif %}
        </div>
    </div>

    <!-- Footer bottom bar -->
    {% block bottomBar %}
    {% if hasBottomBar %}
    <div class="n7-footer__bottom-bar border-t n7-border-gray-01 n7-background-gray-02 py-6">
        <div class="container grid gap-6 md:flex items-center">
            <!-- Utilities and other -->
            <nav aria-label="Utilità">
                <ul class="flex gap-y-3 gap-x-5 md:gap-y-1 flex-wrap">
                    {% for bottomNavItem in bottomNavItems %}
                        <li>
                            <a href="#" class="n7-link n7-link--sm text-current py-1 px-3 n7-content-03 text-sm">{{ bottomNavItem.label }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </nav>
        </div>
    </div>
    {% endif %}
    {% endblock bottomBar %}
</footer>