NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LunaCumbre** (agencia digital) usando **HTML estático en un único archivo**, **Tailwind CSS vía CDN**, y **JavaScript vanilla** para interactividad. El sitio debe replicar la estructura y estilo observados en el ejemplo proporcionado, sin copiar texto ni imágenes originales; inventa contenidos propios en español de España.
---
**Alcance**
- Página única que contiene todas las secciones listadas en el apartado "secciones".
- Header fijo con logo (texto LunaCumbre) y botón de menú hamburguesa que abre un panel lateral con enlaces a Home, Sobre Nosotros, Trabajos, Blog y Contacto.
- Hero con animación de aparición de letras (usando CSS keyframes) y subtítulo centrado.
- Slider horizontal automático de imágenes de proyectos (3 imágenes visib
5.176 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.176 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 y menú hamburguesa
- 1.2 Hero principal con animación de texto y subtítulo
- 1.3 Slider de imágenes destacadas
- 1.4 Carrusel de logos de marcas colaboradoras
- 1.5 Bloque "Sobre nosotros" con título, párrafo y contadores numéricos
- 1.6 Imagen amplia de proyecto acompañada de texto
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Header reutilizable
- 2.2 Hero secundario con título y descripción
- 2.3 Galería de fotos de equipo
- 2.4 Texto explicativo y CTA
- 2.5 Footer reutilizable
WORKS
- 3.1 Header reutilizable
- 3.2 Grid de proyectos con imágenes y hover overlay
- 3.3 Filtros por categoría
- 3.4 Footer reutilizable
BLOG
- 4.1 Header reutilizable
- 4.2 Lista de artículos con miniaturas y extractos
- 4.3 Paginación
- 4.4 Footer reutilizable
CONTACT
- 5.1 Header reutilizable
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa incrustado
- 5.4 Footer reutilizable
PROMPTS RELACIONADOS · PORTAFOLIO
