{% set groups = {
    'Créer': [
        { label: 'Création de site', url: '/creation-site-internet-guadeloupe/' },
        { label: 'Application mobile', url: '/creation-application-mobile-guadeloupe/' },
        { label: 'Infographie', url: '/infographie-en-guadeloupe/' },
        { label: 'Photographie', url: '/photographe-professionnel-guadeloupe/' },
    ],
    'Gérer': [
        { label: 'Hébergement & domaine', url: '/hebergement-et-nom-de-domaine-guadeloupe/' },
        { label: 'Référencement SEO', url: '/referencement-seo-guadeloupe/' },
        { label: 'Référencement local', url: '/referencement-local-guadeloupe/' },
        { label: 'Google Ads', url: '/referencement-google-adwords-guadeloupe/' },
    ],
    'Gagner du temps': [
        { label: 'Automatisation IA', url: '/automatisation-ia-guadeloupe/' },
        { label: 'Chatbot IA', url: '/creation-chatbot-ia-guadeloupe/' },
    ],
} %}

<div class="mobile-menu" id="mobile-menu" role="dialog" aria-modal="true" aria-label="Menu" aria-hidden="true">
    <div class="mobile-menu__head">
        <a class="brand" href="/"><img src="/images/symbole-salam-140.webp" alt="" width="30" height="30"> <span class="brand__name">SALAM</span></a>
        <button class="mobile-menu__close" aria-label="Fermer le menu">&times;</button>
    </div>

    {% for group, items in groups %}
        <div class="m-acc">
            <button class="m-acc__btn" aria-expanded="false">{{ group }} <span aria-hidden="true">+</span></button>
            <div class="m-acc__panel">
                {% for item in items %}<a href="{{ item.url }}">{{ item.label }}</a>{% endfor %}
            </div>
        </div>
    {% endfor %}

    <div class="m-acc">
        <a class="m-acc__btn" href="/financement-numerique-guadeloupe/" style="text-decoration:none">Chèque TIC <span class="pill pill--accent">Gratuit</span></a>
    </div>
    <div class="m-acc"><a class="m-acc__btn" href="/nos-realisations/">Réalisations</a></div>
    <div class="m-acc"><a class="m-acc__btn" href="/blog/">Blog</a></div>

    <a class="btn btn--primary" href="/demande-de-devis/" style="margin-top:24px;justify-content:center">Devis gratuit</a>
</div>