NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **AutoViva** (autoviva.com) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** (un solo archivo). Reproduce el diseño visual y la estructura de la web analizada, sin copiar textos ni imágenes originales. Usa patrones de UI similares: header con logo a la izquierda y menú colapsable con íconos de flecha a la derecha; hero con título grande, sub‑título en color de acento, párrafo descriptivo, dos botones (primario "Reserva un servicio" y secundario "Ver paquetes"), barra lateral derecha que muestra "Obtén una cotización gratis" con número telefónico y botón de llamada; fondo del hero con dos imágenes superpuestas y degradado. Debajo, una sección de métricas con tres tarjetas horizontales (clientes felices, años de experiencia, s
4.135 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.135 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ú colapsable
- 1.2 Hero con título, subtítulo, descripción, botones primario y secundario, barra lateral de llamada
- 1.3 Bloque de métricas (tres tarjetas con icono, número y texto)
- 1.4 Sección de servicios (tarjetas con número, título, imagen, descripción, botón)
- 1.5 Footer con enlaces de navegación, redes sociales y contacto
ABOUT
- 1.1 Header
- 1.2 Hero interno con título y texto introductivo
- 1.3 Equipo o historia (dos columnas de texto e imagen)
- 1.4 Footer
SERVICE
- 1.1 Header
- 1.2 Hero interno con título y llamada a la acción
- 1.3 Lista de servicios (tarjetas como en home)
- 1.4 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.3 Información de contacto y mapa embebido
- 1.4 Footer
BLOG
- 1.1 Header
- 1.2 Lista de artículos con tarjetas (imagen, título, extracto, botón leer)
- 1.3 Paginación
- 1.4 Footer
PRICING
- 1.1 Header
- 1.2 Tabla comparativa de planes (tres columnas, listado de características, botones de selección)
- 1.3 FAQ breve
- 1.4 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
