NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo single-file (HTML + Tailwind vía CDN + JavaScript vanilla) para una clínica médica ficticia llamada **Lumetra Salud**, un centro médico privado con varias especialidades (cardiología, odontología, dermatología, pediatría, traumatología, ginecología). Dominio ficticio: lumetrasalud.com. Email: hola@lumetrasalud.com. Claim: "Cuidamos cada etapa de tu salud con atención cercana". Año: 2025. Español de España, tono cercano y profesional, sin jerga marketinera, sin precios concretos. Todo el copy debe ser original.
## Stack técnico
- Un único archivo HTML autocontenido.
- Tailwind CSS por CDN.
- Google Fonts: 'Plus Jakarta Sans' para texto y 'Fraunces' para titulares.
- JavaScript vanilla para: menú móvil, dropdowns, tabs, acordeón FAQ, slider de testimonios, slider
7.850 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.850 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 Topbar de contacto y redes
- 1.2 Header con navegación y botón Urgencias
- 1.3 Hero con cita y tarjetas flotantes
- 1.4 Banda de acreditaciones
- 1.5 Sobre nosotros con valores
- 1.6 Grid de servicios médicos
- 1.7 Proceso de cita en 4 pasos
- 1.8 Contadores de cifras
- 1.9 Casos clínicos destacados
- 1.10 Carrusel de equipo médico
- 1.11 Slider de testimonios
- 1.12 Tabs de especialidades
- 1.13 FAQ acordeón
- 1.14 Últimas entradas del blog
- 1.15 CTA final pedir cita
- 1.16 Footer ancho
- 1.17 Subfooter legal
SOBRE NOSOTROS
- 2.1 Hero de página con breadcrumb
- 2.2 Historia del centro con timeline
- 2.3 Misión, visión y valores en 3 columnas
- 2.4 Instalaciones en galería
- 2.5 Equipo directivo
- 2.6 CTA final
SERVICIOS
- 3.1 Hero de página
- 3.2 Grid completo de todas las especialidades
- 3.3 Bloque de equipamiento tecnológico
- 3.4 CTA final
DETALLE DE SERVICIO
- 4.1 Hero con nombre de especialidad
- 4.2 Descripción larga con imagen lateral
- 4.3 Tratamientos incluidos en lista
- 4.4 Médicos de esa especialidad
- 4.5 FAQ específicas
- 4.6 CTA pedir cita
CASOS CLÍNICOS
- 5.1 Hero de página
- 5.2 Filtro por categoría
- 5.3 Grid de casos
- 5.4 Paginación
DETALLE DE CASO
- 6.1 Hero con título e info
- 6.2 Contenido largo con secciones
- 6.3 Resultados en cifras
- 6.4 Casos relacionados
BLOG
- 7.1 Hero de página
- 7.2 Post destacado
- 7.3 Grid de entradas
- 7.4 Sidebar con categorías y newsletter
DETALLE DE BLOG
- 8.1 Cabecera con título, autor y fecha
- 8.2 Contenido del artículo
- 8.3 Etiquetas y compartir
- 8.4 Artículos relacionados
CONTACTO
- 9.1 Hero de página
- 9.2 Bloque con datos de contacto y mapa
- 9.3 Formulario de cita previa
- 9.4 Horarios de atención
PROMPTS RELACIONADOS · HEALTH AND MEDICINE