Alain Afflelou Design System

Insurance Partners 

<h2 class="text-2xl font-semibold text-gray-900 mb-4">Nos mutuelles</h2>

<p class="text-gray-700 mb-8">Plus de 500 mutuelles partenaires pour vous proposer le tiers payant : GMF, Macif, Malakoff Humanis, Alliance, Generali, Aésio Mutelle ...</p>

<div class="grid grid-cols-2 sm:grid-cols-4 gap-8 items-center justify-items-center mb-8">
    <div class="w-full flex items-center justify-center mix-blend-darken">
        <img src="/path/to/maif-logo.svg" alt="MAIF" class="object-contain">
    </div>
    <div class="w-full flex items-center justify-center mix-blend-darken">
        <img src="/path/to/harmonie-logo.svg" alt="Harmonie Mutuelle" class="object-contain">
    </div>
    <div class="w-full flex items-center justify-center mix-blend-darken">
        <img src="/path/to/macif-logo.svg" alt="MACIF" class="object-contain">
    </div>
    <div class="w-full flex items-center justify-center mix-blend-darken">
        <img src="/path/to/matmut-logo.svg" alt="Matmut" class="object-contain">
    </div>
</div>

<div class="text-center">
    <button type="button" class=" btn btn-dark-ghost ">
        Voir toutes les mutelles

    </button>
</div>
 
{# Titre de la section #}
<h2 class="text-2xl font-semibold text-gray-900 mb-4">{{ title }}</h2>

{# Description #}
<p class="text-gray-700 mb-8">{{ description }}</p>

{# Logo Grid #}
<div class="grid grid-cols-2 sm:grid-cols-4 gap-8 items-center justify-items-center mb-8">
    {% for partner in partners %}
        <div class="w-full flex items-center justify-center mix-blend-darken">
            <img
                    src="{{ partner.url }}"
                    alt="{{ partner.name }}"
                    class="object-contain"
            >
        </div>
    {% endfor %}
</div>

{# Call to Action Button #}
<div class="text-center">
    {% render "@template-button" with {
        label: ctaText,
        color: "dark-ghost",
        button_attribute: button_attribute,
    } %}
</div>
 
{
  "title": "Nos mutuelles",
  "description": "Plus de 500 mutuelles partenaires pour vous proposer le tiers payant : GMF, Macif, Malakoff Humanis, Alliance, Generali, Aésio Mutelle ...",
  "partners": [
    {
      "name": "MAIF",
      "url": "/path/to/maif-logo.svg"
    },
    {
      "name": "Harmonie Mutuelle",
      "url": "/path/to/harmonie-logo.svg"
    },
    {
      "name": "MACIF",
      "url": "/path/to/macif-logo.svg"
    },
    {
      "name": "Matmut",
      "url": "/path/to/matmut-logo.svg"
    }
  ],
  "ctaText": "Voir toutes les mutelles",
  "ctaLink": "#"
}

No notes defined.