NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML5, TailwindCSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la estructura de un hotel boutique de lujo llamado **Brisa Resort**. Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #C5A880 (dorado arena), #3A3A3A (gris oscuro), #E5E5E5 (gris claro). Tipografía: **Playfair Display** para encabezados y **Inter** para cuerpo.
---
### Requisitos de layout
1. **Barra superior** fija arriba con número telefónico, email y iconos sociales (Facebook, X, Instagram, LinkedIn) usando font‑awesome.
2. **Header** con logo a la izquierda, menú de navegación horizontal (Home, Sobre nosotros, Habitaciones, Galería, Contacto) y botón resaltado "Añadir Hotel" a la derecha. El menú debe colapsarse en un ícon
3.943 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.943 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 Barra superior con contacto y redes sociales
- 1.2 Header con logo, menú principal y botón "Añadir Hotel"
- 1.3 Hero principal con título, subtítulo y botón CTA
- 1.4 Slider de imágenes destacado
- 1.5 Galería de fotos en cuadrícula
- 1.6 Sección de ventajas con íconos y texto
- 1.7 Testimonios en carrusel
- 1.8 Llamada a la acción para reserva
- 1.9 Footer con enlaces, contacto y redes
ABOUT US
- 2.1 Banner interior con título "Sobre nosotros"
- 2.2 Texto descriptivo del resort
- 2.3 Imagen de ambiente
- 2.4 Equipo destacado con mini‑perfiles
ROOMS
- 3.1 Lista de habitaciones en tarjetas con foto, nombre y breve descripción
- 3.2 Botón "Ver más" que abre detalle CMS (simulado)
GALLERY
- 4.1 Cuadrícula de imágenes filtrables por categoría
- 4.2 Lightbox al hacer clic
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa estático de ubicación
- 5.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · VIAJES Y TURISMO
