NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Aurea Mar Resort" (dominio aureamar.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web deberá reproducir el diseño analizado:
- **Paleta de colores**: #0A2F4F (azul profundo), #1E8FBF (cian tropical), #F5F5F5 (gris claro), #FFFFFF (blanco), #E0F7FA (acento aqua).
- **Tipografía**: "Montserrat" (peso 400, 600) para textos y "Playfair Display" para encabezados.
- **Header**: barra fija con logo (texto "Aurea Mar"), menú horizontal con enlaces Home, Resorts, Gallery, About, Contact; botón primario "Reserva ahora" y secundario "Ver resorts". Menú móvil colapsable con icono hamburger.
- **Hero**: sección a pantalla completa con fondo de imagen de overwater bungalow, título grande "Flota sobre las olas", subt
3.984 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.984 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 con logo, menú principal y botones de acción
- 1.2 Hero principal con título, subtítulo, formulario de reserva y fondo con imagen parallax
- 1.3 Bloque de características con encabezado, descripción y galería de imágenes con overlay
- 1.4 Tarjetas de servicios destacados (Spa, Yoga, Gastronomía)
- 1.5 Llamado a la acción secundaria con botón de reserva
- 1.6 Footer con enlaces de navegación, información de contacto y redes sociales
RESORTS
- 2.1 Página de listado de resorts con tarjetas de imagen y breve descripción
- 2.2 Filtro por tipo de alojamiento
- 2.3 Enlace a detalle de cada resort
DETALLE RESORT
- 3.1 Galería de imágenes en carrusel
- 3.2 Descripción extendida del resort
- 3.3 Servicios incluidos (spa, actividades, gastronomía)
- 3.4 Formulario de contacto rápido
BOOKING
- 4.1 Formulario de reserva con campos de datos personales, tipo de habitación y fechas
- 4.2 Resumen de tarifa y botón de enviar
GALLERY
- 5.1 Grid de imágenes con efecto hover y modal enlarger
- 5.2 Categorías de galería (Naturaleza, Instalaciones, Eventos)
ABOUT
- 6.1 Texto institucional y misión
- 6.2 Equipo con fotos y breve biografía
- 6.3 Timeline de historia del resort
CONTACT
- 7.1 Formulario de contacto con mapa incrustado
- 7.2 Información de dirección, teléfono y email
- 7.3 Enlaces a redes sociales
FOOTER
- 8.1 Navegación secundaria, políticas y suscripción al newsletter
PROMPTS RELACIONADOS · VIAJES Y TURISMO
