{{ template "headersMenu.html" . }}

<section class="relative py-28 md:py-24">

    <div class="container">
        <div class="grid md:grid-cols-12 grid-cols-1 items-center gap-[30px] px-2">

            <div class="md:col-span-6">
                <div>
                    <h3 class="text-3xl font-bold md:text-4xl">{{ "Conçu en France." | t }}<br/>{{ "Pensé global." | t }}</h3>
                    <p class="mt-6 max-w-xl text-md">{{ "Si l'entreprise est domiciliée à Mérignac depuis sa création, nous avons été précurseurs en terme d'optimisation de ressources : notre équipe est entièrement organisée en télétravail depuis sa création." | t }}</p>
                    <p class="mt-6 max-w-xl text-md">{{ "Les 2 cofondateurs se sont strictement séparé deux aspects cruciaux de l'entreprise : la relation client pour Loïc, la fiabilité technique pour Cédric." | t }}</p>
                    <p class="mt-6 max-w-xl text-md">{{ "Vous avez ainsi pu croiser Loïc au dernier Websummit, ou en RDV à Bordeaux, Paris, Barcelone, Cannes, Rennes, Nice, Marseille, Strasbourg, et Cédric à Imperia, Cordoue ou Barcelone." | t }}</p>
                </div>
            </div>
            <div class="md:col-span-6">
                <div class="grid grid-cols-12 gap-6 items-center">
                    <div class="col-span-6">
                        <div class="grid grid-cols-1 gap-6">
                            <img src="/cdn/design/pics/team01.jpg" class="rounded-md shadow" alt="">
                            <img src="https://scontent-lcy1-1.xx.fbcdn.net/v/t39.30808-6/315075960_505552108255692_2113569310114235582_n.jpg?stp=cp6_dst-jpg&_nc_cat=103&ccb=1-7&_nc_sid=8bfeb9&_nc_ohc=nk8_DUjYjegAX84WoQI&_nc_oc=AQm6cHEabaZ-Vu70pUTn0PW7zd5Tc9klMVSBtfzq6YGArgGotnxH44cpoINJ0Di1eQo&_nc_ht=scontent-lcy1-1.xx&oh=00_AfA5QTCnmBf9X5gLKqdzDq5HTn7gbDwsCKkAplUN_XOu0Q&oe=63EECC30" class="rounded-md shadow" alt="">
                        </div>
                    </div>

                    <div class="col-span-6">
                        <div class="grid grid-cols-1 gap-6">
                            <img src="/cdn/design/pics/team02.jpg" class="rounded-md shadow" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-16 md:mt-24">
        <div class="grid grid-cols-1 text-center">
            <h3 class="mb-1 text-2xl font-semibold leading-normal md:text-3xl md:leading-normal">{{ "Contactez-nous pour toute question" | t }}</h3>
            <div class="">
                <a href="mailto:contact@datamix.io" class="mx-3 mt-2 text-indigo-600 rounded-md border-indigo-600 btn hover:text-white hover:bg-indigo-600 hover:border-indigo-600"><i class="uil uil-envelope"></i> {{ "Contacts presse" | t }}</a>
                <a href="https://calendly.com/_pm" class="mx-3 mt-2 text-indigo-600 rounded-md border-indigo-600 btn hover:text-white hover:bg-indigo-600 hover:border-indigo-600"><i class="uil uil-phone"></i> {{ "Prendre RDV" | t }}</a>
                <a href="mailto:support@card.pm" class="mx-3 mt-2 text-indigo-600 rounded-md border-indigo-600 btn hover:text-white hover:bg-indigo-600 hover:border-indigo-600"><i class="uil uil-envelope"></i> {{ "Contact client" | t }}</a>
            </div>
        </div>
    </div>
</section>

{{ template "footerMenu.html" . }}