Remix

Make your own version of 777 Love Match

Edit the prompt below and generate a customized version in seconds.

Original by Animaciones 3D

Describe your app

Crea una página web llamada **“777 Love Match”**, completamente en español, moderna, divertida y visualmente atractiva.

### Función principal

La página permitirá subir **dos fotografías de personas** y analizar ambas imágenes para generar un resultado de compatibilidad de pareja.

* Botón **“Subir foto 1”**
* Botón **“Subir foto 2”**
* Mostrar las dos fotos en pantalla.
* Botón grande **“ANALIZAR COMPATIBILIDAD ❤️”**
* Al pulsarlo, mostrar una animación breve de análisis.
* Después mostrar un porcentaje entero entre **1% y 100%**.

### Sistema de resultado

El porcentaje debe variar y no debe ser siempre alto. Puede salir cualquier número del 1 al 100.

Clasifica el resultado según el porcentaje:

* 90–100% → **Compatibilidad increíble ❤️‍🔥**
* 75–89% → **Muy buena compatibilidad 💕**
* 50–74% → **Compatibilidad interesante 💫**
* 25–49% → **Compatibilidad complicada 🤔**
* 1–24% → **Muy poca compatibilidad 💔**

### Análisis inteligente

No quiero que simplemente aparezca un número aleatorio. Después del porcentaje debe aparecer una **carta/análisis en español** explicando de forma entretenida y sincera por qué el sistema considera que combinan o no.

Ejemplo:

**87% — Muy buena compatibilidad 💕**

“Después de analizar ambas imágenes, parece existir una combinación bastante interesante. Hay características visuales que hacen que el resultado sea favorable, aunque esto no significa que realmente sean compatibles como pareja. Mi conclusión es que tienen una química potencial alta según este análisis.”

Si sale un porcentaje bajo, debe ser igualmente sincero:

**18% — Muy poca compatibilidad 💔**

“En este análisis no encuentro suficientes elementos visuales que indiquen una combinación fuerte. Eso no significa que estas personas no puedan llevarse bien; simplemente, basándome exclusivamente en las imágenes proporcionadas, la compatibilidad estimada es baja.”

### Importante

El sistema debe comportarse como un **analizador de entretenimiento**, no afirmar que puede conocer realmente la personalidad, sentimientos o relación de las personas solamente por una fotografía.

No inventes información personal sobre las personas de las fotos. El análisis debe centrarse en elementos visuales generales y explicar claramente que el resultado es **solo una estimación divertida**.

### Diseño

* Estética **negra y verde**, inspirada en la marca 777.
* Fondo oscuro con pequeños efectos luminosos.
* Logo **777** destacado.
* Tarjetas modernas para las fotografías.
* Gran porcentaje animado al aparecer.
* Barra de compatibilidad que se llena progresivamente.
* Animaciones suaves.
* Diseño responsive para PC y teléfono.
* Botón **“Volver a analizar”**.
* Botón **“Nuevo análisis”** para subir otras dos fotos.

### Experiencia

Cuando se pulse analizar, mostrar frases como:

“Analizando las imágenes...”
“Comparando características visuales...”
“Calculando compatibilidad...”
“Preparando el resultado 777...”

Finalmente revelar el porcentaje y la carta.

Haz que toda la página funcione correctamente, sin pantallas vacías ni botones falsos. Si alguna función de análisis de imágenes requiere una API de IA, estructura el código para integrarla correctamente y deja una alternativa funcional para demostración si no existe una API configurada.

Free to use. No credit card required.