x-cloak style="display: none" .fixed.inset-0.z-40 class="bg-stone-900/40" @click="open = false" .fixed.inset-y-0.right-0.z-50.w-full.overflow-y-auto.bg-white.px-6.py-6.sm:max-w-sm.sm:ring-1 class="sm:ring-stone-900/10" .flex.items-center.justify-between a.-m-1.5.p-1.5 href="/" span.sr-only Hippobilier = image_tag(asset_path('logo_hippobilier_small.png'), alt: 'Hippobilier', class: 'h-8 w-auto') button.-m-2.5.rounded-md.p-2.5.text-stone-700 type="button" @click="open = false" span.sr-only Fermer svg.h-6.w-6 fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" .mt-6.flow-root .-my-6.divide-y class="divide-stone-500/10" .space-y-2.py-6 = link_to 'Produit', "/#produit", class: '-mx-3 block rounded-lg px-3 py-2 text-base font-medium text-stone-900 hover:bg-stone-50', '@click' => 'open = false' = link_to 'Pour qui', "/#pour-qui", class: '-mx-3 block rounded-lg px-3 py-2 text-base font-medium text-stone-900 hover:bg-stone-50', '@click' => 'open = false' = link_to 'Tarifs', "/#tarifs", class: '-mx-3 block rounded-lg px-3 py-2 text-base font-medium text-stone-900 hover:bg-stone-50', '@click' => 'open = false' = link_to 'Blog', blog_path, class: '-mx-3 block rounded-lg px-3 py-2 text-base font-medium text-stone-900 hover:bg-stone-50' .py-6.space-y-3 - if user_signed_in? = link_to 'Tableau de bord', dashboard_path, class: '-mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-stone-900 hover:bg-stone-50' - else = link_to 'Se connecter', new_user_session_path, class: '-mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-stone-900 hover:bg-stone-50' = link_to 'Créer mon compte gratuit', new_user_registration_path, class: 'block rounded-xl bg-indigo-600 px-5 py-3 text-center text-base font-semibold text-white shadow-sm hover:bg-indigo-500'