<div class="absolute hidden w-full h-10 mt-10 bg-transparent group-hover:block"> <div class="hidden bg-neutral-50 mt-10 min-w-[15rem] border-b-4 shadow-xl shadow-neutral-400/20 group-hover:block border-neutral-200 border-b-primary-500"> <ul class="grid py-4"> {% for page in page.pages %} <li> <a class="relative flex items-center px-8 py-3 normal-case transition-colors hover:bg-neutral-100" href="{{ page.href }}" target="{{ page.target }}"> <span class="text-base text-neutral-900 {{ page.active ? 'font-bold' : ' ' }}"> {{ page.label }} </span> </a> </li> {% endfor %} </ul> </div></div>