NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Suite Andina** (dominio suiteandina.com) utilizando **HTML sencillo con Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir fielmente la estructura y estética del sitio analizado, pero con contenidos originales en español de España.
---
### Alcance
- Página principal (HOME) y cinco páginas internas: About Us, Features, Blog, Contact, y una página genérica de Error 404.
- Cabecera fija con logo (SVG de 52 × 16 px), menú principal (Home, About Us, Features, Blog) y mega‑dropdown "Pages" con enlaces simulados.
- Botón de carrito en la cabecera que abre un modal (simulado) mostrando cantidad y listado de productos (placeholder). No necesita funcionalidad de compra real.
- Footer con cuatro columnas
7.575 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.575 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ú principal, mega‑menú y carrito
- 1.2 Hero con título, subtítulo, CTA principal y secundario
- 1.3 Bloque de características: 3 columnas con icono, título y descripción
- 1.4 Bloque multimedia: imagen grande con texto superpuesto
- 1.5 Testimonios: carrusel de 3 cards con foto, nombre y comentario
- 1.6 Blog destacado: grid de 3 tarjetas con imagen, título y extracto
- 1.7 CTA final: formulario breve de suscripción + botón
- 1.8 Footer: columnas de enlaces (empresa, producto, soporte), redes sociales y datos de contacto
ABOUT US
- 2.1 Cabecera heredada
- 2.2 Hero interno con título y subtítulo
- 2.3 Historia de la empresa en dos columnas (texto + imagen)
- 2.4 Equipo: grid de fotos con nombre y cargo
- 2.5 Valores y misión en tarjetas
- 2.6 CTA “Únete a nosotros”
- 2.7 Footer estándar
FEATURES
- 3.1 Cabecera heredada
- 3.2 Hero interno con título
- 3.3 Lista de funcionalidades: grid de 4 columnas con icono y descripción
- 3.4 Demo interactiva (placeholder)
- 3.5 Comparativa de planes (tarjetas)
- 3.6 CTA de prueba gratuita
- 3.7 Footer estándar
BLOG
- 4.1 Cabecera heredada
- 4.2 Listado de artículos: tarjetas con imagen, título, fecha y extracto
- 4.3 Paginación simple
- 4.4 Sidebar con categorías y últimos posts
- 4.5 Footer estándar
CONTACT
- 5.1 Cabecera heredada
- 5.2 Hero interno con título y subtítulo
- 5.3 Formulario de contacto (nombre, email, mensaje, botón)
- 5.4 Mapa incrustado (placeholder)
- 5.5 Información de contacto y horarios
- 5.6 Footer estándar
PROMPTS RELACIONADOS · SAAS / STARTUP
