{{ template "headersMenu.html" . }}

<main class="transition-fade">
    
    <section class="relative items-center py-36 bg-center bg-gradient-to-b to-transparent md:py-64 from-indigo-600/20 dark:from-indigo-600/40">
    <div class="container mt-16 md:mt-24">
        <div class="grid grid-cols-1 justify-center text-center">
            <div class="">
                <h1 class="mb-5 text-4xl font-bold leading-normal lg:leading-normal lg:text-5xl"><span class="inline-block relative before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-indigo-600"><span class="relative text-white">{{ "Vos vidéos" | t }}</span></span> {{ "deviennent" | t }}<br/>&nbsp;<span class="typewrite" data-period="2000" data-type='[ "{{ "toujours à jour" | t }}", "{{ "toujours disponibles" | t }}", "{{ "compatibles tout appareil" | t }}", "{{ "synchronisables" | t }}" ]'> <span class="wrap"></span> </span></h1>
                <p class="font-bold">{{ "Cette fonction fait partie d'un grand tout." | t }} <br> {{ "Vous recherchez sûrement" | t }} <a href="//pm.studio"><img src="/cdn/design/logos/studio-black.png" class="block inline-block h-6 dark:hidden" alt=""><img src="/cdn/design/logos/studio-white.png" class="inline-block hidden h-6 dark:block dark:inline-block" alt=""></a></p>
            </div>
        </div>
    </div>
</section>
<div class="relative">
    <div class="shape absolute right-0 sm:-bottom-px -bottom-[2px] left-0 overflow-hidden text-white dark:text-slate-900">
        <svg class="w-full h-auto" viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
        </svg>
    </div>
</div>
    <!-- End Hero -->
</main>

{{ template "footer.html" . }}