1 Menú de Navegación de Tienda — AI
📘 Tarea: Crea un Menú de Navegación para una Tienda
Usa el asistente de IA para completar cada tarea. Completa las tareas en orden — primero genera el menú,
luego agrega modificaciones y funcionalidad.
- Pídele a la IA que genere un menú de navegación para una tienda en línea
- El menú debe incluir: logo, enlaces de navegación e icono de carrito
- Esta es la tarea principal — complétala primero
- Encuentra cualquier texto en el menú — por ejemplo, una etiqueta de enlace o el nombre de la tienda
- Cámbialo por algo diferente — edítalo usando IA
- Encuentra un bloque de precio en la página
- Cambia el precio a un valor diferente
- El nuevo precio debe aparecer en la página
- Agrega un banner de descuento que aparezca solo a cierta hora del día
- Por ejemplo: de 18:00 a 22:00 — muestra "¡Descuento de tarde: 20% de descuento!"
- Fuera de ese horario — el banner está oculto
- Agrega un botón 🌙 / ☀️ que cambie entre temas oscuro y claro
- El tema seleccionado debe guardarse al recargar la página
- Haz que el encabezado se quede fijo en la parte superior al desplazarse
- El menú siempre debe estar visible incluso cuando el usuario hace scroll
📌 Importante:
Primero genera el menú — luego agrega modificaciones y funcionalidad.
Verifica cada tarea en el navegador antes de pasar a la siguiente.
