NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo de una empresa ficticia de mudanzas llamada **MovoPack** siguiendo el mismo estilo visual que el HTML proporcionado. Usa **HTML5**, **TailwindCSS CDN** y **JavaScript vanilla** en un único archivo.
### Alcance
- Página **HOME** con todas las secciones descritas en el campo `secciones`.
- Páginas auxiliares **Servicios**, **Sobre nosotros**, **Blog**, **Contacto** con estructura mínima pero reutilizando cabecera y footer.
- Responsividad total (mobile‑first). Menú colapsable en dispositivos pequeños.
- Animaciones de aparición (fade‑in) usando `IntersectionObserver`.
- Interactividad del menú dropdown y del carrusel de capturas.
### Paleta de colores (extraída del original)
- `#000000` (negro profundo) – texto principal y fondo footer.
- `#FFFFFF` (blanco) – fon
5.271 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.271 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ú multi‑nivel y botón de teléfono.
- 2.1 Hero interno con título, subtítulo y botón.
- 3.1 Carrusel de capturas de pantalla de plantillas.
- 4.1 Sección de confianza: título, párrafo y 6 iconos con descripción.
- 5.1 Grid de 3 tarjetas de homepage con imágenes.
- 6.1 Footer con enlaces de navegación y datos de contacto.
SERVICIOS
- 1.1 Cabecera fija (reutilizada).
- 2.1 Lista de servicios en tarjetas con icono y breve descripción.
- 3.1 Apartado de preguntas frecuentes.
- 4.1 Testimonios rotativos.
- 5.1 Footer.
ABOUT US
- 1.1 Cabecera fija.
- 2.1 Historia de la empresa con imagen y texto.
- 3.1 Equipo en cuadrícula con fotos y roles.
- 4.1 Valores y misión.
- 5.1 Footer.
BLOG
- 1.1 Cabecera fija.
- 2.1 Lista de artículos en tarjetas con imagen, título, extracto y fecha.
- 3.1 Barra lateral con categorías y suscripción.
- 4.1 Footer.
CONTACT US
- 1.1 Cabecera fija.
- 2.1 Formulario de contacto (nombre, email, asunto, mensaje) y mapa incrustado.
- 3.1 Información de contacto y horario.
- 4.1 Footer.
PROMPTS RELACIONADOS · TECNOLOGÍA