NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para **Proyecto Aurora**, una organización sin ánimo de lucro que conecta personas y recursos para generar cambio real. Usa **HTML**, **Tailwind CSS CDN**, y **JavaScript vanilla** en un único archivo. Reproduce fielmente la **estructura visual** y la **experiencia interactiva** del sitio origen, sin copiar texto ni imágenes.
**Alcance**
- Header fijo con logo (SVG placeholder), menú principal con dropdowns y megamenú, botón primario "Contactar".
- Hero animado: título grande, subtítulo, y carrusel de tres screenshots (usar imágenes de placeholder). Animación de aparición desde abajo.
- Sección "Confían en nosotros": fondo gris claro, encabezado blanco, párrafo descriptivo.
- Bloques posteriores (testimonios, contadores, llamada a la acción) pueden ser repres
3.781 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.781 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, menú desplegable (incluye megamenú) y botón "Contactar"
- 1.2 Hero de página con título principal, descripción breve y carrusel de screenshots
- 1.3 Sección de confianza "Confían en nosotros" con título, párrafo y fondo de tono claro
- 1.4 (añadir más bloques según sea necesario)
ABOUT US
- 1.1 Cabecera interna con título de página y breadcrumb
- 1.2 Texto descriptivo de la misión y visión
- 1.3 Imagen ilustrativa y bloques de valores
PROGRAMS
- 1.1 Lista de programas con tarjetas, imagen, título y breve descripción
- 1.2 Botón de "Descubrir más" bajo cada tarjeta
SUCCESS STORIES
- 1.1 Galería de historias de impacto con cards de imagen y extracto
- 1.2 Enlace a detalle de cada historia
DONATE
- 1.1 Formulario de donación rápido con monto predefinido y campo personalizado
- 1.2 Testimonios y llamados a la acción
CONTACT US
- 1.1 Formulario de contacto con nombre, email, asunto y mensaje
- 1.2 Mapa incrustado y datos de la sede
FOOTER (presente en todas las páginas)
- 1.1 Área de enlaces rápidos (Inicio, Sobre nosotros, Programas, Historias, Contacto)
- 1.2 Redes sociales con íconos
- 1.3 Texto de derechos y política de privacidad
PROMPTS RELACIONADOS · MISCELLANEOUS
