Porque no estamos usando JavaScript. Estamos usando las capacidades nativas de Tailwind (transition-all, translate-y, opacity, ease-in-out, delay) y la utilidad group-hover.
Al aplicar la clase group al contenedor (la sección del Hero o la tarjeta del Bento), le decimos a Tailwind: “Cuando el mouse toque cualquier parte de este contenedor, activa las animaciones de todos los elementos hijos que tengan la clase group-hover”.
¿Querés que te pase el código de un Layout.astro adaptado para que el Navbar y el Footer tengan ese delay que mencionaste y este mismo estilo de carga al contacto, o prefieres implementar esto primero en el Hero y el Bento y ver cómo se siente?
← Todas las series
1 PARTES