NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page completa en un único archivo HTML autocontenido para una marca ficticia llamada 'Aliviar Hogar', una red española de cuidado domiciliario para personas mayores que acompaña también a las familias cuidadoras. Dominio aliviarhogar.com, contacto hola@aliviarhogar.com, año 2025. Claim: 'Acompañamos a los mayores en casa, junto a quienes los quieren'. Tono cálido, humano, respetuoso, en español de España, sin jerga marketinera y sin precios concretos.
STACK Y REQUISITOS TÉCNICOS
- Un solo archivo HTML.
- Tailwind CSS vía CDN (script de play CDN).
- JavaScript vanilla en un bloque <script> al final del body.
- Tipografías de Google Fonts: 'Fraunces' (serif, para titulares h1-h3) y 'Inter' (sans, para cuerpo y UI). Configurarlas en tailwind.config dentro de un <script> prev
8.998 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.998 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 Navbar fijo con logotipo, enlaces ancla y botón Reservar plan
- 1.2 Hero con doble titular y subtítulo
- 1.3 Manifiesto con logotipo circular central y frase en serif
- 1.4 Punto de dolor: titular centrado sobre fondo crema
- 1.5 Servicios con tabs verticales + imagen lateral cambiante
- 1.6 Reality check a dos columnas sobre fondo oscuro
- 1.7 Intro de solución con palabra de marca destacada
- 1.8 Descripción ampliada de la propuesta
- 1.9 Bloque equipo fundador sobre fondo verde
- 1.10 Grid de estadísticas (4 + 1 central destacada)
- 1.11 Misión con logotipo lateral y CTA secundario
- 1.12 Comunidad: cabecera + grid 3 miembros
- 1.13 Soluciones por etapa de cuidado
- 1.14 Footer
SERVICIOS
- 2.1 Navbar
- 2.2 Cabecera de página con titular y breve introducción
- 2.3 Listado detallado de servicios con icono, título y descripción
- 2.4 Bloque de proceso de contratación en 4 pasos
- 2.5 CTA final para reservar valoración
- 2.6 Footer
SOBRE NOSOTROS
- 3.1 Navbar
- 3.2 Cabecera con titular y manifiesto
- 3.3 Bloque historia de la marca con imagen y texto a dos columnas
- 3.4 Valores en grid de 3 tarjetas con icono
- 3.5 Equipo en grid de tarjetas con foto y rol
- 3.6 Cita destacada centrada
- 3.7 Footer
COMUNIDAD
- 4.1 Navbar
- 4.2 Cabecera con titular y descripción de la comunidad
- 4.3 Grid de testimonios de miembros con foto
- 4.4 Bloque de recursos y guías descargables
- 4.5 Formulario de alta sencillo
- 4.6 Footer
RESERVAR PLAN
- 5.1 Navbar
- 5.2 Cabecera con titular claro de la acción
- 5.3 Tres tarjetas de planes con características y CTA (sin precios concretos)
- 5.4 Formulario de contacto a dos columnas
- 5.5 FAQ con acordeón
- 5.6 Footer
CONTACTO
- 6.1 Navbar
- 6.2 Cabecera con titular y datos de contacto
- 6.3 Formulario amplio con campos y mensaje
- 6.4 Bloque con email, horario y zonas de cobertura
- 6.5 Footer
PROMPTS RELACIONADOS · REAL ESTATE
