{{ template "headersMenu.html" . }}

<section class="overflow-hidden relative pt-36 md:pt-36">
    <div class="container relative">
        <div class="grid md:grid-cols-2 grid-cols-1 items-center 
            gap-[30px] min-h-screen-250 relative">
            <div class="ltr:md:mr-6 rtl:md:ml-6">
                <h4 class="mb-2 text-3xl font-bold text-black md:text-4xl dark:text-white">{{ "Partagez votre carte de visite virtuelle" | t }} <span class="relative text-indigo-600 after:absolute ltr:after:right-0 rtl:after:left-0 ltr:after:left-0 rtl:after:right-0 after:bottom-3 after:-rotate-6 after:h-2 after:w-auto after:rounded-md after:bg-indigo-600/20">{{ "sans smartphone" | t }}</span> {{ "grâce à la technologie NFC" | t }}</h4>
                <p class="my-4 max-w-xl text-lg text-slate">{{ "Le partage de votre carte de visite devient instantané lors d'une rencontre, supprimant l'étape informatique du partage (saisie du numéro pour le SMS...)." | t }}</p>
                <p class="max-w-xl text-sm text-slate-400"><a href="/">{{ "Nous privilégions l'approche dématérialisée à 100%." | t }}</a><br />{{ "Nous proposons le NFC en option uniquement." | t }}</p>
                <div class="flex mt-4">
                    <a href="/start/nfc" class="flex text-2xl text-white bg-indigo-600 rounded-md border-indigo-600 btn hover:bg-indigo-700 hover:border-indigo-700">{{ "Créer" | t }} <i class="uil uil-arrow-right"></i></a>
                </div>
            </div>

            <div class="hidden relative py-12 md:block">
                <img src="//datamix.media/fredj-nfc-dark.png" class="hidden mx-auto dark:inline-block" alt="">
                <img src="//datamix.media/fredj-nfc-light.png" class="inline-block mx-auto dark:hidden" alt="">
            </div>

            <div class="relative animate-[spin_30s_linear_infinite] -z-1">
                <span class="relative after:absolute ltr:after:left-0 rtl:after:right-0 after:bottom-1/2 after:translate-y-1/2 after:h-2 after:w-8 after:rounded-md after:bg-indigo-600/20 after:z-10"></span>
                <span class="relative after:absolute ltr:after:left-0 rtl:after:right-0 after:bottom-1/2 after:translate-y-1/2 after:rotate-90 after:h-2 after:w-8 after:rounded-md after:bg-indigo-600/20 after:z-10"></span>
            </div>
        </div>
        
    </div>
    

    <div class="container mt-4 md:mt-8">
        <ul class="mb-4 text-sm list-none text-center text-amber-400 ltr:float-right">
            <li class="inline text-2xl">
                <a href="/reviews" class="font-bold uppercase">
                    <i class="mdi mdi-star"></i>
                    <i class="mdi mdi-star"></i>
                    <i class="mdi mdi-star"></i>
                    <i class="mdi mdi-star"></i>
                    <i class="mdi mdi-star"></i>
                </a>
            </li>
            <li class="block"><a href="/reviews" class="font-bold uppercase">{{ "Voir les avis client" | t}}</a></li>
        </ul>
        <p class="text-2xl font-bold text-left text-slate">{{ "Des millers d'entreprises utilisent nos services," | t }}</p>
        <p class="mb-3 text-left text-slate text-md">{{ "avec les exigences les plus élevées en matière de protection et de sécurité des données." | t }}</p>
    </div>

    <div class="container mt-4 md:mt-8">
        <div class="grid md:grid-cols-6 grid-cols-2 justify-center gap-[0px]">

            <div class="py-4 mx-auto">
                <a href="/laposte">
                    <img src="https://datamix.media/datamix.io/enseigne/993280b78406d869b0fbaff741bf446d.png" class="h-8" alt="">
                </a>
            </div>

            <div class="py-4 mx-auto">
                <a href="/iad">
                    <img src="https://datamix.media/datamix.io/enseigne/614736951044b71a9fc163e2b1e4ec41.png" class="h-8" alt="">
                </a>
            </div>

            <div class="py-4 mx-auto">
                <a href="/orpi">
                    <img src="https://datamix.media/datamix.io/enseigne/d3b205c430f03536d4f3a4c19877d359.png" class="h-8" alt="">
                </a>
            </div>

            <div class="py-4 mx-auto">
                <a href="/century21">
                    <img src="https://datamix.media/datamix.io/enseigne/c6e164900819cde2aca4a31e904f3dd8.png" class="block h-8 dark:hidden" alt="">
                    <img src="https://datamix.media/datamix.io/enseigne/c6e164900819cde2aca4a31e904f3dd8.png" style="filter:invert(1) !important" class="hidden h-8 dark:block" alt="">
                </a>
            </div>

            <div class="py-4 mx-auto">
                <a href="/optimhome">
                    <img src="https://datamix.media/datamix.io/enseigne/ab678cf3832f7df97ddec2df09f89c88.png" class="h-8" alt="">
                </a>
            </div>

            <div class="py-4 mx-auto">
                <a href="/allianz">
                    <img src="https://datamix.media/datamix.io/enseigne/0a0a130954b04c65108c06f502db03da.png" class="block h-8 dark:hidden" alt="">
                    <img src="https://datamix.media/datamix.io/enseigne/0a0a130954b04c65108c06f502db03da.png" style="filter:invert(1) contrast(5) !important" class="hidden h-8 dark:block" alt="">
                </a>
            </div>

        </div>
        
    </div>
    

</section>

{{ template "footerMenuDetails.html" . }}