{{ template "headersMenu.html" . }}

<section class="flex relative justify-center items-center" style="padding-bottom:72px">
    <div class="container relative">
        <div class="col-span-12 my-auto w-full">
            <h1 class="mt-24 mb-8 text-xl font-bold text-left md:text-3xl">{{ "Mentions légales" | t}}</h1>
            <div class="grid lg:grid-cols-12 md:grid-cols-2 gap-[30px]">
                <div class="col-span-6 text-sm lg:col-span-4">
                    <div class="pb-5 text-xl font-bold">{{ "HÉBERGEUR" | t}}</div>
                    {{ "édité par la société de droit français" | t }}
                    <a href="//datamix.io" class="text-[22px] focus:outline-none">
                        <img src="/cdn/design/logos/datamix-black.png" class="block my-1 h-5 dark:hidden" alt="">
                        <img src="/cdn/design/logos/datamix-white.png" class="hidden my-1 h-5 dark:block" alt="">
                    </a>
                    <p class="text-xs">6 av. Neil Armstrong<br>33692 Merignac Cedex - France</p><br>
                    <p class="text-xs">
                        <b class="font-bold">RCS</b> Bordeaux 809 290 752<br><b class="font-bold">APE</b> 5829C <br>
                        <b class="font-bold">{{ "TVA intracommunautaire" | t }}</b> FR01809290752
                    </p>
                </div>
                <div class="col-span-6 text-sm lg:col-span-4">
                    <div class="pb-5 text-xl font-bold">{{ "INFRASTRUCTURE" | t }}</div>
                    {{ "hébergée par la société de droit français" | t }}
                    <div class="text-lg font-bold text-[22px] focus:outline-none">OVH SAS</div>
                    <p class="text-xs">2 rue Kellermann<br>59100 Roubaix - France</p><br>
                    <p class="text-xs">
                        <b class="font-bold">RCS</b> Lille 424 761 419<br><b class="font-bold">APE</b> 6202A <br>
                        <b class="font-bold">{{ "TVA intracommunautaire" | t }}</b> FR22424761419
                    </p>
                </div>
                <div class="col-span-6 text-sm lg:col-span-4">
                    {{ if .brand.Name.Valid }}
                    <div class="text-xl font-bold">{{ "Editeur" | t}}</div>
                    <div class="pb-5 text-xl">{{ .brand.Name.String }}</div>
                    {{ end }}
                    <div class="text-xl font-bold">{{ "DPO" | }}</div><br>
                    <div class="pb-5"><a href="mailto:dpodatamix.io@rima-conseils-et-services.fr" class="text-lg font-bold underline">Richard Sadowski</a><br>
                        c/o RIMA Conseils & Services<br>
                        <span class="text-xs">{{ "Personne déléguée à la protection des données personnelles, conformément au RGPD européen" | t }}</span></div>
                </div>
            </div>

        </div>
    </div>
    
</section>

{{ template "footerMenu.html" . }}