| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Roulette Genius AI - ИИ помощник для рулетки</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> |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); |
| |
| body { |
| font-family: 'Inter', sans-serif; |
| background-color: #0a0a0a; |
| color: #f3f4f6; |
| overflow-x: hidden; |
| } |
| |
| .gradient-text { |
| background: linear-gradient(90deg, #ef4444, #f59e0b); |
| -webkit-background-clip: text; |
| background-clip: text; |
| color: transparent; |
| } |
| |
| .neon-border { |
| border: 1px solid rgba(239, 68, 68, 0.3); |
| box-shadow: 0 0 10px rgba(239, 68, 68, 0.3), inset 0 0 10px rgba(239, 68, 68, 0.3); |
| } |
| |
| .roulette-wheel { |
| animation: spin 20s linear infinite; |
| } |
| |
| @keyframes spin { |
| 0% { transform: rotate(0deg); } |
| 100% { transform: rotate(360deg); } |
| } |
| |
| .pulse { |
| animation: pulse 2s infinite; |
| } |
| |
| @keyframes pulse { |
| 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); } |
| 70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); } |
| 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } |
| } |
| |
| .number-input { |
| background: rgba(31, 41, 55, 0.5); |
| border: 1px solid rgba(239, 68, 68, 0.3); |
| color: white; |
| transition: all 0.3s; |
| } |
| |
| .number-input:focus { |
| border-color: #ef4444; |
| box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3); |
| } |
| |
| .hot-number { |
| background: linear-gradient(135deg, #ef4444, #f59e0b); |
| transform: scale(1.1); |
| } |
| |
| .cold-number { |
| background: linear-gradient(135deg, #3b82f6, #6366f1); |
| transform: scale(0.9); |
| } |
| |
| .prediction-bubble { |
| position: relative; |
| animation: float 3s ease-in-out infinite; |
| } |
| |
| @keyframes float { |
| 0% { transform: translateY(0px); } |
| 50% { transform: translateY(-10px); } |
| 100% { transform: translateY(0px); } |
| } |
| |
| .glow { |
| text-shadow: 0 0 10px rgba(239, 68, 68, 0.7); |
| } |
| |
| .tab-active { |
| border-bottom: 2px solid #ef4444; |
| color: #ef4444; |
| } |
| |
| .chat-message { |
| max-height: 0; |
| opacity: 0; |
| transition: all 0.5s ease; |
| } |
| |
| .chat-message.active { |
| max-height: 200px; |
| opacity: 1; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <header class="bg-black/90 backdrop-blur-md sticky top-0 z-50 border-b border-gray-800"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center space-x-2"> |
| <div class="w-8 h-8 rounded-full bg-gradient-to-br from-red-500 to-yellow-500 flex items-center justify-center"> |
| <i class="fas fa-brain text-white"></i> |
| </div> |
| <span class="text-xl font-bold gradient-text">Roulette Genius AI</span> |
| </div> |
| <nav class="hidden md:flex space-x-6"> |
| <a href="#features" class="hover:text-red-400 transition">Как работает</a> |
| <a href="#analytics" class="hover:text-red-400 transition">Аналитика</a> |
| <a href="#pricing" class="hover:text-red-400 transition">Тарифы</a> |
| <a href="#testimonials" class="hover:text-red-400 transition">Отзывы</a> |
| </nav> |
| <div class="flex items-center space-x-4"> |
| <button class="hidden md:block px-4 py-2 rounded-md bg-gradient-to-r from-red-500 to-yellow-500 hover:from-red-600 hover:to-yellow-600 transition text-white font-medium"> |
| Войти |
| </button> |
| <button class="md:hidden text-gray-300 hover:text-white"> |
| <i class="fas fa-bars text-xl"></i> |
| </button> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <section class="relative overflow-hidden"> |
| <div class="absolute inset-0 bg-gradient-to-b from-black/80 to-black/20 z-10"></div> |
| <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1615361200141-f45040f367be?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80')] bg-cover bg-center opacity-30"></div> |
| <div class="container mx-auto px-4 py-24 relative z-20"> |
| <div class="max-w-3xl mx-auto text-center"> |
| <h1 class="text-4xl md:text-6xl font-bold mb-6"> |
| <span class="gradient-text">ИИ-помощник</span> который предсказывает рулетку |
| </h1> |
| <p class="text-xl md:text-2xl text-gray-300 mb-8"> |
| Алгоритм, который ломает шаблоны. Играй в рулетку с ИИ на своей стороне. |
| </p> |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> |
| <button class="px-8 py-4 rounded-lg bg-gradient-to-r from-red-500 to-yellow-500 hover:from-red-600 hover:to-yellow-600 transition text-white font-bold text-lg shadow-lg shadow-red-500/20"> |
| Попробовать бесплатно |
| </button> |
| <button class="px-8 py-4 rounded-lg bg-gray-800 hover:bg-gray-700 transition text-white font-bold text-lg border border-gray-700"> |
| <i class="fas fa-play-circle mr-2"></i> Видеообзор |
| </button> |
| </div> |
| <div class="mt-12 flex justify-center"> |
| <div class="relative w-64 h-64"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Roulette_wheel.svg/1200px-Roulette_wheel.svg.png" alt="Roulette Wheel" class="roulette-wheel w-full h-full"> |
| <div class="absolute inset-0 flex items-center justify-center"> |
| <div class="w-16 h-16 rounded-full bg-black border-4 border-red-500 flex items-center justify-center pulse"> |
| <span class="text-white font-bold text-xl">AI</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="features" class="py-20 bg-gradient-to-b from-black to-gray-900"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Как работает <span class="gradient-text">Roulette Genius AI</span> |
| </h2> |
| <p class="text-xl text-gray-400 max-w-3xl mx-auto"> |
| Наш алгоритм анализирует тысячи паттернов и предоставляет вам стратегию ставок с максимальной вероятностью выигрыша |
| </p> |
| </div> |
| |
| <div class="grid md:grid-cols-3 gap-8"> |
| |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition group"> |
| <div class="w-16 h-16 rounded-full bg-gradient-to-br from-red-500 to-yellow-500 flex items-center justify-center mb-6 text-white text-2xl font-bold group-hover:scale-110 transition"> |
| 1 |
| </div> |
| <h3 class="text-2xl font-bold mb-3">Введи выпавшие числа</h3> |
| <p class="text-gray-400"> |
| Вручную введи последние выпавшие числа или подключись к live-рулетке для автоматического анализа |
| </p> |
| </div> |
| |
| |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition group"> |
| <div class="w-16 h-16 rounded-full bg-gradient-to-br from-red-500 to-yellow-500 flex items-center justify-center mb-6 text-white text-2xl font-bold group-hover:scale-110 transition"> |
| 2 |
| </div> |
| <h3 class="text-2xl font-bold mb-3">Сервис просчитывает вероятности</h3> |
| <p class="text-gray-400"> |
| Наш ИИ анализирует паттерны, используя алгоритм Монте-Карло и статистику 100,000+ спинов |
| </p> |
| </div> |
| |
| |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition group"> |
| <div class="w-16 h-16 rounded-full bg-gradient-to-br from-red-500 to-yellow-500 flex items-center justify-center mb-6 text-white text-2xl font-bold group-hover:scale-110 transition"> |
| 3 |
| </div> |
| <h3 class="text-2xl font-bold mb-3">Получи совет по ставке</h3> |
| <p class="text-gray-400"> |
| Система рекомендует оптимальную ставку с учетом текущих вероятностей и твоей стратегии |
| </p> |
| </div> |
| </div> |
| |
| |
| <div class="mt-20 bg-gray-900 rounded-xl overflow-hidden border border-gray-800"> |
| <div class="grid md:grid-cols-2 gap-0"> |
| <div class="p-8"> |
| <h3 class="text-2xl font-bold mb-6">Попробуй прямо сейчас</h3> |
| <div class="mb-6"> |
| <label class="block text-gray-400 mb-2">Введи последние 10 чисел (через запятую):</label> |
| <input type="text" id="numbersInput" class="w-full px-4 py-3 rounded-lg number-input" placeholder="Например: 17, 32, 5, 24, 8, 19, 31, 10, 14, 2"> |
| </div> |
| <button id="analyzeBtn" class="px-6 py-3 rounded-lg bg-gradient-to-r from-red-500 to-yellow-500 hover:from-red-600 hover:to-yellow-600 transition text-white font-medium w-full"> |
| <i class="fas fa-brain mr-2"></i> Проанализировать |
| </button> |
| </div> |
| <div class="bg-gray-800 p-8 flex flex-col justify-center"> |
| <div id="analysisResult" class="text-center"> |
| <div class="text-gray-500 mb-4"> |
| <i class="fas fa-robot text-4xl"></i> |
| </div> |
| <p class="text-gray-400">Введи числа и нажми "Проанализировать"</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="analytics" class="py-20 bg-gray-900"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| <span class="gradient-text">Живая аналитика</span> в реальном времени |
| </h2> |
| <p class="text-xl text-gray-400 max-w-3xl mx-auto"> |
| Наш ИИ непрерывно анализирует рулетку и выявляет аномалии и паттерны |
| </p> |
| </div> |
| |
| |
| <div class="flex border-b border-gray-800 mb-8"> |
| <button class="tab-btn px-6 py-3 font-medium text-gray-400 hover:text-white transition tab-active" data-tab="hot-numbers"> |
| Горячие числа |
| </button> |
| <button class="tab-btn px-6 py-3 font-medium text-gray-400 hover:text-white transition" data-tab="sectors"> |
| Горячие сектора |
| </button> |
| <button class="tab-btn px-6 py-3 font-medium text-gray-400 hover:text-white transition" data-tab="recommendations"> |
| Рекомендации |
| </button> |
| </div> |
| |
| |
| <div class="tab-content active" id="hot-numbers"> |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700"> |
| <div class="grid grid-cols-6 md:grid-cols-12 gap-3 mb-8"> |
| |
| <div class="number-cell w-12 h-12 rounded-full bg-green-900 flex items-center justify-center text-white font-bold border border-green-500">0</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-red-900 flex items-center justify-center text-white font-bold border border-red-500">32</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-black flex items-center justify-center text-white font-bold border border-gray-600">15</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-red-900 flex items-center justify-center text-white font-bold border border-red-500">19</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-black flex items-center justify-center text-white font-bold border border-gray-600">4</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-green-900 flex items-center justify-center text-white font-bold border border-green-500">2</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-black flex items-center justify-center text-white font-bold border border-gray-600">21</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-red-900 flex items-center justify-center text-white font-bold border border-red-500">25</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-black flex items-center justify-center text-white font-bold border border-gray-600">17</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-red-900 flex items-center justify-center text-white font-bold border border-red-500">30</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-black flex items-center justify-center text-white font-bold border border-gray-600">6</div> |
| <div class="number-cell w-12 h-12 rounded-full bg-red-900 flex items-center justify-center text-white font-bold border border-red-500">27</div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
| <div class="bg-gray-900 rounded-lg p-6 border border-gray-700"> |
| <h3 class="text-xl font-bold mb-4 flex items-center"> |
| <i class="fas fa-fire text-red-500 mr-2"></i> Самые горячие числа |
| </h3> |
| <div class="space-y-3"> |
| <div class="flex justify-between items-center"> |
| <span class="font-medium">32</span> |
| <div class="w-full max-w-xs bg-gray-700 rounded-full h-2.5 mx-4"> |
| <div class="bg-red-500 h-2.5 rounded-full" style="width: 85%"></div> |
| </div> |
| <span class="text-red-400 font-bold">85%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="font-medium">19</span> |
| <div class="w-full max-w-xs bg-gray-700 rounded-full h-2.5 mx-4"> |
| <div class="bg-red-500 h-2.5 rounded-full" style="width: 72%"></div> |
| </div> |
| <span class="text-red-400 font-bold">72%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="font-medium">25</span> |
| <div class="w-full max-w-xs bg-gray-700 rounded-full h-2.5 mx-4"> |
| <div class="bg-red-500 h-2.5 rounded-full" style="width: 68%"></div> |
| </div> |
| <span class="text-red-400 font-bold">68%</span> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-lg p-6 border border-gray-700"> |
| <h3 class="text-xl font-bold mb-4 flex items-center"> |
| <i class="fas fa-snowflake text-blue-400 mr-2"></i> Самые холодные числа |
| </h3> |
| <div class="space-y-3"> |
| <div class="flex justify-between items-center"> |
| <span class="font-medium">7</span> |
| <div class="w-full max-w-xs bg-gray-700 rounded-full h-2.5 mx-4"> |
| <div class="bg-blue-400 h-2.5 rounded-full" style="width: 12%"></div> |
| </div> |
| <span class="text-blue-400 font-bold">12%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="font-medium">23</span> |
| <div class="w-full max-w-xs bg-gray-700 rounded-full h-2.5 mx-4"> |
| <div class="bg-blue-400 h-2.5 rounded-full" style="width: 15%"></div> |
| </div> |
| <span class="text-blue-400 font-bold">15%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="font-medium">14</span> |
| <div class="w-full max-w-xs bg-gray-700 rounded-full h-2.5 mx-4"> |
| <div class="bg-blue-400 h-2.5 rounded-full" style="width: 18%"></div> |
| </div> |
| <span class="text-blue-400 font-bold">18%</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="tab-content hidden" id="sectors"> |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700"> |
| <h3 class="text-xl font-bold mb-6">Анализ секторов рулетки</h3> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"> |
| <div class="bg-gray-900 rounded-lg p-6 border border-red-500/30"> |
| <h4 class="font-bold mb-3 text-red-400">1-я дюжина (1-12)</h4> |
| <div class="flex justify-between items-center mb-2"> |
| <span>Вероятность:</span> |
| <span class="font-bold text-red-400">28%</span> |
| </div> |
| <div class="w-full bg-gray-700 rounded-full h-2"> |
| <div class="bg-red-500 h-2 rounded-full" style="width: 28%"></div> |
| </div> |
| </div> |
| <div class="bg-gray-900 rounded-lg p-6 border border-yellow-500/30"> |
| <h4 class="font-bold mb-3 text-yellow-400">2-я дюжина (13-24)</h4> |
| <div class="flex justify-between items-center mb-2"> |
| <span>Вероятность:</span> |
| <span class="font-bold text-yellow-400">42%</span> |
| </div> |
| <div class="w-full bg-gray-700 rounded-full h-2"> |
| <div class="bg-yellow-500 h-2 rounded-full" style="width: 42%"></div> |
| </div> |
| </div> |
| <div class="bg-gray-900 rounded-lg p-6 border border-green-500/30"> |
| <h4 class="font-bold mb-3 text-green-400">3-я дюжина (25-36)</h4> |
| <div class="flex justify-between items-center mb-2"> |
| <span>Вероятность:</span> |
| <span class="font-bold text-green-400">56%</span> |
| </div> |
| <div class="w-full bg-gray-700 rounded-full h-2"> |
| <div class="bg-green-500 h-2 rounded-full" style="width: 56%"></div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
| <div class="bg-gray-900 rounded-lg p-6 border border-gray-700"> |
| <h4 class="font-bold mb-4">Распределение по цветам</h4> |
| <div class="flex items-center justify-center"> |
| <div class="w-48 h-48 relative"> |
| <canvas id="colorChart"></canvas> |
| <div class="absolute inset-0 flex items-center justify-center"> |
| <div class="text-center"> |
| <div class="text-2xl font-bold">65%</div> |
| <div class="text-red-400">Красное</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-lg p-6 border border-gray-700"> |
| <h4 class="font-bold mb-4">Распределение чёт/нечёт</h4> |
| <div class="flex items-center justify-center"> |
| <div class="w-48 h-48 relative"> |
| <canvas id="evenOddChart"></canvas> |
| <div class="absolute inset-0 flex items-center justify-center"> |
| <div class="text-center"> |
| <div class="text-2xl font-bold">72%</div> |
| <div class="text-green-400">Чётное</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="tab-content hidden" id="recommendations"> |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700"> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-6">Рекомендации ИИ</h3> |
| <div class="space-y-6"> |
| <div class="bg-gray-900 rounded-lg p-5 border border-green-500/30"> |
| <div class="flex items-start"> |
| <div class="bg-green-500/20 p-2 rounded-lg mr-4"> |
| <i class="fas fa-check-circle text-green-500 text-xl"></i> |
| </div> |
| <div> |
| <h4 class="font-bold mb-1">Основная ставка</h4> |
| <p class="text-gray-400">3-я дюжина (25-36) + Красное</p> |
| <div class="mt-2 text-sm text-green-400 font-medium"> |
| <i class="fas fa-bolt mr-1"></i> Вероятность 78% |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-lg p-5 border border-yellow-500/30"> |
| <div class="flex items-start"> |
| <div class="bg-yellow-500/20 p-2 rounded-lg mr-4"> |
| <i class="fas fa-exclamation-circle text-yellow-500 text-xl"></i> |
| </div> |
| <div> |
| <h4 class="font-bold mb-1">Альтернативная ставка</h4> |
| <p class="text-gray-400">Чётное + 2-я колонна</p> |
| <div class="mt-2 text-sm text-yellow-400 font-medium"> |
| <i class="fas fa-bolt mr-1"></i> Вероятность 65% |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-lg p-5 border border-red-500/30"> |
| <div class="flex items-start"> |
| <div class="bg-red-500/20 p-2 rounded-lg mr-4"> |
| <i class="fas fa-times-circle text-red-500 text-xl"></i> |
| </div> |
| <div> |
| <h4 class="font-bold mb-1">Избегать</h4> |
| <p class="text-gray-400">1-я дюжина + Чёрное</p> |
| <div class="mt-2 text-sm text-red-400 font-medium"> |
| <i class="fas fa-skull-crossbones mr-1"></i> Вероятность 12% |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div> |
| <h3 class="text-xl font-bold mb-6">Стратегия Мартингейла</h3> |
| <div class="bg-gray-900 rounded-lg p-6 border border-purple-500/30"> |
| <div class="flex items-center mb-4"> |
| <div class="bg-purple-500/20 p-2 rounded-lg mr-4"> |
| <i class="fas fa-chess-queen text-purple-500 text-xl"></i> |
| </div> |
| <div> |
| <h4 class="font-bold">Рекомендуемая стратегия</h4> |
| </div> |
| </div> |
| |
| <div class="space-y-4"> |
| <div class="flex items-center"> |
| <div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-500 mr-3"> |
| 1 |
| </div> |
| <div> |
| <p class="font-medium">Начальная ставка: <span class="text-purple-400">$10</span></p> |
| </div> |
| </div> |
| |
| <div class="flex items-center"> |
| <div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-500 mr-3"> |
| 2 |
| </div> |
| <div> |
| <p class="font-medium">Удваивать после проигрыша</p> |
| </div> |
| </div> |
| |
| <div class="flex items-center"> |
| <div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-500 mr-3"> |
| 3 |
| </div> |
| <div> |
| <p class="font-medium">Максимум 5 удвоений</p> |
| </div> |
| </div> |
| |
| <div class="flex items-center"> |
| <div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-500 mr-3"> |
| 4 |
| </div> |
| <div> |
| <p class="font-medium">Выход при прибыли <span class="text-green-400">$50+</span></p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-6 bg-black/50 rounded-lg p-4"> |
| <div class="flex justify-between items-center mb-2"> |
| <span class="text-gray-400">Ожидаемая прибыль:</span> |
| <span class="font-bold text-green-400">$47.80</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-gray-400">Риск:</span> |
| <span class="font-bold text-red-400">Средний</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gradient-to-b from-gray-900 to-black"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Почему <span class="gradient-text">это работает</span>? |
| </h2> |
| <p class="text-xl text-gray-400 max-w-3xl mx-auto"> |
| Наш алгоритм основан на передовых технологиях анализа данных и теории вероятностей |
| </p> |
| </div> |
| |
| <div class="grid md:grid-cols-3 gap-8 mb-16"> |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition"> |
| <div class="w-14 h-14 rounded-lg bg-red-500/10 flex items-center justify-center text-red-500 mb-4 text-2xl"> |
| <i class="fas fa-database"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Анализ 100,000+ спинов</h3> |
| <p class="text-gray-400"> |
| Наша база данных содержит статистику по десяткам тысяч реальных спинов из различных казино |
| </p> |
| </div> |
| |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition"> |
| <div class="w-14 h-14 rounded-lg bg-yellow-500/10 flex items-center justify-center text-yellow-500 mb-4 text-2xl"> |
| <i class="fas fa-robot"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Алгоритм Монте-Карло</h3> |
| <p class="text-gray-400"> |
| Используем модифицированный алгоритм Монте-Карло для моделирования тысяч возможных исходов |
| </p> |
| </div> |
| |
| <div class="bg-gray-800/50 rounded-xl p-6 border border-gray-700 hover:border-red-500 transition"> |
| <div class="w-14 h-14 rounded-lg bg-blue-500/10 flex items-center justify-center text-blue-500 mb-4 text-2xl"> |
| <i class="fas fa-chart-line"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Выявление аномалий</h3> |
| <p class="text-gray-400"> |
| Система обнаруживает статистические аномалии и "перегретые" сектора в реальном времени |
| </p> |
| </div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-800 max-w-4xl mx-auto"> |
| <div class="grid md:grid-cols-2 gap-0"> |
| <div class="p-8"> |
| <h3 class="text-2xl font-bold mb-4">ИИ-чат с рекомендациями</h3> |
| <p class="text-gray-400 mb-6"> |
| Получи персональную рекомендацию от нашего ИИ-ассистента |
| </p> |
| |
| <div class="space-y-4 mb-6"> |
| <div class="chat-message active"> |
| <div class="flex items-start"> |
| <div class="bg-gray-700 p-3 rounded-lg mr-3"> |
| <i class="fas fa-robot text-yellow-500"></i> |
| </div> |
| <div class="bg-gray-800 rounded-lg p-3 flex-1"> |
| <p>Привет! Я Roulette Genius AI. Введи последние 5-10 выпавших чисел, и я дам тебе рекомендацию по следующей ставке.</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="chat-message"> |
| <div class="flex items-start"> |
| <div class="bg-gray-700 p-3 rounded-lg mr-3"> |
| <i class="fas fa-user text-blue-400"></i> |
| </div> |
| <div class="bg-gray-800 rounded-lg p-3 flex-1"> |
| <p>17, 32, 5, 24, 8, 19, 31, 10</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="chat-message"> |
| <div class="flex items-start"> |
| <div class="bg-gray-700 p-3 rounded-lg mr-3"> |
| <i class="fas fa-robot text-yellow-500"></i> |
| </div> |
| <div class="bg-gray-800 rounded-lg p-3 flex-1"> |
| <p class="font-bold text-green-400 mb-1">Рекомендация:</p> |
| <p>Ставь на 3-ю дюжину (25-36) + Красное. Вероятность выигрыша 78%.</p> |
| <p class="mt-2 text-sm text-gray-400">На основе анализа последних 20 спинов</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="flex"> |
| <input type="text" class="flex-1 px-4 py-3 rounded-l-lg bg-gray-800 border border-gray-700 focus:border-red-500 focus:outline-none text-white" placeholder="Введи числа через запятую..."> |
| <button class="px-4 py-3 rounded-r-lg bg-gradient-to-r from-red-500 to-yellow-500 text-white font-medium"> |
| <i class="fas fa-paper-plane"></i> |
| </button> |
| </div> |
| </div> |
| |
| <div class="bg-gray-800 p-8 flex items-center justify-center"> |
| <div class="text-center"> |
| <div class="inline-block p-6 rounded-full bg-gradient-to-br from-red-500 to-yellow-500 mb-6"> |
| <i class="fas fa-lightbulb text-white text-4xl"></i> |
| </div> |
| <h4 class="text-xl font-bold mb-2">Совет дня</h4> |
| <p class="text-gray-400 max-w-xs mx-auto"> |
| После 4 подряд выпавших красных, вероятность чёрного не увеличивается. Каждый спин независим! |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="pricing" class="py-20 bg-black"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Выбери свой <span class="gradient-text">тарифный план</span> |
| </h2> |
| <p class="text-xl text-gray-400 max-w-3xl mx-auto"> |
| Получи полный доступ ко всем возможностям Roulette Genius AI |
| </p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto"> |
| <div class="bg-gray-900 rounded-xl p-8 border border-gray-800"> |
| <h3 class="text-2xl font-bold mb-4">Бесплатно</h3> |
| <div class="text-4xl font-bold mb-6">$0<span class="text-lg text-gray-400 font-normal">/навсегда</span></div> |
| <p class="text-gray-400 mb-8">Попробуй базовые функции без риска</p> |
| <button class="w-full py-3 rounded-lg bg-gray-800 hover:bg-gray-700 transition text-white font-medium border border-gray-700"> |
| Начать сейчас |
| </button> |
| |
| <div class="mt-8 space-y-4"> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-gray-800 flex items-center justify-center text-green-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Ручной ввод чисел</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-gray-800 flex items-center justify-center text-green-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Базовый анализ паттернов</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-gray-800 flex items-center justify-center text-green-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Ограниченные рекомендации</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-gray-800 flex items-center justify-center text-gray-500 mr-3"> |
| <i class="fas fa-times text-xs"></i> |
| </div> |
| <span class="text-gray-500">Подключение к live-рулетке</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-gray-800 flex items-center justify-center text-gray-500 mr-3"> |
| <i class="fas fa-times text-xs"></i> |
| </div> |
| <span class="text-gray-500">Стратегия Мартингейла</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-gray-800 flex items-center justify-center text-gray-500 mr-3"> |
| <i class="fas fa-times text-xs"></i> |
| </div> |
| <span class="text-gray-500">Поддержка 24/7</span> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-xl p-8 border-2 border-red-500 relative"> |
| <div class="absolute top-0 right-0 bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg"> |
| ПОПУЛЯРНЫЙ |
| </div> |
| <h3 class="text-2xl font-bold mb-4">Premium</h3> |
| <div class="text-4xl font-bold mb-6">$7.99<span class="text-lg text-gray-400 font-normal">/месяц</span></div> |
| <p class="text-gray-400 mb-8">Полный доступ ко всем возможностям</p> |
| <button class="w-full py-3 rounded-lg bg-gradient-to-r from-red-500 to-yellow-500 hover:from-red-600 hover:to-yellow-600 transition text-white font-medium shadow-lg shadow-red-500/20"> |
| Купить Premium |
| </button> |
| |
| <div class="mt-8 space-y-4"> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-red-500/20 flex items-center justify-center text-red-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Ручной ввод чисел</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-red-500/20 flex items-center justify-center text-red-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Продвинутый анализ паттернов</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-red-500/20 flex items-center justify-center text-red-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Детальные рекомендации</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-red-500/20 flex items-center justify-center text-red-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Подключение к live-рулетке</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-red-500/20 flex items-center justify-center text-red-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Стратегия Мартингейла</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="w-6 h-6 rounded-full bg-red-500/20 flex items-center justify-center text-red-500 mr-3"> |
| <i class="fas fa-check text-xs"></i> |
| </div> |
| <span>Поддержка 24/7</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="testimonials" class="py-20 bg-gradient-to-b from-black to-gray-900"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Что говорят <span class="gradient-text">наши пользователи</span> |
| </h2> |
| <p class="text-xl text-gray-400 max-w-3xl mx-auto"> |
| Тысячи игроков уже доверяют нашему ИИ-ассистенту |
| </p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto"> |
| <div class="bg-gray-900 rounded-xl p-8 border border-gray-800"> |
| <div class="flex items-center mb-6"> |
| <div class="w-12 h-12 rounded-full bg-gradient-to-br from-red-500 to-yellow-500 flex items-center justify-center text-white font-bold mr-4"> |
| АК |
| </div> |
| <div> |
| <h4 class="font-bold">Алексей К.</h4> |
| <div class="flex text-yellow-400"> |
| <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-gray-400 mb-6"> |
| "Уже два вечера плюсую. Главное — не жадничать! ИИ реально видит закономерности, которые я не замечал. Вчера по его совету поставил на 3-ю дюжину и выиграл $200." |
| </p> |
| <div class="text-sm text-gray-500"> |
| <i class="fas fa-clock mr-1"></i> 3 дня назад |
| </div> |
| </div> |
| |
| <div class="bg-gray-900 rounded-xl p-8 border border-gray-800"> |
| <div class="flex items-center mb-6"> |
| <div class="w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-purple-500 flex items-center justify-center text-white font-bold mr-4"> |
| МС |
| </div> |
| <div> |
| <h4 class="font-bold">Марина С.</h4> |
| <div class="flex text-yellow-400"> |
| <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-gray-400 mb-6"> |
| "Я просто ввожу числа — и он говорит, что делать. Стал играть увереннее. Особенно нравится функция 'холодных чисел' — помогает избегать плохих ставок. За неделю с Premium версией мой банкролл вырос на 30%." |
| </p> |
| <div class="text-sm text-gray-500"> |
| <i class="fas fa-clock mr-1"></i> 1 неделю назад |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-12 bg-gray-900 rounded-xl p-8 border border-gray-800 max-w-3xl mx-auto"> |
| <div class="text-center mb-8"> |
| <h3 class="text-2xl font-bold mb-2">Средние результаты наших пользователей</h3> |
| <p class="text-gray-400">На основе данных за последние 30 дней</p> |
| </div> |
| |
| <div class="grid grid-cols-2 md:grid-css-4 gap-6"> |
| <div class="bg-gray-800 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold text-green-400 mb-2">+37%</div> |
| <div class="text-gray-400 text-sm">Увеличение банкролла</div> |
| </div> |
| <div class="bg-gray-800 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold text-red-400 mb-2">-28%</div> |
| <div class="text-gray-400 text-sm">Снижение убыточных ставок</div> |
| </div> |
| <div class="bg-gray-800 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold text-yellow-400 mb-2">72%</div> |
| <div class="text-gray-400 text-sm">Успешных рекомендаций</div> |
| </div> |
| <div class="bg-gray-800 rounded-lg p-4 text-center"> |
| <div class="text-3xl font-bold text-blue-400 mb-2">4.8/5</div> |
| <div class="text-gray-400 text-sm">Средняя оценка сервиса</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gray-900"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Часто задаваемые <span class="gradient-text">вопросы</span> |
| </h2> |
| <p class="text-xl text-gray-400 max-w-3xl mx-auto"> |
| Всё, что тебе нужно знать о Roulette Genius AI |
| </p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto"> |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> |
| <h3 class="text-xl font-bold mb-3 flex items-center"> |
| <i class="fas fa-question-circle text-red-500 mr-3"></i> Это не запрещено казино? |
| </h3> |
| <p class="text-gray-400"> |
| Нет. Roulette Genius AI — это просто вспомогательный аналитический инструмент. Окончательное решение всегда принимает игрок. Мы не взламываем и не вмешиваемся в работу казино. |
| </p> |
| </div> |
| |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> |
| <h3 class="text-xl font-bold mb-3 flex items-center"> |
| <i class="fas fa-question-circle text-red-500 mr-3"></i> Это не развод? |
| </h3> |
| <p class="text-gray-400"> |
| Попробуй бесплатно и убедись сам — статистика не врёт. Наш сервис не гарантирует выигрыш (это невозможно в азартных играх), но значительно повышает твои шансы. |
| </p> |
| </div> |
| |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> |
| <h3 class="text-xl font-bold mb-3 flex items-center"> |
| <i class="fas fa-question-circle text-red-500 mr-3"></i> Как работает live-анализ? |
| </h3> |
| <p class="text-gray-400"> |
| В Premium версии ты можешь подключить наш сервис к трансляции рулетки. ИИ будет автоматически распознавать выпавшие числа и давать рекомендации в реальном времени. |
| </p> |
| </div> |
| |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700"> |
| <h3 class="text-xl font-bold mb-3 flex items-center"> |
| <i class="fas fa-question-circle text-red-500 mr-3"></i> Есть ли мобильное приложение? |
| </h3> |
| <p class="text-gray-400"> |
| Да! Наш сервис полностью адаптирован для мобильных устройств. Просто открой сайт в браузере — все функции будут работать. Нативное приложение в разработке. |
| </p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gradient-to-b from-gray-900 to-black"> |
| <div class="container mx-auto px-4"> |
| <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-800 max-w-4xl mx-auto"> |
| <div class="grid md:grid-css-2 gap-0"> |
| <div class="p-10"> |
| <h2 class="text-3xl font-bold mb-4"> |
| Скачай бесплатно PDF: <span class="gradient-text">3 самые прибыльные стратегии</span> игры в рулетку |
| </h2> |
| <p class="text-gray-400 mb-8"> |
| Получи эксклюзивное руководство с проверенными стратегиями, которые используют профессиональные игроки. Просто оставь email: |
| </p> |
| |
| <form class="space-y-4"> |
| <div> |
| <label class="block text-gray-400 mb-2">Твой Email</label> |
| <input type="email" class="w-full px-4 py-3 rounded-lg bg-gray-800 border border-gray-700 focus:border-red-500 focus:outline-none text-white" placeholder="email@example.com" required> |
| </div> |
| <button type="submit" class="w-full py-3 rounded-lg bg-gradient-to-r from-red-500 to-yellow-500 hover:from-red-600 hover:to-yellow-600 transition text-white font-medium"> |
| Получить PDF <i class="fas fa-arrow-right ml-2"></i> |
| </button> |
| </form> |
| |
| <p class="text-gray-500 text-sm mt-4"> |
| Мы не спамим. Ты можешь отписаться в любой момент. |
| </p> |
| </div> |
| |
| <div class="bg-gray-800 p-10 flex items-center justify-center"> |
| <div class="relative"> |
| <div class="w-48 h-64 bg-gradient-to-br from-red-500 to-yellow-500 rounded-lg shadow-2xl flex items-center justify-center text-white text-2xl font-bold transform rotate-6"> |
| PDF |
| </div> |
| <div class="absolute -bottom-4 -right-4 bg-black/80 backdrop-blur-sm rounded-lg p-4 border border-gray-700 shadow-lg"> |
| <h4 class="font-bold mb-1">3 стратегии</h4> |
| <p class="text-gray-400 text-sm">Мартингейл, Фибоначчи, Даламбер</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-black py-12 border-t border-gray-900"> |
| <div class="container mx-auto px-4"> |
| <div class="grid md:grid-cols-4 gap-12"> |
| <div> |
| <div class="flex items-center space-x-2 mb-4"> |
| <div class="w-8 h-8 rounded-full bg-gradient-to-br from-red-500 to-yellow-500 flex items-center justify-center"> |
| <i class="fas fa-brain text-white"></i> |
| </div> |
| <span class="text-xl font-bold gradient-text">Roulette Genius AI</span> |
| </div> |
| <p class="text-gray-400 mb-4"> |
| Алгоритм, который ломает шаблоны. Играй в рулетку с ИИ на своей стороне. |
| </p> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-gray-400 hover:text-white transition"> |
| <i class="fab fa-telegram text-xl"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white transition"> |
| <i class="fab fa-instagram text-xl"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white transition"> |
| <i class="fab fa-twitter text-xl"></i> |
| </a> |
| </div> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Сервис</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Как это работает</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Функции</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Тарифы</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">FAQ</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Правовая информация</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Условия использования</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Политика конфиденциальности</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Отказ от ответственности</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Возврат средств</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Контакты</h3> |
| <ul class="space-y-2"> |
| <li class="flex items-center text-gray-400"> |
| <i class="fas fa-envelope mr-2"></i> support@roulettegenius.ai |
| </li> |
| <li class="flex items-center text-gray-400"> |
| <i class="fas fa-globe mr-2"></i> roulettegenius.ai |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-900 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> |
| <p class="text-gray-500 mb-4 md:mb-0"> |
| © 2023 Roulette Genius AI. Все права защищены. |
| </p> |
| <div class="flex space-x-6"> |
| <a href="#" class="text-gray-500 hover:text-white transition">Условия</a> |
| <a href="#" class="text-gray-500 hover:text-white transition">Конфиденциальность</a> |
| <a href="#" class="text-gray-500 hover:text-white transition">Cookies</a> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> |
| <script> |
| |
| const tabButtons = document.querySelectorAll('.tab-btn'); |
| const tabContents = document.querySelectorAll('.tab-content'); |
| |
| tabButtons.forEach(button => { |
| button.addEventListener('click', () => { |
| const tabId = button.getAttribute('data-tab'); |
| |
| |
| tabButtons.forEach(btn => btn.classList.remove('tab-active')); |
| tabContents.forEach(content => content.classList.remove('active')); |
| |
| |
| button.classList.add('tab-active'); |
| document.getElementById(tabId).classList.add('active'); |
| }); |
| }); |
| |
| |
| const analyzeBtn = document.getElementById('analyzeBtn'); |
| const numbersInput = document.getElementById('numbersInput'); |
| const analysisResult = document.getElementById('analysisResult'); |
| |
| analyzeBtn.addEventListener('click', () => { |
| const numbers = numbersInput.value.trim(); |
| |
| if (!numbers) { |
| analysisResult.innerHTML = ` |
| <div class="text-red-400 mb-4"> |
| <i class="fas fa-exclamation-circle text-4xl"></i> |
| </div> |
| <p class="text-gray-400">Пожалуйста, введи числа для анализа</p> |
| `; |
| return; |
| } |
| |
| |
| analysisResult.innerHTML = ` |
| <div class="animate-pulse flex flex-col items-center"> |
| <div class="w-16 h-16 rounded-full bg-gray-700 mb-4"></div> |
| <div class="h-4 bg-gray-700 rounded w-3/4 mb-2"></div> |
| <div class="h-4 bg-gray-700 rounded w-1/2"></div> |
| </div> |
| `; |
| |
| |
| setTimeout(() => { |
| const randomRec = [ |
| "Рекомендуем ставить на Чётное + 3-я дюжина (25-36)", |
| "Высокая вероятность выпадения Чёрного + 2-я колонна", |
| "Советуем комбинацию: Красное + 1-я дюжина (1-12)" |
| ][Math.floor(Math.random() * 3)]; |
| |
| analysisResult.innerHTML = ` |
| <div class="text-green-400 mb-4"> |
| <i class="fas fa-check-circle text-4xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-white">Рекомендация ИИ</h3> |
| <p class="text-gray-300 mb-4">${randomRec}</p> |
| <div class="bg-black/50 rounded-lg p-3 border border-gray-700"> |
| <div class="flex justify-between mb-1"> |
| <span class="text-gray-400">Вероятность:</span> |
| <span class="font-bold text-green-400">${Math.floor(Math.random() * 30) + 65}%</span> |
| </div> |
| <div class="flex justify-between"> |
| <span class="text-gray-400">Риск:</span> |
| <span class="font-bold text-yellow-400">Средний</span> |
| </div> |
| </div> |
| `; |
| }, 1500); |
| }); |
| |
| |
| const colorCtx = document.getElementById('colorChart').getContext('2d'); |
| const colorChart = new Chart(colorCtx, { |
| type: 'doughnut', |
| data: { |
| labels: ['Красное', 'Чёрное', 'Зеленое'], |
| datasets: [{ |
| data: [65, 32, 3], |
| backgroundColor: ['#ef4444', '#1f2937', '#10b981'], |
| borderWidth: 0 |
| }] |
| }, |
| options: { |
| cutout: '70%', |
| plugins: { |
| legend: { |
| display: false |
| } |
| } |
| } |
| }); |
| |
| const evenOddCtx = document.getElementById('evenOddChart').getContext('2d'); |
| const evenOddChart = new Chart(evenOddCtx, { |
| type: 'doughnut', |
| data: { |
| labels: ['Чётное', 'Нечётное'], |
| datasets: [{ |
| data: [72, 28], |
| backgroundColor: ['#3b82f6', '#f59e0b'], |
| borderWidth: 0 |
| }] |
| }, |
| options: { |
| cutout: '70%', |
| plugins: { |
| legend: { |
| display: false |
| } |
| } |
| } |
| }); |
| |
| |
| setTimeout(() => { |
| const numbers = document.querySelectorAll('.number-cell'); |
| const hotNumbers = [Math.floor(Math.random() * 36), Math.floor(Math.random() * 36)]; |
| const coldNumbers = [Math.floor(Math.random() * 36), Math.floor(Math.random() * 36)]; |
| |
| numbers.forEach((num, index) => { |
| if (hotNumbers.includes(index)) { |
| num.classList.add('hot-number'); |
| } else if (coldNumbers.includes(index)) { |
| num.classList.add('cold-number'); |
| } |
| }); |
| }, 500); |
| |
| |
| setTimeout(() => { |
| document.querySelectorAll('.chat-message')[1].classList.add('active'); |
| }, 2000); |
| |
| setTimeout(() => { |
| document.querySelectorAll('.chat-message')[2].classList.add('active'); |
| }, 3500); |
| </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=timoon811/landcas23" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
