NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca **Aurea Estancia** (hotel boutique de lujo) usando **HTML estático con Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. El diseño debe reproducir los patrones visuales del template analizado: header fijo con logotipo a la izquierda, menú hamburguesa animado que revela un overlay con navegación; hero full‑screen con fondo de imagen difusa, título grande, subtítulo y botón CTA; tipografía principal **"Playfair Display"** para encabezados y **"Inter"** para cuerpo; paleta de colores: #1A1A1A (negro profundo), #FFFFFF (blanco), #C9A66B (dorado cálido), #F5F5F5 (gris claro) y acentos #8B5E3C (marrón‑dorado). Usa componentes de UI: cuadrícula de 4 tarjetas de servicios, slider horizontal para la galería de habitaciones, carrusel de te
4.049 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.049 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ú hamburguesa y enlace de contacto
- 1.2 Hero con fondo de imagen, título destacado y botón CTA
- 1.3 Bloque de introducción con párrafo breve y dos columnas de texto
- 1.4 Servicios: cuadrícula de 4 tarjetas con icono, título y descripción
- 1.5 Galería de habitaciones: slider horizontal con imágenes y overlay
- 1.6 Testimonios: carrusel de tarjetas con foto, nombre y comentario
- 1.7 Formulario de reserva rápido (fecha, noches, huéspedes, botón)
- 1.8 Footer con links de navegación, información legal y redes sociales
SOBRE NOSOTROS
- 2.1 Banner interior con foto de fondo y título
- 2.2 Texto histórico y misión en dos columnas
- 2.3 Equipo: tarjetas con foto, nombre y cargo
HABITACIONES
- 3.1 Grid de tarjetas de habitación con foto, nombre, breve descripción y botón "Ver más"
- 3.2 Modal de detalle con galería y lista de servicios
SERVICIOS
- 4.1 Lista de servicios con iconos y textos explicativos
- 4.2 Section de spa y bienestar con imagen y CTA
GALERÍA
- 5.1 Grid de imágenes ampliables (lightbox)
BLOG
- 6.1 Lista de artículos con miniatura, título, extracto y fecha
- 6.2 Paginación simple
CONTACTO
- 7.1 Formulario de contacto (nombre, email, mensaje, botón)
- 7.2 Mapa incrustado y datos de ubicación
POLÍTICAS
- 8.1 Texto de políticas de privacidad y cookies
PROMPTS RELACIONADOS · VIAJES Y TURISMO
