NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia CostaLuxe Resorts usando HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. El diseño debe imitar la estructura y estilo visual del template analizado:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #C5A47E (dorado suave), #F5F5F5 (gris claro).
- Tipografía: headings con 'Playfair Display', body con 'Inter'.
- Header: barra de navegación fija, logo a la izquierda, mega‑menú con columnas de enlaces (Home, About, Rooms, Restaurant, Blog, Contact, Policy), botón primario "Reserva ahora" a la derecha, ícono de carrito que muestra cantidad.
- Hero: sección a pantalla completa con fondo de vídeo (loop, mute), texto centrado grande con frase de bienvenida y botón secundario "Descubre más".
- Sección 1.3
3.640 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.640 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 de navegación fija con logo, mega‑menú y botón "Reserva ahora"
- 1.2 Hero con fondo de vídeo y frase de bienvenida
- 1.3 Tarjetas de habitaciones destacadas en grid de 3 columnas
- 1.4 Área de restaurantes y barras con imágenes y CTA
- 1.5 Testimonios de clientes en carrusel
- 1.6 Últimas entradas del blog en formato tarjeta
- 1.7 Formulario de suscripción al boletín
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT US
- 2.1 Imagen de encabezado con texto overlay
- 2.2 Historia del resort en dos columnas de texto/imágen
- 2.3 Valores y misión en bloques con iconos
- 2.4 Equipo destacado con fotos y breves biografías
- 2.5 CTA para descargar folleto y contactar
ROOMS
- 3.1 Grid de todas las habitaciones con filtro por categoría
- 3.2 Cada tarjeta muestra foto, nombre, breve descripción y botón "Ver detalles"
- 3.3 Paginación inferior
ROOM DETAIL
- 4.1 Galería de imágenes tipo carrusel
- 4.2 Descripción completa, servicios incluidos y precios ficticios
- 4.3 Formulario de reserva rápida
RESTAURANT
- 5.1 Hero con foto del restaurante
- 5.2 Menú destacado en tarjetas
- 5.3 Reserva de mesa con formulario simple
BLOG
- 6.1 Lista de entradas con imagen, título, extracto y fecha
- 6.2 Sidebar con categorías y búsqueda
BLOG DETAIL
- 7.1 Artículo completo con imagen destacada y bloque de comentarios
- 7.2 CTA para suscripción al boletín
CONTACT US
- 8.1 Mapa interactivo incrustado
- 8.2 Formulario de contacto (nombre, email, asunto, mensaje)
- 8.3 Información de contacto y horarios
PRIVACY POLICY
- 9.1 Texto legal en bloques de párrafo
TERMS & CONDITIONS
- 10.1 Texto legal en bloques de párrafo
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
