NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera una web completa en un único archivo HTML autocontenido para la marca ficticia LUMICRA PEDIATRÍA, una clínica pediátrica integral en España que acompaña el crecimiento de bebés, niños y adolescentes con criterio clínico y cercanía familiar. Dominio: lumicrapediatria.com. Email de contacto: hola@lumicrapediatria.com. Teléfono ficticio: +34 911 28 64 30. Año: 2025. Claim: 'Acompañamos el crecimiento de cada niño con criterio clínico y cercanía'.
ALCANCE: una landing principal (home) con todas las secciones descritas más abajo, navegables mediante anclas suaves. Idioma: español de España. Tono: cálido, profesional, claro, sin jerga marketinera, sin precios concretos.
STACK TÉCNICO:
- HTML5 + Tailwind CSS vía CDN (<script src='https://cdn.tailwindcss.com'></script>)
- JavaScript vanil
7.248 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.248 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 Header fijo con menú multinivel y CTA
- 1.2 Hero con título y mockups
- 1.3 Banda de confianza con features
- 1.4 Grid de servicios pediátricos
- 1.5 Por qué elegirnos con lista e imagen
- 1.6 Tarjetas de equipo médico
- 1.7 Contador animado de cifras
- 1.8 Tabs por franja de edad
- 1.9 Slider de testimonios
- 1.10 Tarjetas de planes de seguimiento
- 1.11 Últimas entradas del blog
- 1.12 CTA final de reserva
- 1.13 Footer completo
SOBRE NOSOTROS
- 2.1 Hero con título de página y breadcrumb
- 2.2 Historia de la clínica con texto e imagen
- 2.3 Misión, visión y valores en tres columnas
- 2.4 Galería de instalaciones
- 2.5 CTA de visita guiada
- 2.6 Footer
DOCTORES
- 3.1 Hero de página
- 3.2 Grid de tarjetas de doctores con filtros por especialidad
- 3.3 CTA reserva de cita
- 3.4 Footer
DETALLE DOCTOR
- 4.1 Cabecera con foto, nombre, especialidad y datos
- 4.2 Biografía y formación
- 4.3 Áreas de atención y horarios
- 4.4 Formulario de cita con ese doctor
- 4.5 Footer
SERVICIOS
- 5.1 Hero de página
- 5.2 Listado de servicios en grid con iconos
- 5.3 Bloque explicativo del proceso de consulta
- 5.4 CTA contacto
- 5.5 Footer
DETALLE SERVICIO
- 6.1 Cabecera con título e imagen
- 6.2 Descripción detallada del servicio
- 6.3 Beneficios y a quién va dirigido
- 6.4 FAQ específica del servicio
- 6.5 CTA reserva
- 6.6 Footer
PRECIOS
- 7.1 Hero de página
- 7.2 Tres tarjetas de planes de seguimiento
- 7.3 Tabla comparativa de coberturas
- 7.4 FAQ de facturación
- 7.5 Footer
FAQ
- 8.1 Hero de página
- 8.2 Acordeón de preguntas por categorías
- 8.3 CTA contacto si no encuentras respuesta
- 8.4 Footer
TESTIMONIOS
- 9.1 Hero de página
- 9.2 Grid de testimonios de familias
- 9.3 Banda de valoraciones medias
- 9.4 Footer
HORARIO
- 10.1 Hero de página
- 10.2 Tabla semanal de horarios por área
- 10.3 Mapa con ubicación
- 10.4 Footer
RESERVA DE CITA
- 11.1 Hero con título
- 11.2 Formulario de reserva paso a paso
- 11.3 Información de contacto rápido
- 11.4 Footer
CONTACTO
- 12.1 Hero de página
- 12.2 Datos de contacto y mapa
- 12.3 Formulario de contacto
- 12.4 Footer
CARRERAS
- 13.1 Hero con propuesta de valor como empleador
- 13.2 Beneficios para el equipo
- 13.3 Listado de ofertas abiertas
- 13.4 Footer
DETALLE OFERTA
- 14.1 Cabecera con título de puesto y datos
- 14.2 Descripción, requisitos y responsabilidades
- 14.3 Formulario de candidatura
- 14.4 Footer
BLOG / INSIGHTS
- 15.1 Hero de página
- 15.2 Filtros por categoría
- 15.3 Grid de artículos con paginación
- 15.4 Footer
DETALLE ARTÍCULO
- 16.1 Cabecera con título, autor y categoría
- 16.2 Imagen destacada
- 16.3 Cuerpo del artículo
- 16.4 Artículos relacionados
- 16.5 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
