NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca "AyudaPlus" (ayudaplus.com) usando HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño y la estructura de la plantilla original sin copiar textos ni imágenes.
**Objetivo**: una página de inicio tipo SaaS/Startup de soporte técnico con los siguientes bloques en orden:
1. **Header**: barra superior fija, fondo oscuro, logo a la izquierda (placeholder), menú horizontal con enlaces: "Inicio", "Base de Conocimientos", "Noticias", "Eventos", "Variaciones" (dropdown con dos opciones). Botón hamburguesa para móviles.
2. **Hero**: sección a pantalla completa, color de fondo primario (#2b78be). Título grande centrado, subtítulo, y debajo tres tarjetas de enlaces rápidos (columna en desktop, fila en móvil) co
4.518 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.518 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 y menú principal
- 1.2 Hero con título, subtítulo y enlaces rápidos dinámicos
- 1.3 Bloque de acceso rápido a Knowledge Base, FAQs y contacto
- 1.4 Sección “Artículos destacados” con tarjetas en cuadrícula
- 1.5 Área de contenido triple: Noticias, Eventos y FAQ
- 1.6 CTA final de contacto con tres opciones
KNOWLEDGE BASE
- 2.1 Lista de artículos con filtros por categoría
- 2.2 Barra lateral de búsqueda y categorías
FAQs
- 3.1 Lista de preguntas colapsables
- 3.2 Botón para ver todas las preguntas
NEWS
- 4.1 Lista de entradas de blog con fecha y título
- 4.2 Enlace “Ver todas” al archivo de noticias
EVENTS
- 5.1 Calendario simplificado con eventos próximos
- 5.2 Enlace “Ver todas” al listado completo de eventos
PROMPTS RELACIONADOS · SAAS / STARTUP
