{{ template "headersMenu.html" . }}

<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">Votre <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">boutique</span></span> devient<br/>&nbsp;<span class="typewrite" data-period="2000" data-type='[ "toujours à jour", "toujours disponible", "compatible tout appareil", "synchronisable" ]'> <span class="wrap"></span> </span></h1>
                <p class="font-bold">Cette fonction fait partie d'un grand tout. <br> Vous recherchez sûrement <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>

{{ template "footer.html" . }}