NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing one-page más páginas internas para una marca personal ficticia llamada **Vance Ridge** (vanceridge.com), entrenador personal certificado y coach de salud y mentalidad. Claim: "Entrena fuerte. Vive consciente." Email de contacto: hola@vanceridge.com. Año: 2025.
## Alcance
Genera un único archivo HTML autocontenido con varias "páginas" gestionadas por anclas y/o secciones (HOME completa + páginas Sobre mí, Servicios y Contacto accesibles desde el menú). Todo el copy en **español de España**, original, sin precios concretos, sin tono marketinero forzado, verbos en activo.
## Stack técnico
- HTML5 semántico
- Tailwind CSS vía CDN (`<script src="https://cdn.tailwindcss.com"></script>`)
- JavaScript vanilla en un único `<script>` al final
- Sin frameworks ni dependencias exter
7.707 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.707 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 logo y menú ancla
- 1.2 Hero pantalla completa con titular display y dos botones
- 1.3 Banda de prueba social con avatares
- 1.4 Imagen sticky de transición
- 1.5 Sección Sobre mí con numeración (01)
- 1.6 Sección Mi Ventaja con 4 items scroll-sync
- 1.7 Sección Servicios con tarjetas numeradas
- 1.8 Contador de cifras clave
- 1.9 Carrusel de testimonios de clientes
- 1.10 FAQ acordeón
- 1.11 CTA final pantalla completa
- 1.12 Footer con wordmark gigante
SOBRE MÍ (DETALLE)
- 2.1 Navbar
- 2.2 Hero biográfico con foto vertical y bio extendida
- 2.3 Trayectoria en timeline vertical
- 2.4 Certificaciones en grid de logos
- 2.5 Galería editorial de fotos
- 2.6 CTA contacto
- 2.7 Footer
SERVICIOS (DETALLE)
- 3.1 Navbar
- 3.2 Hero de sección con titular grande
- 3.3 Listado completo de servicios en tarjetas alternadas izquierda/derecha
- 3.4 Tabla comparativa de modalidades (online, presencial, híbrido)
- 3.5 Proceso de trabajo en 4 pasos numerados
- 3.6 CTA reserva
- 3.7 Footer
CONTACTO
- 4.1 Navbar
- 4.2 Hero con titular y subtítulo
- 4.3 Formulario de contacto a dos columnas (form + datos)
- 4.4 Mapa o imagen de ubicación
- 4.5 Footer
PROMPTS RELACIONADOS · GIMNASIO / FITNESS