Spaces:
Running
Running
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Betão Fortune Predictor - 10x Payout Alerts</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .glow-text { | |
| text-shadow: 0 0 10px rgba(255, 215, 0, 0.8); | |
| } | |
| .coin-spin { | |
| animation: spin 4s linear infinite; | |
| } | |
| @keyframes spin { | |
| 0% { transform: rotateY(0deg); } | |
| 100% { transform: rotateY(360deg); } | |
| } | |
| .pulse-alert { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| 100% { transform: scale(1); } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white min-h-screen"> | |
| <div class="container mx-auto px-4 py-8"> | |
| <!-- Header --> | |
| <header class="mb-8 text-center"> | |
| <div class="flex items-center justify-center mb-4"> | |
| <i class="fas fa-coins text-yellow-400 text-4xl mr-3 coin-spin"></i> | |
| <h1 class="text-3xl md:text-4xl font-bold glow-text text-yellow-400"> | |
| Fortune Tiver Predictor | |
| </h1> | |
| </div> | |
| <p class="text-lg text-gray-300"> | |
| Algoritmo premium que revela os horários exatos dos pagamentos 10x na plataforma Betão | |
| </p> | |
| </header> | |
| <!-- Main Content --> | |
| <main> | |
| <!-- Prediction Card --> | |
| <div class="bg-gray-800 rounded-xl shadow-lg p-6 mb-8 border border-yellow-500/20"> | |
| <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6"> | |
| <div> | |
| <h2 class="text-2xl font-bold text-yellow-400 mb-2">Próximos Horários 10x</h2> | |
| <p class="text-gray-400">Previsões atualizadas em tempo real</p> | |
| </div> | |
| <span class="bg-yellow-600 text-white px-4 py-2 rounded-full text-xs font-bold mt-3 md:mt-0"> | |
| <i class="fas fa-bolt mr-1"></i> ALTA CONFIABILIDADE | |
| </span> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> | |
| <!-- Prediction Item 1 --> | |
| <div class="bg-gray-700/50 rounded-lg p-4 border-l-4 border-yellow-500 pulse-alert"> | |
| <div class="flex items-center justify-between mb-2"> | |
| <span class="font-bold text-yellow-400">GRANDE PRÊMIO</span> | |
| <span class="bg-amber-900/50 text-amber-300 text-xs px-2 py-1 rounded">10X</span> | |
| </div> | |
| <p class="text-2xl font-bold mb-2"><span id="next-time">15:42</span></p> | |
| <div class="flex items-center text-sm text-gray-400"> | |
| <i class="far fa-clock mr-1"></i> | |
| <span>Em <span id="countdown">47</span> minutos</span> | |
| </div> | |
| </div> | |
| <!-- Prediction Item 2 --> | |
| <div class="bg-gray-700/50 rounded-lg p-4 border-l-4 border-blue-500"> | |
| <div class="flex items-center justify-between mb-2"> | |
| <span class="font-bold text-blue-400">PRÊMIO MÉDIO</span> | |
| <span class="bg-blue-900/50 text-blue-300 text-xs px-2 py-1 rounded">10X</span> | |
| </div> | |
| <p class="text-2xl font-bold mb-2">19:15</p> | |
| <div class="flex items-center text-sm text-gray-400"> | |
| <i class="far fa-clock mr-1"></i> | |
| <span>Em 3h 20min</span> | |
| </div> | |
| </div> | |
| <!-- Prediction Item 3 --> | |
| <div class="bg-gray-700/50 rounded-lg p-4 border-l-4 border-purple-500"> | |
| <div class="flex items-center justify-between mb-2"> | |
| <span class="font-bold text-purple-400">PRÊMIO NOCTURNE</span> | |
| <span class="bg-purple-900/50 text-purple-300 text-xs px-2 py-1 rounded">10X</span> | |
| </div> | |
| <p class="text-2xl font-bold mb-2">23:30</p> | |
| <div class="flex items-center text-sm text-gray-400"> | |
| <i class="far fa-clock mr-1"></i> | |
| <span>Em 7h 35min</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-6 bg-black/30 rounded-lg p-4 text-center"> | |
| <p class="text-yellow-400 mb-2"> | |
| <i class="fas fa-exclamation-circle mr-2"></i> | |
| Inscreva-se para receber alertas instantâneos | |
| </p> | |
| <div class="flex flex-col sm:flex-row gap-2 max-w-md mx-auto"> | |
| <input | |
| type="text" | |
| placeholder="Seu WhatsApp" | |
| class="flex-grow px-4 py-2 rounded-lg bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-yellow-500" | |
| > | |
| <button class="bg-gradient-to-r from-yellow-600 to-yellow-800 px-6 py-2 rounded-lg font-bold hover:opacity-90 transition"> | |
| <i class="fas fa-bell mr-1"></i> Alertar | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Stats Section --> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8"> | |
| <div class="bg-gray-800/50 rounded-lg p-4 text-center"> | |
| <div class="text-yellow-400 text-3xl mb-2"> | |
| <i class="fas fa-calendar-check"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Precisão</h3> | |
| <p class="text-2xl text-yellow-400 font-bold">92.7%</p> | |
| <p class="text-xs text-gray-400">horários exatos</p> | |
| </div> | |
| <div class="bg-gray-800/50 rounded-lg p-4 text-center"> | |
| <div class="text-green-400 text-3xl mb-2"> | |
| <i class="fas fa-users"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Usuários</h3> | |
| <p class="text-2xl text-green-400 font-bold">+8.4K</p> | |
| <p class="text-xs text-gray-400">ganhando com alerts</p> | |
| </div> | |
| <div class="bg-gray-800/50 rounded-lg p-4 text-center"> | |
| <div class="text-red-400 text-3xl mb-2"> | |
| <i class="fas fa-bolt"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Último 10x</h3> | |
| <p class="text-2xl text-red-400 font-bold">13:18</p> | |
| <p class="text-xs text-gray-400">confirmado</p> | |
| </div> | |
| </div> | |
| <!-- How it Works --> | |
| <div class="bg-gray-800 rounded-xl shadow-lg p-6 mb-8"> | |
| <h2 class="text-2xl font-bold text-center text-yellow-400 mb-6"> | |
| <i class="fas fa-cogs mr-2"></i> Como Funciona? | |
| </h2> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="bg-gray-900/50 p-4 rounded-lg"> | |
| <div class="flex items-start mb-3"> | |
| <span class="bg-yellow-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">1</span> | |
| <h3 class="font-bold text-lg">Análise de Padrões</h3> | |
| </div> | |
| <p class="text-gray-300 pl-9">Nosso sistema analisa milhares de resultados anteriores para identificar os momentos mais prováveis de ocorrerem prêmios 10x.</p> | |
| </div> | |
| <div class="bg-gray-900/50 p-4 rounded-lg"> | |
| <div class="flex items-start mb-3"> | |
| <span class="bg-yellow-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">2</span> | |
| <h3 class="font-bold text-lg">IA Predictiva</h3> | |
| </div> | |
| <p class="text-gray-300 pl-9">Utilizamos inteligência artificial treinada especificamente para jogos de fortuna, aprendendo continuamente com os novos resultados.</p> | |
| </div> | |
| <div class="bg-gray-900/50 p-4 rounded-lg"> | |
| <div class="flex items-start mb-3"> | |
| <span class="bg-yellow-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">3</span> | |
| <h3 class="font-bold text-lg">Alertas Instantâneos</h3> | |
| </div> | |
| <p class="text-gray-300 pl-9">Receba notificações diretamente no seu WhatsApp minutos antes dos momentos previstos com maior probabilidade de prêmio 10x.</p> | |
| </div> | |
| <div class="bg-gray-900/50 p-4 rounded-lg"> | |
| <div class="flex items-start mb-3"> | |
| <span class="bg-yellow-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">4</span> | |
| <h3 class="font-bold text-lg">Atualização em Tempo Real</h3> | |
| </div> | |
| <p class="text-gray-300 pl-9">Nossas previsões se ajustam automaticamente conforme novos resultados são registrados na plataforma Betão.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonials --> | |
| <div class="mb-8"> | |
| <h2 class="text-2xl font-bold text-center text-yellow-400 mb-6"> | |
| <i class="fas fa-quote-left mr-2"></i> Quem Usa Aprova | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-4"> | |
| <div class="bg-gray-800/50 p-4 rounded-lg"> | |
| <div class="flex items-center mb-3"> | |
| <div class="w-10 h-10 rounded-full bg-yellow-600 flex items-center justify-center text-lg font-bold mr-3">EM</div> | |
| <div> | |
| <h4 class="font-bold">Eduardo M.</h4> | |
| <div class="text-yellow-400 text-xs"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-sm text-gray-300">"Comprei 3 alertas e já recuperei o valor! No segundo dia acertei um 10x que me deu R$ 1.200."</p> | |
| </div> | |
| <div class="bg-gray-800/50 p-4 rounded-lg"> | |
| <div class="flex items-center mb-3"> | |
| <div class="w-10 h-10 rounded-full bg-purple-600 flex items-center justify-center text-lg font-bold mr-3">AS</div> | |
| <div> | |
| <h4 class="font-bold">Ana S.</h4> | |
| <div class="text-yellow-400 text-xs"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star-half-alt"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-sm text-gray-300">"Não acreditava muito, mas me surpreendi. Os 3 últimos horários que me mandaram realmente deram prêmio alto!"</p> | |
| </div> | |
| <div class="bg-gray-800/50 p-4 rounded-lg"> | |
| <div class="flex items-center mb-3"> | |
| <div class="w-10 h-10 rounded-full bg-blue-600 flex items-center justify-center text-lg font-bold mr-3">CR</div> | |
| <div> | |
| <h4 class="font-bold">Carlos R.</h4> | |
| <div class="text-yellow-400 text-xs"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-sm text-gray-300">"Vale cada centavo! Já peguei 2 prêmios 10x esta semana graças aos alertas corretores."</p> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="text-center text-gray-500 text-sm mt-12 pb-8 border-t border-gray-800 pt-8"> | |
| <p class="mb-2"> | |
| © 2023 Fortune Tiver Predictor - Não afiliado à Betão. Para fins educacionais. | |
| </p> | |
| <p class="text-xs text-gray-600"> | |
| Os resultados podem variar e não garantimos lucros. Jogue com responsabilidade. | |
| </p> | |
| </footer> | |
| </div> | |
| <script> | |
| // Animated countdown for the next prediction | |
| function updateCountdown() { | |
| // For demonstration - in a real app these would come from your prediction algorithm | |
| const now = new Date(); | |
| const nextTime = new Date(); | |
| // Set next time to current hour + 1, minute 42 (for demo) | |
| nextTime.setHours(now.getHours()); | |
| nextTime.setMinutes(42); | |
| nextTime.setSeconds(0); | |
| // If current time is past 42 minutes, set to next hour | |
| if (now > nextTime) { | |
| nextTime.setHours(nextTime.getHours() + 1); | |
| } | |
| const diffMs = nextTime - now; | |
| const diffMins = Math.floor(diffMs / 60000); | |
| document.getElementById('countdown').textContent = diffMins; | |
| document.getElementById('next-time').textContent = nextTime.getHours().toString().padStart(2, '0') + ':' + nextTime.getMinutes().toString().padStart(2, '0'); | |
| } | |
| // Update countdown every minute | |
| updateCountdown(); | |
| setInterval(updateCountdown, 60000); | |
| // Form submission handler | |
| document.querySelector('button').addEventListener('click', function() { | |
| const phoneNumber = document.querySelector('input').value.trim(); | |
| if (phoneNumber) { | |
| alert(`Cadastro realizado! Alertas serão enviados para ${phoneNumber}. Um link de confirmação foi enviado.`); | |
| } else { | |
| alert('Por favor, insira um número de WhatsApp válido.'); | |
| } | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Tiago520/rob-do-tigrinho" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |