Alain Afflelou Design System

Reassurance 

<div class="bg-neutral-150 py-10 md:py-16">
    <div class="container flex justify-center items-center gap-6 md:gap-10 flex-wrap">
        <div class="flex items-center text-neutral-800 font-medium gap-2">
            <svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.1615L21.75 7.0365V16.9635L12 21.8385L2.25 16.9635V7.0365L7.65678 4.33311C7.66162 4.33062 7.66648 4.32819 7.67137 4.32582L12 2.1615ZM8 5.83855L4.67705 7.50002L12 11.1615L15.3229 9.50002L8 5.83855ZM17 8.6615L19.3229 7.50002L12 3.83855L9.67705 5.00002L17 8.6615ZM16.25 10.7135L12.75 12.4635V19.7865L20.25 16.0365V8.71355L17.75 9.96355V13C17.75 13.4142 17.4142 13.75 17 13.75C16.5858 13.75 16.25 13.4142 16.25 13V10.7135ZM11.25 12.4635L3.75 8.71355V16.0365L11.25 19.7865V12.4635Z" fill="currentColor" />
            </svg>
            Livraison et retour offerts en magasin
        </div>
        <div class="flex items-center text-neutral-800 font-medium gap-2">
            <svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.25 6C0.25 5.58579 0.585786 5.25 1 5.25H15C15.4142 5.25 15.75 5.58579 15.75 6V9.25H18.5C18.7115 9.25 18.9133 9.33934 19.0554 9.49601L22.5554 13.3532C22.6806 13.4911 22.75 13.6708 22.75 13.8571V18C22.75 18.4142 22.4143 18.7499 22.0001 18.75L20.7362 18.7502C20.6118 19.8751 19.6581 20.75 18.5 20.75C17.3419 20.75 16.3882 19.8751 16.2638 18.7502L8.73624 18.7503C8.61176 19.8751 7.65805 20.75 6.5 20.75C5.34189 20.75 4.38813 19.875 4.26374 18.7501L3.9998 18.75C3.58558 18.7499 3.24989 18.414 3.25 17.9998C3.25011 17.5856 3.58599 17.2499 4.0002 17.25L4.62877 17.2502C4.85472 16.9126 5.16962 16.6395 5.53993 16.4645C5.76527 16.3581 6.01113 16.2879 6.26995 16.2616C6.34559 16.2539 6.42234 16.25 6.5 16.25C6.59344 16.25 6.68554 16.2557 6.77596 16.2667C7.01806 16.2963 7.24817 16.3644 7.46007 16.4645C7.83042 16.6395 8.14534 16.9126 8.3713 17.2503L14.25 17.25V6.75H1C0.585786 6.75 0.25 6.41421 0.25 6ZM15.75 17.2501L16.6287 17.2502C16.8315 16.9473 17.1058 16.6963 17.4275 16.5216C17.5341 16.4637 17.6458 16.4142 17.7618 16.3739C17.8542 16.3418 17.9492 16.3156 18.0465 16.2957C18.193 16.2657 18.3447 16.25 18.5 16.25C18.8417 16.25 19.1654 16.3261 19.4553 16.4623C19.8277 16.6371 20.1443 16.9111 20.3713 17.2502L21.25 17.2501V14.1467L18.1678 10.75H15.75V17.2501ZM1.25 9C1.25 8.58579 1.58579 8.25 2 8.25H4.5C4.91421 8.25 5.25 8.58579 5.25 9C5.25 9.41421 4.91421 9.75 4.5 9.75H2C1.58579 9.75 1.25 9.41421 1.25 9ZM2.25 12C2.25 11.5858 2.58579 11.25 3 11.25H4.5C4.91421 11.25 5.25 11.5858 5.25 12C5.25 12.4142 4.91421 12.75 4.5 12.75H3C2.58579 12.75 2.25 12.4142 2.25 12ZM3.25 15C3.25 14.5858 3.58579 14.25 4 14.25H4.5C4.91421 14.25 5.25 14.5858 5.25 15C5.25 15.4142 4.91421 15.75 4.5 15.75H4C3.58579 15.75 3.25 15.4142 3.25 15ZM5.75025 18.4806C5.75008 18.4871 5.75 18.4935 5.75 18.5C5.75 18.9142 6.08579 19.25 6.5 19.25C6.91421 19.25 7.25 18.9142 7.25 18.5C7.25 18.4917 7.24987 18.4834 7.2496 18.4751C7.24016 18.1855 7.06647 17.9373 6.81865 17.8209C6.73911 17.7835 6.65203 17.7597 6.56044 17.7524C6.5405 17.7508 6.52034 17.75 6.5 17.75C6.38626 17.75 6.27821 17.7754 6.18135 17.8209C5.93196 17.9381 5.75764 18.1886 5.75025 18.4806ZM17.7502 18.4806C17.7501 18.4871 17.75 18.4935 17.75 18.5C17.75 18.9142 18.0858 19.25 18.5 19.25C18.9142 19.25 19.25 18.9142 19.25 18.5C19.25 18.488 19.2497 18.4761 19.2492 18.4643C19.2362 18.1875 19.0732 17.95 18.8397 17.8311C18.8094 17.8157 18.7779 17.8024 18.7455 17.7911C18.705 17.7771 18.6629 17.7664 18.6196 17.7595C18.5806 17.7532 18.5407 17.75 18.5 17.75C18.3863 17.75 18.2782 17.7754 18.1814 17.8209C17.932 17.9381 17.7576 18.1886 17.7502 18.4806Z" fill="currentColor" />
            </svg>
            Expédition sous 24/48h
        </div>
        <div class="flex items-center text-neutral-800 font-medium gap-2">
            <svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 7V11H15.25V7C15.25 5.20507 13.7949 3.75 12 3.75C10.2051 3.75 8.75 5.20507 8.75 7ZM7.25 11V7C7.25 4.37665 9.37665 2.25 12 2.25C14.6234 2.25 16.75 4.37665 16.75 7V11H17.5C18.6046 11 19.5 11.8954 19.5 13V20C19.5 21.1046 18.6046 22 17.5 22H6.5C5.39543 22 4.5 21.1046 4.5 20V13C4.5 11.8954 5.39543 11 6.5 11H7.25ZM18 13C18 12.7239 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.7239 6 13V20C6 20.2761 6.22386 20.5 6.5 20.5H17.5C17.7761 20.5 18 20.2761 18 20V13ZM12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5C12.5523 15.5 13 15.9477 13 16.5C13 17.0523 12.5523 17.5 12 17.5Z" fill="currentColor" />
            </svg>
            Paiement 100% sécurisé
        </div>
        <div class="flex items-center text-neutral-800 font-medium gap-2">
            <svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12.3004 7.77791C11.7767 7.68808 11.2381 7.78649 10.78 8.05572C10.3219 8.32495 9.97383 8.74762 9.7975 9.24887C9.66004 9.63961 9.23186 9.84494 8.84111 9.70749C8.45037 9.57004 8.24504 9.14185 8.3825 8.75111C8.67638 7.91569 9.25644 7.21124 10.0199 6.76252C10.7834 6.31381 11.6811 6.14978 12.554 6.2995C13.4268 6.44921 14.2185 6.90301 14.7888 7.58052C15.359 8.25785 15.6712 9.11509 15.67 10.0005C15.6698 11.3983 14.6312 12.3439 13.836 12.874C13.4155 13.1543 13.0004 13.3614 12.6933 13.4978C12.5182 13.5757 12.3405 13.6479 12.1594 13.7108L12.1581 13.7112C11.7651 13.8422 11.3395 13.6301 11.2085 13.2372C11.0776 12.8446 11.2895 12.4203 11.6817 12.2889L11.6846 12.2879C11.8201 12.2404 11.953 12.1854 12.0841 12.1271C12.3396 12.0136 12.6744 11.8456 13.004 11.626C13.7087 11.1562 14.17 10.6018 14.17 9.99999V9.99887C14.1708 9.46751 13.9835 8.95302 13.6413 8.54652C13.2991 8.14002 12.8241 7.86774 12.3004 7.77791ZM12 16.25C11.5858 16.25 11.25 16.5858 11.25 17C11.25 17.4142 11.5858 17.75 12 17.75H12.01C12.4242 17.75 12.76 17.4142 12.76 17C12.76 16.5858 12.4242 16.25 12.01 16.25H12Z" fill="currentColor" />
            </svg>
            <span>Service client gratuit au <a href="tel:0 800 34 34 34">0 800 34 34 34</a></span>
        </div>
    </div>
</div>
 
<div class="bg-neutral-150 py-10 md:py-16">
    <div class="container flex justify-center items-center gap-6 md:gap-10 flex-wrap">
        {% render "@reassurance-item" with {
            icon: {name: 'library--delivery'},
            text: 'Livraison et retour offerts en magasin'
        } %}
        {% render "@reassurance-item" with {
            icon: {name: 'library--delivery-fast'},
            text: 'Expédition sous 24/48h'
        } %}
        {% render "@reassurance-item" with {
            icon: {name: 'library--lock-closed'},
            text: 'Paiement 100% sécurisé'
        } %}
        {% render "@reassurance-item" with {
            icon: {name: 'library--help'},
            text: '<span>Service client gratuit au <a href="tel:0 800 34 34 34">0 800 34 34 34</a></span>'
        } %}
    </div>
</div>
 
/* No context defined. */

No notes defined.