NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia **MentaEdu** (educación online) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo. La página debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar textos ni imágenes originales.
**Alcance**
- Header fijo con logo (SVG simple), enlaces: Home, Sobre Nosotros, Programas, Cursos, Blog, Contacto y un carrito con contador. Incluye dos dropdowns: "Menú" (enlaces principales) y "Educación Temprana" (enlaces a Food, Day Plan, First Day, Admission, Events). El botón del carrito abre un modal vacío.
- Footer con 4 columnas: Navegación (Home, Sobre Nosotros, Programas, Cursos), Recursos (Blog, FAQ, Política de Privacidad), Contacto (email, teléfono, dirección) y Redes Sociales (iconos SVG).
- **S
4.332 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.332 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación fija con logo, enlaces principales, dropdowns y carrito
- 1.2 Hero principal con fondo ilustrado, título, subtítulo y botón de acción
- 1.3 Bloque de ventajas en tres columnas con iconos y texto breve
- 1.4 Galería de programas destacados con tarjetas y filtros
- 1.5 Sección de cursos populares con carrusel horizontal
- 1.6 Testimonios rotativos con foto y cita
- 1.7 Llamada a la suscripción al boletín
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Header interno con título de página y breadcrumb
- 2.2 Texto descriptivo de la escuela y valores
- 2.3 Equipo docente en tarjetas con foto y bio breve
- 2.4 Ventajas ampliadas en lista con iconos
- 2.5 CTA para inscribirse
- 2.6 Footer común
PROGRAMS
- 3.1 Header con título y filtro por categoría
- 3.2 Grid de tarjetas de programa con imagen, nombre y botón "Ver detalle"
- 3.3 Paginación inferior
- 3.4 Footer común
COURSES
- 4.1 Header con título y barra de búsqueda
- 4.2 Lista de cursos en tarjetas con rating y precio
- 4.3 Sidebar con categorías y precios
- 4.4 Footer común
BLOG
- 5.1 Header con título y filtro por tags
- 5.2 Lista de artículos en formato tarjeta con imagen, título y extracto
- 5.3 Paginación
- 5.4 Footer común
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de contacto y horario
- 6.4 Footer común
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 17/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
