NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **TechHeal**, empresa de reparación de dispositivos electrónicos, usando **HTML estático + Tailwind CSS CDN + JavaScript vanilla** en un solo archivo. El diseño debe replicar la estructura y estilo del sitio original analizado, sin copiar textos ni imágenes específicas.
**Alcance**
- Header sticky con logo (texto "TechHeal" con tipografía sans‑serif), menú horizontal (Servicios, Dispositivos, Sobre Nosotros, Blog) y botón primario "Contáctanos" que abre el formulario de contacto. Menú colapsable en móvil con icono hamburguesa.
- Hero sección: fondo claro, título h1 "Reparaciones fiables respaldadas por expertos", párrafo descriptivo breve, dos botones grandes (Ver Servicios, Contáctanos).
- Bloque "Qué reparamos": tres tarjetas alineadas e
4.635 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.635 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ú y botón de contacto
- 1.2 Hero con tagline, descripción y botones principales
- 1.3 Bloque "Qué reparamos" con tarjetas de smartphones, tablets y portátiles
- 1.4 Sección de confianza con logotipos de marcas
- 1.5 Lista de servicios con icono, descripción, badges y botón "Learn More"
- 1.6 Footer con información de contacto y enlaces
SERVICES
- 2.1 Header replicado
- 2.2 Título de la página y filtro de servicios
- 2.3 Grid de tarjetas de servicio (icono, título, descripción breve, badge)
- 2.4 Footer igual que en Home
DEVICES
- 3.1 Header
- 3.2 Galería de tipos de dispositivos (imagen, nombre, detalle rápido)
- 3.3 Footer
ABOUT
- 4.1 Header
- 4.2 Historia y valores de la empresa
- 4.3 Equipo con foto y cargo
- 4.4 Footer
BLOG
- 5.1 Header
- 5.2 Lista de artículos con miniatura, título, extracto y fecha
- 5.3 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto (nombre, email, teléfono, mensaje) y mapa estático
- 6.3 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
