NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web single-file en HTML con Tailwind CSS por CDN y JavaScript vanilla para la home de Belluna Dental, una clínica dental boutique con tienda online de productos de cuidado oral. Todo en un único archivo index.html, sin frameworks, sin build, listo para abrir en navegador.
MARCA
- Nombre: Belluna Dental
- Sector: clínica dental boutique con ecommerce de higiene oral y reserva de citas online
- Dominio: bellunadental.com
- Email: hola@bellunadental.com
- Claim: Sonrisas cuidadas con calma y precisión
- Año: 2025
- Tono: cercano, sereno, profesional, sin marketing agresivo, en español de España
STACK Y REQUISITOS TÉCNICOS
- HTML5 semántico, Tailwind vía CDN (script de cdn.tailwindcss.com), JS vanilla en un <script> al final
- Tipografías Google Fonts: Fraunces para titulares (serif
9.212 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
9.212 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 Hero con foto de consulta y CTAs principales
- 1.2 Logos de colaboradores y sellos
- 1.3 Sobre nosotros con contadores
- 1.4 Slider de servicios destacados
- 1.5 Por qué elegirnos en 4 columnas
- 1.6 Equipo de dentistas
- 1.7 Banner CTA cita
- 1.8 Productos destacados de la tienda
- 1.9 Timeline del proceso de visita
- 1.10 Slider de testimonios
- 1.11 Últimas entradas del blog
- 1.12 Contacto con formulario y mapa
- 1.13 Footer oscuro completo
SOBRE NOSOTROS
- 2.1 Hero secundario con breadcrumb
- 2.2 Historia de la clínica con dos imágenes superpuestas
- 2.3 Misión, visión y valores en tres tarjetas
- 2.4 Galería de instalaciones
- 2.5 Contadores de trayectoria
- 2.6 CTA final
EQUIPO
- 3.1 Hero secundario
- 3.2 Grid completo de dentistas con filtro por especialidad
- 3.3 Banner únete al equipo
DETALLE DENTISTA
- 4.1 Cabecera con foto grande, nombre, especialidad y datos de contacto
- 4.2 Biografía extensa en dos columnas
- 4.3 Formación y certificaciones en lista
- 4.4 Horario de consulta
- 4.5 Otros profesionales relacionados
SERVICIOS
- 5.1 Hero secundario
- 5.2 Grid de todos los servicios con icono y descripción
- 5.3 Bloque comparativo de tratamientos
- 5.4 CTA reservar
DETALLE SERVICIO
- 6.1 Cabecera con imagen y título
- 6.2 Descripción en dos columnas con índice lateral pegajoso
- 6.3 Beneficios en iconos
- 6.4 Preguntas frecuentes acordeón
- 6.5 Servicios relacionados
PRECIOS
- 7.1 Hero secundario
- 7.2 Tabla de tratamientos con tres planes
- 7.3 Nota sobre financiación
- 7.4 FAQ corto
FAQ
- 8.1 Hero secundario
- 8.2 Acordeón agrupado por categorías con buscador
- 8.3 CTA contacto
TESTIMONIOS
- 9.1 Hero secundario
- 9.2 Grid masonry de testimonios
- 9.3 Vídeo testimonio destacado
TIENDA
- 10.1 Hero secundario
- 10.2 Barra de filtros laterales y orden
- 10.3 Grid de productos paginado
- 10.4 Bloque de envío y garantía
DETALLE PRODUCTO
- 11.1 Galería a la izquierda, info a la derecha con cantidad y añadir
- 11.2 Tabs descripción / ingredientes / uso
- 11.3 Productos relacionados
BLOG
- 12.1 Hero secundario
- 12.2 Post destacado grande
- 12.3 Grid de posts con filtro por categoría
- 12.4 Paginación
DETALLE POST
- 13.1 Cabecera con categoría, título, autor y fecha
- 13.2 Imagen ancha
- 13.3 Contenido con índice lateral
- 13.4 Compartir y autor
- 13.5 Posts relacionados
EMPLEO
- 14.1 Hero secundario
- 14.2 Lista de vacantes con departamento y ubicación
- 14.3 Beneficios de trabajar con nosotros
DETALLE VACANTE
- 15.1 Cabecera con título y datos
- 15.2 Descripción, requisitos y se ofrece
- 15.3 Formulario de aplicación
CONTACTO
- 16.1 Hero secundario
- 16.2 Datos de la clínica con iconos
- 16.3 Formulario amplio
- 16.4 Mapa estilizado a ancho completo
PROMPTS RELACIONADOS · SALUD Y MEDICINA