NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa (HTML único, Tailwind CSS mediante CDN, JavaScript vanilla) para la marca ficticia **NobleCruz** (agencia de viajes para peregrinaciones). Usa la siguiente paleta y tipografía basada en el sitio original:
- Colores: #0A1724 (azul noche), #1E3A5F (azul medio), #F5F7FA (gris claro), #FFFFFF (blanco), #E63946 (rojo acento).
- Fuentes: **Inter** para texto y **Playfair Display** para encabezados, importadas desde Google Fonts.
Estructura y contenido:
1. **Header (navbar)**: barra fija con logo SVG (placeholder), enlaces Home, Sobre Nosotros, Servicios, Contacto, Equipo, Paquetes y botón de carrito (ícono de bolsa con contador). Menú colapsable para móvil.
2. **Hero**: fondo blanco, tagline en texto gris claro, logo grande centrado con animación de entrada, título
4.188 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.188 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, enlaces de página y botón de carrito
- 1.2 Hero con tagline, imagen/logo animado, textos destacados y llamada a la acción
- 1.3 Sección "Sobre nosotros" con imagen a la izquierda y texto descriptivo a la derecha
- 1.4 Sección de servicios con tarjetas horizontales que resaltan beneficios
- 1.5 Testimonios en carrusel vertical
- 1.6 Galería de destinos en cuadrícula responsive
- 1.7 Pie de página con logotipos, enlaces rápidos y datos de contacto
ABOUT
- 2.1 Imagen principal de presentación
- 2.2 Texto institucional con subtítulo y párrafo descriptivo
- 2.3 Valores clave en iconos con descripción breve
SERVICE
- 3.1 Lista de paquetes con tarjeta de imagen, título, breve descripción y botón “Más info”
- 3.2 Filtros de categoría y precios en barra lateral
PACKAGES
- 4.1 Detalle de paquete con galería de imágenes, itinerario en tabla, lista de inclusiones y formulario de reserva
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje y mapa embed de ubicación
TEAM
- 6.1 Grid de perfiles de equipo con foto, nombre, rol y botón de redes sociales
FOOTER
- 7.1 Información de empresa, enlaces de navegación, suscripción al boletín y redes sociales
PROMPTS RELACIONADOS · VIAJES Y TURISMO
