NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web totalmente funcional llamado **LudicEdu** (dominio ficticio ludicedu.com) que reproduzca el diseño y la estructura del sitio analizado, usando **HTML único en un solo archivo**, **Tailwind CSS vía CDN** y **JavaScript vanilla** (sin frameworks).
**ALCANCE**
- Cabecera fija con logo SVG, menú principal con enlaces Home, About, Programs, Blog, Contact y menús desplegables para versiones Home V1/V2 y Pages. Incluye icono de carrito que muestra número de ítems y abre una barra lateral izquierda con detalle del carrito (lista de productos, precios, cantidades, botón "Continuar al checkout"). Botón secundario “Contact Us” a la derecha.
- Pie de página con tres columnas: (1) Enlaces institucionales (About, Programs, Blog, Contact), (2) Redes sociales (iconos SVG), (3) Informaci
5.307 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.307 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 con logo, menú desplegable, carrito y contacto
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Programas destacados en tarjetas
- 1.4 Beneficios resumidos con iconos
- 1.5 Testimonios en carrusel
- 1.6 Últimos artículos del blog
- 1.7 Suscripción al boletín
- 1.8 Footer con enlaces, redes y contacto
ABOUT US
- 2.1 Header interno idéntico al home
- 2.2 Sección de historia con imagen y texto
- 2.3 Equipo docente en tarjetas
- 2.4 Valores y misión en bloques iconográficos
- 2.5 Footer
PROGRAMS
- 3.1 Lista de programas en cuadrícula
- 3.2 Filtros de edad y categoría
- 3.3 Detalle rápido de cada programa
- 3.4 CTA "Ver más"
- 3.5 Footer
BLOG
- 4.1 Lista de artículos en tarjetas con imagen, título y extracto
- 4.2 Sidebar con categorías y suscripción
- 4.3 Footer
CONTACT US
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa estático ilustrado
- 5.3 Información de contacto y horario
- 5.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
