NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia "LuzDivina" (comunidad religiosa) usando HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y patrones de UI del ejemplo analizado: header fijo con logo a la izquierda, menú de navegación centrado, botón carrito/donaciones a la derecha; hero de pantalla completa con fondo difuminado, título grande en tipografía Playfair Display, subtítulo en Inter, botón primary "Únete". Después, bloques secuenciales:
1. Sobre Nosotros: grid de 2 columnas, imagen a la izquierda, texto a la derecha, título h2, párrafo, botón secundario.
2. Eventos Próximos: grid de 3 tarjetas, cada una con imagen, fecha destacada en círculo, título, breve descripción y botón "Ver detalles".
3. Ministerios: 4 column
3.537 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.537 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 fija con logo, menú y carrito.
- 1.2 Hero principal con título y botón.
- 1.3 Bloque Sobre Nosotros.
- 1.4 Eventos próximos en grid.
- 1.5 Ministerios destacados.
- 1.6 CTA de donaciones con contador.
- 1.7 Testimonios.
- 1.8 Footer informativo.
ABOUT
- 2.1 Cabecera compartida.
- 2.2 Hero secundario con imagen y subtítulo.
- 2.3 Historia de la comunidad en dos columnas.
- 2.4 Equipo pastoral con fotos.
- 2.5 Footer.
EVENTS
- 3.1 Cabecera.
- 3.2 Listado de eventos en tarjetas con fecha, hora y lugar.
- 3.3 Calendario interactivo.
- 3.4 Footer.
MINISTRIES
- 4.1 Cabecera.
- 4.2 Grid de ministerios con iconos y enlaces a detalle.
- 4.3 Sección de voluntariado.
- 4.4 Footer.
DONATIONS
- 5.1 Cabecera.
- 5.2 Formulario de donación con opciones de monto y método.
- 5.3 Testimonios de impacto.
- 5.4 Footer.
CONTACT
- 6.1 Cabecera.
- 6.2 Formulario de contacto y mapa incrustado.
- 6.3 Información de oficina y horarios.
- 6.4 Footer.
PROMPTS RELACIONADOS · BELLEZA / SPA
