NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática de una clínica dental ficticia llamada "Clínica Lira" usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe replicar la estructura y estilo del sitio analizado:
- Paleta de colores: #0A2647 (azul profundo), #144272 (azul medio), #1E81B0 (azul claro), #F0F4F8 (gris muy claro), #FFFFFF (blanco).
- Tipografía: Inter (Google Fonts) para títulos y body, tamaños fluidos con tailwind (text-4xl, text-lg, etc.).
- Header fijo con logo a la izquierda, navegación anclada a secciones (Home, About, Services, Team, Reviews, FAQs, Contact) y botón "Reserva" a la derecha. Menú colapsable en móvil usando `data-collapse-toggle`.
- Sección Hero ocupa pantalla completa, fondo con imagen de odontología, título grande en blanco, subtítulo, botó
3.804 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.804 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 con logo, menú anclado y botón de compra
- 2.1 Hero principal con título, subtítulo, botón CTA y multimedia
- 3.1 Slider de reseñas de pacientes y valoración media
- 4.1 Carrusel de logotipos de clientes
- 5.1 Sección de servicios (iconos + breves descripciones)
- 6.1 Equipo profesional (foto, nombre, posición, estrellas)
- 7.1 Preguntas frecuentes en formato acordeón
- 8.1 Formulario de contacto con campos nombre, email, teléfono, mensaje
- 9.1 Footer con datos de la clínica, enlaces útiles y redes sociales
SERVICES
- 1.1 Lista de servicios (limpieza, ortodoncia, implantes, etc.)
- 2.1 Cada servicio con icono, título y breve texto
TEAM
- 1.1 Grid de profesionales con foto, nombre, especialidad y rating
FAQ
- 1.1 Preguntas y respuestas en acordeón interactivo
CONTACT
- 1.1 Formulario de contacto completo
- 2.1 Mapa incrustado con ubicación
- 3.1 Información de contacto rápido (teléfono, email, dirección)
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
