Saltar al contenido

Qué hace especial

Qué incluye

Secciones y pantallas de la demo (8)
  1. Hero violeta interactivo con titular, CTA y testimonios en cristal
  2. Sobre nosotros y tres tratamientos con ilustraciones propias
  3. Beneficios con tres escenas 3D (cuidado, tecnología, resultados)
  4. Recorrido de seis pasos sincronizado con el scroll
  5. Especialistas con tarjetas y cita
  6. Cifras de resultados, FAQ en acordeón e historias
  7. Expertos, testimonios y CTA de cierre
  8. Footer con wordmark de gran formato

Qué puedes personalizar

Cómo empezar

  1. Copia el prompt y descarga los archivos.
  2. Llévalos a tu herramienta de IA y pide los cambios: marca, textos e imágenes.
  3. Revisa el resultado y publícalo en tu dominio.

Descarga el paquete y copia el prompt: tu herramienta de IA trabaja sobre sitio/ con REPRODUCCION.md, recreacion-spec.json y las capturas como referencia. `npm ci`, `npm run build` y `npm run preview` ejecutan la versión final. Cambia marca, logo y textos desde src/config/site.ts sin tocar las escenas ni las animaciones.

El resultado depende de tu herramienta de IA y de los cambios que hagas. La demo muestra la dirección visual.

Detalles técnicos y requisitos

Requisitos
  • Node.js 20.19 o superior y npm para instalar con el lockfile incluido.
  • Navegador con WebGL para el hero y las escenas 3D (con respaldo estático).
  • Plantilla de demostración: personas y testimonios ilustrativos; no ofrece atención médica ni reservas conectadas.
  • El logotipo y el favicon de la demo se cargan desde el dominio de la plantilla original: sustitúyelos por los tuyos.
  • No incluido: herramienta de IA (y sus créditos), dominio y hosting.
Tecnologías
  • React
  • Vite
  • TypeScript
  • Tailwind CSS
  • Three.js
  • GSAP
  • Motion
  • WebGL

Implementadas en el paquete que descargas.

React 19 · Vite 7 · TypeScript · Tailwind CSS 4 · GSAP 3 · Three.js (WebGL) · framer-motion

Herramientas de IA sugeridas

ClaudeCodexCursor

Compatibles con las instrucciones del diseño; no es una prueba registrada.

Compatibilidad probada: Sin prueba registrada todavía.

Paleta y tipografía
#faf9f6#333333#eaf1f0#e9dfe5#f6e7b4#6D4EA0#C5B5E8#211738
  • General Sans 400/500 (incluida)

Composición: Escritorio desde 1280 px (lienzo 1728 escalado) · móvil y tableta con composición propia; probado a 1440, 768 y 390 px

Licencia y versiones

Úsalo en sitios propios y en proyectos finales de clientes, incluido uso comercial. No revendas ni redistribuyas el prompt, los archivos ni el sitio como plantilla. Leer la licencia

Procedencia: Paquete v1.1.0: código final del piloto 11 (dpl_8qDotd2mCgL1tb4pT66qH1JFqLtN) con hero de pliegues propio, carrusel en bucle, objetos 3D e ilustraciones propias, fotos, decoraciones y General Sans; sin código de terceros restringido. Avisos en LICENCIAS-Y-AVISOS.md.

Versión
v1.1.0 · Publicado 4 nov 2026
Versiones
  • v1.1.0 · 2026-11-05 — Reapertura aprobada por Israel (5 nov 2026): hero de pliegues violeta con shader propio; carrusel de testimonios en bucle continuo con pausa accesible; tres objetos 3D nuevos (geometría cerrada, perlado) con una sola representación por hueco; ilustraciones de tratamientos redibujadas; rótulos del recorrido sin cruzar los puntos.
  • v1.0.0 · 2026-11-05 — Primera versión: código final corregido (hero propio, tres ilustraciones, tres escenas 3D, recorrido sincronizado, tarjetas y footer), assets, General Sans, especificación medida, capturas, prompt, README, REPRODUCCION y licencias.

Encuentra tu próximo diseño.

Recibe las novedades de Arrmma.