Oportunidad Nipponflex
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Genera Ingresos Desde Casa | Leti Barrios</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800;900&family=Nunito:wght@400;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Montserrat', 'sans-serif'],
body: ['Nunito', 'sans-serif']
},
colors: {
brand: {
blue: '#1e3a8a', // Fondo azul profundo
lightBlue: '#3b82f6', // Detalles azules
accent: '#06b6d4', // Cyan
purple: '#8b5cf6', // Morado
red: '#ef4444', // Rojo alertas
green: '#22c55e'
}
}
}
}
}
</script>
<style>
/* Animaciones para las cajitas flotantes estilo Mercatitlán */
.floating { animation: float 6s ease-in-out infinite; }
.floating-delay { animation: float 6s ease-in-out 3s infinite; }
@keyframes float {
0% { transform: translateY(0px) rotate(auto); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
.bg-gradient-radial {
background-image: radial-gradient(circle at top center, #2563eb 0%, #1e3a8a 70%);
}
</style>
</head>
<body class="bg-brand-blue text-white font-body antialiased overflow-x-hidden">
<div class="bg-brand-red text-white text-center py-2 px-4 flex flex-col md:flex-row justify-center items-center gap-4 text-sm font-bold z-50 relative shadow-lg">
<span>⚠️ La oportunidad de trabajar 1 a 1 se cierra en...</span>
<div class="flex gap-2 text-lg">
<div class="flex flex-col items-center"><span class="font-black text-xl leading-none">00</span><span class="text-[10px] uppercase font-normal">Días</span></div><span class="pt-1">:</span>
<div class="flex flex-col items-center"><span class="font-black text-xl leading-none">21</span><span class="text-[10px] uppercase font-normal">Horas</span></div><span class="pt-1">:</span>
<div class="flex flex-col items-center"><span class="font-black text-xl leading-none">29</span><span class="text-[10px] uppercase font-normal">Min</span></div><span class="pt-1">:</span>
<div class="flex flex-col items-center"><span class="font-black text-xl leading-none">48</span><span class="text-[10px] uppercase font-normal">Seg</span></div>
</div>
</div>
<header class="relative bg-gradient-radial pt-16 pb-40 px-4">
<div class="hidden md:block absolute top-20 left-20 bg-cyan-400 text-white p-3 rounded-lg shadow-xl transform -rotate-6 floating max-w-[160px] text-center border-2 border-cyan-300">
<span class="text-2xl block mb-1">⏰</span>
<p class="font-black text-sm leading-tight">1 a 2 horas</p>
<p class="text-[10px] font-bold mt-1">al día, sin dejar a tu familia.</p>
</div>
<div class="hidden md:block absolute top-60 left-10 bg-purple-500 text-white p-3 rounded-lg shadow-xl transform -rotate-12 floating-delay max-w-[150px] text-center border-2 border-purple-400">
<span class="text-2xl block mb-1">🤝</span>
<p class="font-black text-sm leading-tight">Sistema ABC</p>
<p class="text-[10px] font-bold mt-1">Nosotros cerramos las ventas por ti.</p>
</div>
<div class="hidden md:block absolute top-24 right-20 bg-green-500 text-white p-3 rounded-lg shadow-xl transform rotate-6 floating max-w-[150px] text-center border-2 border-green-400">
<span class="text-2xl block mb-1">💡</span>
<p class="font-black text-sm leading-tight">Soporte</p>
<p class="text-[10px] font-bold mt-1">Acompañamiento 1 a 1 de por vida.</p>
</div>
<div class="max-w-4xl mx-auto text-center relative z-10 mt-8">
<div class="inline-block bg-brand-blue border border-blue-400 rounded-full px-4 py-1 mb-6 text-sm font-bold tracking-widest text-blue-200 uppercase -rotate-2 transform">
EMPRENDIMIENTO FAMILIAR INTERNACIONAL
</div>
<h1 class="text-4xl md:text-6xl font-sans font-black leading-tight mb-6 tracking-tight">
GENERA INGRESOS DESDE CASA SIN <br>
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-300 to-purple-400">Descuidar a Tu Familia</span> 🧘♀️
</h1>
<p class="text-lg md:text-xl font-medium mb-10 max-w-2xl mx-auto text-blue-100">
Pasa de vivir con presión financiera a construir un negocio familiar rentable de bienestar, desde cualquier país. <b>Usa nuestro sistema comprobado donde no tienes que vender solo.</b> 🚀
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="#agenda" class="bg-brand-red hover:bg-red-600 text-white font-black text-lg py-4 px-8 rounded-full shadow-[0_0_20px_rgba(239,68,68,0.5)] transition-transform hover:scale-105">
¡Quiero empezar!
</a>
<a href="#agenda" class="bg-blue-800/50 border border-blue-400 hover:bg-blue-800 text-white font-bold text-lg py-4 px-8 rounded-full transition-colors">
Agendar llamada 1:1
</a>
</div>
</div>
</header>
<section class="max-w-4xl mx-auto px-4 -mt-24 relative z-20 mb-20">
<div class="bg-white rounded-3xl p-6 md:p-10 shadow-2xl border-b-8 border-brand-blue text-center">
<h2 class="text-2xl md:text-3xl font-sans font-black text-brand-blue mb-4 leading-tight">
⚠️ Si el dinero ha sido motivo de tensión en tu casa, este video es para ti.
</h2>
<p class="text-gray-600 font-medium mb-8 max-w-2xl mx-auto text-lg">
“Leti te explica, sin promesas vacías, cómo una familia empezó a construir ingresos desde casa con un sistema real y acompañamiento. Míralo completo antes de aplicar.”
</p>
<div class="relative rounded-2xl overflow-hidden bg-black shadow-inner aspect-video mb-4 border-4 border-gray-100">
<iframe
class="absolute top-0 left-0 w-full h-full"
src="https://www.youtube.com/embed/pVBnWeWYfqg?autoplay=0&rel=0"
title="Historia Leti Barrios"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<p class="text-[10px] md:text-xs text-gray-400 font-bold uppercase tracking-wide">
Resultados varían según esfuerzo. No es dinero rápido ni ingreso garantizado.
</p>
</div>
</section>
<section class="bg-white text-gray-800 py-20 px-4 rounded-t-[3rem] shadow-[0_-20px_30px_rgba(0,0,0,0.1)] -mt-10 relative z-10">
<div class="max-w-5xl mx-auto flex flex-col md:flex-row items-center gap-12">
<div class="w-full md:w-1/3">
<div class="relative bg-gradient-to-tr from-brand-lightBlue to-brand-purple rounded-3xl p-1 shadow-2xl transform -rotate-3 hover:rotate-0 transition-transform duration-300">
<img src="http://eenergyteam.com/wp-content/uploads/2026/02/Lety-y-Jesus.jpg" alt="Leti y Jesús" class="rounded-3xl w-full h-auto object-cover">
</div>
</div>
<div class="w-full md:w-2/3">
<h2 class="text-4xl md:text-5xl font-sans font-black mb-6 text-brand-blue">¡Hola! 🤩 <br>Somos Leti Barrios y Jesús Pérez</h2>
<p class="text-xl mb-4 font-bold text-brand-lightBlue">Líderes Nipponflex, Emprendedores y Familia.</p>
<p class="mb-4 text-gray-600 leading-relaxed font-medium">Hace algunos años, vivíamos lo que muchas parejas viven en silencio: presión financiera.
Jesús trabajaba duro todos los días. Yo estaba en casa con nuestros hijos.
Y aunque hacíamos todo bien… el estrés por dinero siempre estaba presente.</p>
<p class="mb-4 text-gray-600 leading-relaxed font-medium">Yo quería aportar. Pero no quería dejar a mis hijos ni depender de un horario rígido.
Decidimos buscar una alternativa que se adaptara a nuestra vida familiar.
Así encontramos este modelo: un sistema donde usamos tecnologías de bienestar reales y construimos ingresos desde casa, paso a paso.</p>
<p class="mb-4 text-gray-600 leading-relaxed font-medium">Hoy emprendemos juntos. Con estructura. Con acompañamiento. Y sin descuidar lo más importante: nuestra familia.</p>
<p class="mb-4 text-gray-600 leading-relaxed font-medium">Ahora, mi misión es ayudar a otras parejas latinas en USA a hacer lo mismo. Y lo mejor: <b>con nuestro equipo no tienes que ser experta en ventas, porque nosotros cerramos por ti.</b></p>
<p class="text-brand-lightBlue font-bold mt-6 border-l-4 border-brand-lightBlue pl-4 text-lg">
“Nuestro equipo tiene presencia en varios países y sigue creciendo.”
</p>
</div>
</div>
</section>
<section class="bg-white pb-20 px-4 relative z-10">
<div class="max-w-5xl mx-auto">
<div class="bg-white rounded-3xl p-4 md:p-8 shadow-2xl flex flex-col md:flex-row gap-8 items-center border-b-8 border-brand-lightBlue border border-gray-100">
<div class="w-full md:w-2/3 relative rounded-2xl overflow-hidden bg-black shadow-inner aspect-video">
<iframe
class="absolute top-0 left-0 w-full h-full"
src="https://www.youtube.com/embed/zqGhgTwdJd0?autoplay=0&rel=0"
title="Presentación Nipponflex"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div class="w-full md:w-1/3 text-brand-blue text-center md:text-left">
<h3 class="font-sans font-black text-3xl mb-4 leading-none uppercase">MIRA COMO <span class="bg-brand-lightBlue text-white px-2 rounded-md transform -rotate-2 inline-block">CAMBIAMOS</span><br>NUESTRA REALIDAD</h3>
<p class="text-gray-600 font-medium mb-6 text-sm">Descubre cómo una pareja latina en USA decidió dejar de vivir bajo presión financiera y empezar a construir ingresos desde casa con un sistema real.</p>
<div class="bg-blue-50 p-4 rounded-xl border border-blue-200 shadow-sm relative overflow-hidden">
<div class="absolute top-0 right-0 bg-green-400 text-white text-[10px] font-black px-2 py-1 rounded-bl-lg">SIN LÍMITES</div>
<p class="text-3xl font-black text-brand-blue mb-1 leading-none">De 20% a 50%</p>
<div class="bg-purple-500 text-white text-[10px] font-bold py-1 px-3 rounded-full inline-block mb-2">MÁRGENES DE GANANCIA</div>
<p class="text-xs text-gray-500 font-bold">Sin necesidad de reclutar miles de personas.
Con productos reales y estructura comprobada.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-[#7a9dff] py-20 px-4">
<div class="max-w-4xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-4xl font-sans font-black text-white mb-2">¡Es ahora o nunca!</h2>
<p class="text-white text-lg font-bold">🔥 🎁 🔥<br>Échale ojo a las herramientas de lanzamiento para tu negocio.</p>
</div>
<div class="bg-white rounded-2xl shadow-2xl overflow-hidden mb-12">
<div class="bg-brand-red text-white text-center py-2 font-bold text-lg flex justify-center items-center gap-2">
1º regalo al unirte al equipo ⏳⚠️
</div>
<div class="p-8 flex flex-col md:flex-row gap-8 items-center">
<div class="w-full md:w-3/5">
<h3 class="text-2xl font-black text-brand-blue mb-4 leading-tight">Acceso al "Sistema ABC" de Cierres de Venta</h3>
<p class="text-gray-600 mb-4 font-medium text-sm">El mayor miedo es no saber vender. Con este sistema, <b>tú conectas a la persona y un experto del equipo (o yo) hacemos la presentación y el cierre por ti.</b></p>
<p class="text-gray-600 mb-4 font-medium text-sm">¿Qué significa? Que ganas dinero mientras observas cómo lo hacen los profesionales. ¡Un sistema diseñado para que no fracases!</p>
</div>
<div class="w-full md:w-2/5 bg-[#e0f2fe] rounded-xl p-4 border border-[#bae6fd] relative">
<div class="absolute -top-4 -right-4 bg-pink-500 text-white font-black py-2 px-4 rounded-full shadow-lg transform rotate-6 z-10">Invaluable</div>
<img src="http://eenergyteam.com/wp-content/uploads/2026/02/Sistema.jpg" alt="Sistema ABC" class="rounded-lg shadow-md w-full relative z-0">
<div class="mt-4 bg-[#7a9dff] text-white text-center py-2 rounded-lg font-black uppercase text-sm">
🎁 GRATIS AL INSCRIBIRTE
</div>
</div>
</div>
</div>
<div class="bg-white rounded-2xl shadow-2xl overflow-hidden mb-12">
<div class="bg-brand-red text-white text-center py-2 font-bold text-lg flex justify-center items-center gap-2">
2º regalo al unirte al equipo ⏳⚠️
</div>
<div class="p-8 flex flex-col md:flex-row gap-8 items-center">
<div class="w-full md:w-3/5">
<h3 class="text-2xl font-black text-brand-blue mb-4 leading-tight">Scripts y Guiones Copiar/Pegar</h3>
<p class="text-gray-600 mb-4 font-medium text-sm">No te vamos a dejar sola. Te entregamos los guiones exactos para redes sociales y WhatsApp. Mensajes probados para despertar interés sin sonar como vendedora desesperada.</p>
<p class="text-gray-600 font-medium text-sm">Incluye respuestas a objeciones y estrategia para romper el hielo.</p>
</div>
<div class="w-full md:w-2/5 bg-[#e0f2fe] rounded-xl p-4 border border-[#bae6fd] relative">
<div class="absolute -top-4 -right-4 bg-pink-500 text-white font-black py-2 px-4 rounded-full shadow-lg transform rotate-6 z-10">Valor $150 USD</div>
<img src="http://eenergyteam.com/wp-content/uploads/2026/02/Asistente-Virtual.jpg" alt="Guiones" class="rounded-lg shadow-md w-full relative z-0">
<div class="mt-4 bg-[#7a9dff] text-white text-center py-2 rounded-lg font-black uppercase text-sm">
🎁 GRATIS AL INSCRIBIRTE
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-white py-20 px-4 text-center rounded-t-[3rem] -mt-10 relative z-10 shadow-[0_-20px_30px_rgba(0,0,0,0.1)]">
<h2 class="text-3xl font-sans font-black text-brand-blue mb-12">No nos creas a nosotros… escúchalas a ellas 👇</h2>
<div class="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
<div class="bg-gray-50 p-6 rounded-2xl shadow-md border-t-4 border-cyan-400 text-left">
<div class="text-yellow-400 mb-2">★★★★★</div>
<p class="text-gray-600 text-sm italic mb-4">"Antes no tenía ingresos propios. Hoy contribuyo en casa y tengo una seguridad personal que había perdido hace mucho."</p>
<h4 class="font-bold text-gray-800">María R. <span class="text-xs text-gray-500 font-normal block">Georgia</span></h4>
</div>
<div class="bg-gray-50 p-6 rounded-2xl shadow-md border-t-4 border-purple-500 text-left">
<div class="text-yellow-400 mb-2">★★★★★</div>
<p class="text-gray-600 text-sm italic mb-4">"Trabajaba largas horas fuera. Ahora lo hago desde casa y paso más tiempo con mis hijos. El sistema de equipo funciona."</p>
<h4 class="font-bold text-gray-800">Ana L. <span class="text-xs text-gray-500 font-normal block">Florida</span></h4>
</div>
<div class="bg-gray-50 p-6 rounded-2xl shadow-md border-t-4 border-green-400 text-left">
<div class="text-yellow-400 mb-2">★★★★★</div>
<p class="text-gray-600 text-sm italic mb-4">"Desconfiaba, pero los productos mejoraron mi salud increíblemente y el acompañamiento no tiene precio."</p>
<h4 class="font-bold text-gray-800">Karla M. <span class="text-xs text-gray-500 font-normal block">Texas</span></h4>
</div>
</div>
<div class="max-w-3xl mx-auto bg-brand-blue rounded-[2rem] p-8 md:p-12 text-white text-left shadow-2xl relative" id="agenda">
<div class="absolute -top-8 left-1/2 transform -translate-x-1/2 bg-white p-4 rounded-full shadow-xl">
<span class="text-4xl">📅</span>
</div>
<h3 class="text-3xl font-sans font-black mb-4 text-center mt-4">Aplica a mi equipo hoy</h3>
<p class="text-center text-blue-200 mb-8 font-medium text-sm px-4">Si estás buscando dinero rápido sin esfuerzo, este espacio no es para ti.
Si buscas construir algo sólido en familia, entonces sí queremos hablar contigo.</p>
<div class="bg-white text-gray-800 p-6 md:p-8 rounded-2xl shadow-inner">
<form class="space-y-5">
<div>
<label class="block text-sm font-black mb-1 text-gray-700">Tu Nombre</label>
<input type="text" class="w-full bg-gray-50 border border-gray-200 p-3 rounded-xl focus:ring-2 focus:ring-brand-lightBlue outline-none" placeholder="Escribe tu nombre">
</div>
<div>
<label class="block text-sm font-black mb-1 text-gray-700">Estado donde vives (Solo USA)</label>
<input type="text" class="w-full bg-gray-50 border border-gray-200 p-3 rounded-xl focus:ring-2 focus:ring-brand-lightBlue outline-none" placeholder="Ej. Texas, Georgia, etc.">
</div>
<div>
<label class="block text-sm font-black mb-1 text-gray-700">Horas disponibles a la semana</label>
<select class="w-full bg-gray-50 border border-gray-200 p-3 rounded-xl focus:ring-2 focus:ring-brand-lightBlue outline-none">
<option>De 5 a 10 horas semanales</option>
<option>De 10 a 20 horas semanales</option>
<option>Más de 20 horas</option>
</select>
</div>
<a href="https://wa.me/17705143222" target="_blank" class="block text-center w-full bg-brand-green hover:bg-green-600 text-white font-black text-xl py-4 rounded-xl shadow-[0_10px_20px_rgba(34,197,94,0.3)] mt-6 transition-transform hover:-translate-y-1">
ESCRIBIR A LETI POR WHATSAPP
</a>
<p class="text-center text-[10px] text-gray-400 font-bold mt-4 uppercase">Serás redirigida a WhatsApp para coordinar tu llamada 1 a 1.</p>
</form>
</div>
</div>
</section>
<footer class="bg-gray-900 text-gray-500 text-center py-6 text-xs font-bold">
<p>© 2026 Leti Barrios. Todos los derechos reservados.</p>
<p class="mt-2">Descargo de responsabilidad: Los ingresos mostrados no son garantía de ganancias. Dependen del esfuerzo, dedicación y habilidades individuales.</p>
</footer>
</body>
</html>
