NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LogiNova (logística y transporte) usando solo HTML con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar texto literal.
## Alcance
- Header sticky con logo (SVG), menú de navegación (Home, Services, Pages > dropdown con About Us, Services, Pricing, Blog, Contact Us, Utility pages), y bloque de número de emergencia visible en escritorio y móvil.
- Hero Section: fondo de video automático en bucle, subtítulo con icono, título grande en dos líneas, párrafo resumido, botón secundario "Nuestros servicios" que enlaza a la página Services.
- Sección Servicios: grid de 3 columnas (responsive a 1 columna en móvil), cada tarjeta con icono circular,
5.002 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.002 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, menú principal y número de emergencia
- 1.2 Hero con subtítulo, título, video de fondo, resumen y botón de llamada a acción
- 1.3 Servicios (grid 3 columnas, icono + título + texto)
- 1.4 Métricas (4 contadores horizontales)
- 1.5 Testimonios (carrusel de 3 tarjetas)
- 1.6 Contacto rápido (formulario nombre, email, mensaje, botón)
- 1.7 Footer con logo secundario, enlaces de navegación, redes sociales y datos de contacto
SERVICES
- 2.1 Header (reutilizado)
- 2.2 Lista de servicios detallados con imágenes y descripciones
- 2.3 CTA a solicitud de presupuesto
- 2.4 Footer (reutilizado)
ABOUT US
- 3.1 Header
- 3.2 Historia de la empresa con imagen y texto
- 3.3 Valores y misión en tarjetas
- 3.4 Equipo (grid de perfiles)
- 3.5 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos (card + excerpt + fecha)
- 4.3 Sidebar con categorías y últimos posts
- 4.4 Footer
CONTACT US
- 5.1 Header
- 5.2 Formulario completo de contacto (nombre, email, teléfono, mensaje)
- 5.3 Mapa incrustado
- 5.4 Información de oficina y número de emergencia
- 5.5 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
