{# Footer Business Newsletter #}
<footer class="footer-business-newsletter">
    <div class="container">
        <div class="footer-4col">
            <div><h4>{{ site.name }}</h4><p>{{ site.description }}</p></div>
            <div><h4>Liens</h4><ul>{% set siteName = site.internalName|param(app.request.server.get('REQUEST_URI')) %}{% for p in site.pages|filter(v => v.displayMenuFooter)|sort((a, b) => a.menuFooterOrder <=> b.menuFooterOrder)|slice(0, 5) %}{% set param = siteName|merge({'name':p.nameMenuUrl}) %}<li><a href="{{ path('page'|route(app.request.server.get('REQUEST_URI')), param) }}">{{ p.nameMenu }}</a></li>{% endfor %}</ul></div>
            <div><h4>Contact</h4><p>Retrouvez-nous sur nos réseaux</p>{% if config.showSocial %}<div class="fbn-social">{% if site.facebook %}<a href="{{ site.facebook }}"><i class="si-icon-facebook"></i></a>{% endif %}{% if site.twitter %}<a href="{{ site.twitter }}"><i class="si-icon-twitter"></i></a>{% endif %}{% if site.instagram %}<a href="{{ site.instagram }}"><i class="si-icon-instagram"></i></a>{% endif %}</div>{% endif %}</div>
            {% if config.showNewsletter %}<div><h4>Newsletter</h4><p>Restez informé</p><form class="newsletter-form"><input type="email" placeholder="Votre email"><button type="submit">S'inscrire</button></form></div>{% endif %}
        </div>
        <div class="fbn-bottom"><p>© {{ 'now'|date('Y') }} {{ site.name }}. Propulsé par <a href="https://www.izibrick.com">Izibrick</a></p></div>
    </div>
</footer>
<style>.footer-business-newsletter{background:#f5f5f5;padding:3rem 0 1rem}.footer-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.footer-4col h4{margin-bottom:1rem;color:#333}.footer-4col ul{list-style:none;padding:0}.footer-4col li{margin-bottom:0.5rem}.footer-4col a{color:#666;text-decoration:none}.fbn-social{display:flex;gap:0.75rem;margin-top:1rem}.fbn-social a{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:var(--colorTheme);color:#fff;border-radius:4px}.newsletter-form{display:flex;gap:0.5rem;margin-top:1rem}.newsletter-form input{flex:1;padding:0.5rem;border:1px solid #ddd;border-radius:4px}.newsletter-form button{padding:0.5rem 1rem;background:var(--colorTheme);color:#fff;border:none;border-radius:4px;cursor:pointer}.fbn-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid #ddd;color:#666}.fbn-bottom a{color:var(--colorTheme)}@media (max-width:768px){.footer-4col{grid-template-columns:1fr}}</style>