{{ template "headersMenu.html" . }}

<section class="flex relative justify-center items-center min-h-screen " id="home">
    <div class="container relative mt-20">
        <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 class="grid grid-cols-1 items-center mb-24 gap-[30px] relative"
        style="max-width: 550px; margin: 0 auto; text-align: center;">
            <div>
                <h4 class="mb-2 text-3xl font-bold text-black lg:text-5xl dark:text-white">
					<span class="relative text-indigo-600">{{ "Créer" | t }}</span>
                </h4>
				
                <div class="flex py-2 mt-4">
					<a href="/create/app" up-follow class="flex py-10 w-full text-3xl bg-white rounded-md border-8 border-gray-200 shadow-md dark:bg-gray-800 hover:border-black hover:dark:border-white justify-content hover:text-white hover:dark:text-black backstretch animated btn hover:bg-black hover:dark:bg-white dark:text-white"><i class="mx-5 text-4xl fa-thin fa-spin fa-grid-2"></i> {{ "une application" | t }}</a>
				</div>
                <div class="flex py-2 mt-4 opacity-70 justify-content">
					<a href="/create/subscription" class="flex mx-4 text-lg bg-white rounded-md border-0 shadow-md hover:text-white dark:text-black btn hover:bg-indigo-700">{{ "un abonnement" | t }}</a>
					<a href="/create/prospect" class="flex mx-4 text-lg bg-white rounded-md border-0 shadow-md hover:text-white dark:text-black btn hover:bg-indigo-700">{{ "un prospect" | t }}</a>
                </div>
            </div>
        </div>        
    </div>
</section>

{{ template "footer.html" . }}