NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo single-file en HTML con Tailwind CSS por CDN y JavaScript vanilla para la clínica dental ficticia 'Clínica Sonrelia' (dominio sonrelia.com, email hola@sonrelia.com, año 2025). Claim: 'Cuidamos cada sonrisa con calma y precisión'. Sector: clínica dental y estética bucal con enfoque moderno y cercano. Todo el copy en español de España, original, sin jerga marketinera, verbos en activo, sin precios concretos.
STACK Y ESTRUCTURA TÉCNICA:
- Un único archivo HTML autocontenido con Tailwind CDN (https://cdn.tailwindcss.com) y JS vanilla embebido.
- Configuración Tailwind inline para extender la paleta y tipografías.
- Navegación entre páginas mediante secciones ocultas/visibles controladas por JS (data-page) o con anclas; el header debe permitir navegar a: Home, Clínic
9.328 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
9.328 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 Preloader con contador numérico animado
- 1.2 Header sticky con menú y CTA
- 1.3 Hero con titular serif y doble CTA
- 1.4 Marquesina de logos colaboradores
- 1.5 Sobre la clínica con métricas
- 1.6 Grid de servicios dentales
- 1.7 Proceso en 4 pasos
- 1.8 Galería antes/después
- 1.9 Equipo médico
- 1.10 Testimonios de pacientes
- 1.11 Tabla de precios
- 1.12 FAQ acordeón
- 1.13 CTA pide cita
- 1.14 Últimas entradas del blog
- 1.15 Footer completo
CLÍNICA (SOBRE NOSOTROS)
- 2.1 Header
- 2.2 Hero interno con breadcrumb y titular
- 2.3 Historia de la clínica a dos columnas con imagen
- 2.4 Misión, visión y valores en tres tarjetas
- 2.5 Galería de instalaciones
- 2.6 Equipo médico completo en grid
- 2.7 Certificaciones y acreditaciones
- 2.8 CTA pide cita
- 2.9 Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero interno con título 'Tratamientos'
- 3.3 Listado completo de servicios en grid
- 3.4 Bloque destacado de tratamiento estrella
- 3.5 Proceso de consulta
- 3.6 CTA pide cita
- 3.7 Footer
SERVICIO DETALLE
- 4.1 Header
- 4.2 Hero con título del tratamiento e imagen
- 4.3 Descripción detallada en columnas
- 4.4 Beneficios en lista con iconos
- 4.5 Proceso del tratamiento
- 4.6 FAQ específica
- 4.7 Otros tratamientos relacionados
- 4.8 CTA pide cita
- 4.9 Footer
TARIFAS
- 5.1 Header
- 5.2 Hero interno
- 5.3 Tabla de precios con 3 planes
- 5.4 Comparativa detallada de incluidos
- 5.5 FAQ sobre financiación
- 5.6 CTA pide cita
- 5.7 Footer
BLOG
- 6.1 Header
- 6.2 Hero interno con buscador
- 6.3 Categorías filtrables
- 6.4 Grid de entradas con paginación
- 6.5 Newsletter
- 6.6 Footer
BLOG DETALLE
- 7.1 Header
- 7.2 Hero del artículo con imagen destacada
- 7.3 Cuerpo del artículo
- 7.4 Compartir en redes
- 7.5 Artículos relacionados
- 7.6 Footer
EMPLEO
- 8.1 Header
- 8.2 Hero interno 'Trabaja con nosotros'
- 8.3 Cultura y valores
- 8.4 Listado de vacantes abiertas
- 8.5 CTA envío de CV
- 8.6 Footer
CONTACTO
- 9.1 Header
- 9.2 Hero interno
- 9.3 Formulario de contacto a dos columnas con datos
- 9.4 Mapa de ubicación
- 9.5 Horarios y teléfono de urgencias
- 9.6 Footer
FAQ
- 10.1 Header
- 10.2 Hero interno
- 10.3 Acordeón de preguntas por categorías
- 10.4 CTA contacto
- 10.5 Footer
UTILIDADES (404, Privacidad, Licencias, Changelog, Protegido)
- 11.1 Header
- 11.2 Contenido centrado según la página
- 11.3 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
