NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **Ladera Suites**, un hotel boutique. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estética del template original, pero con contenido propio y en español de España.
**Alcance**
- Página HOME con los bloques enumerados en la clave "secciones" del JSON.
- Páginas internas: Rooms, About, Amenities, Dining, Events, Contact, cada una siguiendo la tabla de bloques.
- Cabecera fija con logo (texto "Ladera Suites" en tipografía Montserrat, color #2C3E50), menú hamburguesa que despliega enlaces en overlay oscuro, y botón carrito (icono SVG, color #D4AF37). El menú debe animarse con transición de opacidad y desplazamiento.
- Footer con fondo #1A1A1A, texto #FFFFFF, columnas d
4.784 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.784 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 Cabecera fija con logo, menú hamburguesa y carrito
- 1.2 Hero de bienvenida con fondo full‑width y botón "Reserva"
- 1.3 Bloque de habitaciones: grid de tarjetas con imagen, nombre y botón "Ver más"
- 1.4 Servicios/amenities: fila de iconos con breve descripción
- 1.5 Gastronomía: galería de imágenes y botón "Explorar menú"
- 1.6 Eventos: carrusel de tarjetas con fecha, título y botón "Más info"
- 1.7 Testimonios: 3 columnas con citas y foto de cliente
- 1.8 CTA final: fondo contrastante con botón grande "Reserva ahora"
- 1.9 Footer: columnas de enlaces (Sobre nosotros, Habitaciones, Servicios, Contacto) + iconos sociales + datos de contacto
ROOMS
- 2.1 Header reutilizado
- 2.2 Hero interno con título de la categoría
- 2.3 Lista de habitaciones: tarjetas con galería, descripción, precios y botón "Reservar"
- 2.4 CTA de suscripción al boletín
- 2.5 Footer reutilizado
ABOUT
- 3.1 Header reutilizado
- 3.2 Hero con imagen de fondo y texto institucional
- 3.3 Historia del hotel en formato two‑column layout
- 3.4 Equipo: tarjetas con foto y rol
- 3.5 Valores y compromiso en bloques de iconos
- 3.6 Footer reutilizado
AMENITIES
- 4.1 Header reutilizado
- 4.2 Hero con título "Servicios"
- 4.3 Grid de amenities: icono + título + breve descripción
- 4.4 Galería de fotos tipo slider
- 4.5 Footer reutilizado
DINING
- 5.1 Header reutilizado
- 5.2 Hero con imagen de restaurante
- 5.3 Menú destacado: lista de platos con foto y descripción
- 5.4 Reserva de mesa CTA
- 5.5 Footer reutilizado
EVENTS
- 6.1 Header reutilizado
- 6.2 Hero con fondo de evento
- 6.3 Calendario de eventos próximos (tarjetas)
- 6.4 Formulario de inscripción rápido
- 6.5 Footer reutilizado
CONTACT
- 7.1 Header reutilizado
- 7.2 Hero con mapa integrado y formulario de contacto
- 7.3 Información de contacto: dirección, teléfono, email
- 7.4 Footer reutilizado
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 25/06/2026
PROMPTS RELACIONADOS · VIAJES Y TURISMO
