NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **CimaLibre** (gimnasio de escalada) usando **HTML + Tailwind CDN + JavaScript vanilla** en un solo archivo. La web debe reproducir el diseño visual y la estructura del sitio analizado, sin copiar ningún contenido literal.
**Alcance**
- Header fijo con logo (SVG placeholder), menú horizontal con enlaces a Home, Escalada, Membresía, Eventos y un mega‑dropdown "Todas las páginas" que despliegue columnas con enlaces internos. Incluye botón primario "Probar escalada" con flecha derecha.
- Hero a pantalla completa con video de fondo (loop, muted, autoplay) y superposición de texto: título grande, párrafo corto y botón CTA "Reserva tu primera escalada".
- Sección "Más que un gimnasio": layout de dos columnas, imagen vertical a la izquierda (pl
4.381 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.381 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 Header con logo, menú mega‑dropdown y botón "Probar escalada"
- 1.2 Hero: título principal, párrafo introductorio, botón "Reserva tu primera escalada" y video loop de fondo
- 1.3 Bloque "Más que un gimnasio": imagen vertical a la izquierda, texto a la derecha con título y párrafo
- 1.4 Bloque de Clases: rejilla de 3‑4 tarjetas con imagen, nombre de la clase y botón "Ver detalle"
- 1.5 Bloque de Instalaciones: mosaico de fotos con efecto hover y breve descripción
- 1.6 Testimonios: carrusel de 3‑5 opiniones con foto, nombre y cita breve
- 1.7 CTA de Suscripción: fondo sólido, texto motivador y campo de email + botón "Suscríbete"
- 1.8 Footer: columnas de enlaces (Sobre, Clases, Eventos, Contacto), íconos de redes sociales y datos de contacto
ABOUT US
- 2.1 Header (reutilizado)
- 2.2 Hero interno con imagen de fondo y título "Sobre CimaLibre"
- 2.3 Texto histórico y misión en dos columnas
- 2.4 Equipo de entrenadores: grid de tarjetas con foto, nombre y breve bio
- 2.5 CTA "Únete a nuestra comunidad"
- 2.6 Footer (reutilizado)
CLASSES
- 3.1 Header
- 3.2 Lista de clases: tarjetas con imagen, nivel, horario y botón "Inscribirse"
- 3.3 Sidebar con filtros (nivel, día, tipo)
- 3.4 Footer
EVENTS
- 4.1 Header
- 4.2 Calendario de eventos: tarjetas con fecha, descripción y botón "Más info"
- 4.3 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto: nombre, email, mensaje y botón "Enviar"
- 5.3 Mapa incrustado
- 5.4 Footer
PROMPTS RELACIONADOS · GIMNASIO / FITNESS