{% import 'app/_inc/macros.html.twig' as m %}
<footer id="footer">
<div class="ct top">
<ul>
<li><h3 class="h4">{{ 'The Suite'|trans|raw }}</h3></li>
{{ m.li('Tome', path('software-tome')) }}
{{ m.li('Lore', path('software-lore')) }}
</ul>
<ul>
<li><h3 class="h4">{{ "Support"|trans|raw }}</h3></li>
{{ m.li('nav.faq', path('faq')) }}
{{ m.li('nav.contact', path('contact')) }}
</ul>
<ul>
<li><h3 class="h4">{{ "Company"|trans|raw }}</h3></li>
{{ m.li('nav.about', path('about')) }}
{{ m.li('nav.actu', path('article_list')) }}
</ul>
<ul>
<li><h3 class="h4">{{ "Become a member"|trans|raw }}</h3></li>
{{ m.li("Sign up", path('preregister')) }}
{{ m.li('Log in', path('fos_user_profile_show')) }}
</ul>
<ul class="socials">
<li><h3 class="h4">{{ "Join us"|trans|raw }}</h3></li>
<li>{{ m.btn('share/discord', 'Discord', social.discord) }}</li>
<li>{{ m.btn('share/instagram', 'Instagram', social.instagram) }}</li>
{# <li>{{ m.btn('share/reddit', 'Reddit', social.discord) }}</li>#}
</ul>
</div>
<div class="ct middle">
<div class="line"></div>
<div class="logo_light">{{ m.svg('icon/icons-ollam/amsel_light') }}</div>
</div>
<div class="ct bottom">
<ul>
{{ m.li('nav.legal', path('legal')) }}
{{ m.li('nav.sitemap', path('sitemap')) }}
{{ m.li('nav.rgpd', path('rgpd')) }}
{{ m.li('nav.cookies', path('cookies')) }}
</ul>
<div class="property">
{{ 'footer.copy'|trans({'%site%':'all.site'|trans,'%year%':'now'|date('Y')})|raw }}
</div>
{{ m.language() }}
</div>
</footer>