Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>DiceMaster AI — ИИ для анализа ставок в Dice</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> | |
| @keyframes diceRoll { | |
| 0% { transform: rotate(0deg) scale(1); } | |
| 25% { transform: rotate(90deg) scale(1.1); } | |
| 50% { transform: rotate(180deg) scale(1); } | |
| 75% { transform: rotate(270deg) scale(1.1); } | |
| 100% { transform: rotate(360deg) scale(1); } | |
| } | |
| .dice-animation { | |
| animation: diceRoll 1.5s ease-in-out infinite; | |
| } | |
| .pattern-line { | |
| height: 4px; | |
| transition: all 0.3s ease; | |
| } | |
| .pattern-high { | |
| background-color: #10B981; | |
| } | |
| .pattern-low { | |
| background-color: #EF4444; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #4F46E5 0%, #1E1B4B 100%); | |
| } | |
| .glow { | |
| box-shadow: 0 0 15px rgba(16, 185, 129, 0.6); | |
| } | |
| .chat-message { | |
| opacity: 0; | |
| transform: translateY(10px); | |
| transition: all 0.3s ease; | |
| } | |
| .chat-message.visible { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| .probability-bar { | |
| width: 0; | |
| transition: width 1s ease-in-out; | |
| } | |
| </style> | |
| </head> | |
| <body class="gradient-bg text-white font-sans"> | |
| <!-- Header --> | |
| <header class="container mx-auto px-4 py-8"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 bg-white rounded-lg flex items-center justify-center mr-3 dice-animation"> | |
| <i class="fas fa-dice text-2xl text-purple-600"></i> | |
| </div> | |
| <h1 class="text-2xl font-bold">DiceMaster <span class="text-green-400">AI</span></h1> | |
| </div> | |
| <nav class="hidden md:flex space-x-8"> | |
| <a href="#how" class="hover:text-green-400 transition">Как работает</a> | |
| <a href="#demo" class="hover:text-green-400 transition">Демо</a> | |
| <a href="#pricing" class="hover:text-green-400 transition">Тарифы</a> | |
| <a href="#reviews" class="hover:text-green-400 transition">Отзывы</a> | |
| </nav> | |
| <button class="md:hidden text-2xl"> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="container mx-auto px-4 py-16 md:py-32"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h2 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">ИИ, который предсказывает броски в Dice</h2> | |
| <p class="text-xl text-gray-300 mb-8">Забудь о угадайке — теперь у тебя есть математическое преимущество.</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <button class="bg-green-500 hover:bg-green-600 text-white font-bold py-4 px-8 rounded-lg transition transform hover:scale-105 glow"> | |
| Получить 5 предсказаний бесплатно | |
| </button> | |
| <button class="border-2 border-white hover:border-green-400 text-white font-bold py-4 px-8 rounded-lg transition hover:text-green-400"> | |
| <i class="fas fa-play mr-2"></i> Смотреть демо | |
| </button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 relative"> | |
| <div class="bg-black bg-opacity-30 rounded-2xl p-6 backdrop-blur-sm border border-gray-700"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 bg-green-500 rounded-full flex items-center justify-center mr-3"> | |
| <i class="fas fa-robot text-white"></i> | |
| </div> | |
| <span class="font-bold">DiceMaster AI</span> | |
| </div> | |
| <span class="text-sm text-gray-400">Анализ в реальном времени</span> | |
| </div> | |
| <div class="mb-6"> | |
| <div class="flex space-x-2 mb-4"> | |
| <div class="pattern-line pattern-high w-8"></div> | |
| <div class="pattern-line pattern-low w-8"></div> | |
| <div class="pattern-line pattern-low w-8"></div> | |
| <div class="pattern-line pattern-high w-8"></div> | |
| <div class="pattern-line pattern-high w-8"></div> | |
| <div class="pattern-line pattern-low w-8"></div> | |
| <div class="pattern-line pattern-high w-8"></div> | |
| <div class="pattern-line pattern-high w-8"></div> | |
| <div class="pattern-line pattern-low w-8"></div> | |
| <div class="pattern-line pattern-high w-8"></div> | |
| </div> | |
| <div class="text-sm text-gray-400 mb-2">Текущий паттерн: <span class="text-yellow-400">Пилообразный</span></div> | |
| <div class="bg-gray-800 rounded-full h-2 mb-4"> | |
| <div class="probability-bar bg-green-500 h-2 rounded-full" style="width: 72%"></div> | |
| </div> | |
| </div> | |
| <div class="space-y-4" id="chat-container"> | |
| <div class="chat-message bg-gray-800 rounded-lg p-4"> | |
| <div class="flex"> | |
| <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center mr-3"> | |
| <i class="fas fa-robot text-white text-sm"></i> | |
| </div> | |
| <div> | |
| <p class="font-bold text-green-400">Следующий бросок — скорее >50</p> | |
| <p class="text-sm text-gray-300">Уверенность: 72%</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="chat-message bg-gray-800 rounded-lg p-4"> | |
| <div class="flex"> | |
| <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center mr-3"> | |
| <i class="fas fa-robot text-white text-sm"></i> | |
| </div> | |
| <div> | |
| <p class="font-bold text-green-400">Рекомендованная ставка: $1.2</p> | |
| <p class="text-sm text-gray-300">Не начинай серию при 3x Low подряд</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="absolute -top-8 -right-8 w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center z-10"> | |
| <i class="fas fa-bolt text-white text-2xl"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- How it works --> | |
| <section id="how" class="container mx-auto px-4 py-16 bg-black bg-opacity-20"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Как работает DiceMaster AI</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Всего 3 простых шага к точным предсказаниям</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 hover:border-green-500 transition"> | |
| <div class="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mb-6 mx-auto"> | |
| <span class="text-2xl font-bold">1</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4 text-center">Вводишь последние броски</h3> | |
| <p class="text-gray-400 text-center">Либо вручную, либо подключившись к своей игре. Достаточно 10 последних результатов (>50 или <50).</p> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 hover:border-green-500 transition"> | |
| <div class="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mb-6 mx-auto"> | |
| <span class="text-2xl font-bold">2</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4 text-center">ИИ анализирует паттерны</h3> | |
| <p class="text-gray-400 text-center">Наш алгоритм выявляет скрытые закономерности, серии и точки разворота на основе 100,000+ раундов.</p> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 hover:border-green-500 transition"> | |
| <div class="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mb-6 mx-auto"> | |
| <span class="text-2xl font-bold">3</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4 text-center">Получаешь точные подсказки</h3> | |
| <p class="text-gray-400 text-center">Куда ставить (high/low), какую сумму, когда лучше пропустить ход. Решения, а не догадки.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Demo Interface --> | |
| <section id="demo" class="container mx-auto px-4 py-16"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Интерактивный демо-анализатор</h2> | |
| <p class="text-xl text-gray-300 mb-8">Попробуй прямо сейчас — введи последовательность бросков и получи предсказание:</p> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6 mb-8"> | |
| <div class="flex flex-wrap gap-2 mb-4"> | |
| <button class="roll-btn bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded" data-value="high">>50</button> | |
| <button class="roll-btn bg-red-600 hover:bg-red-700 text-white py-2 px-4 rounded" data-value="low"><50</button> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white py-2 px-4 rounded" id="clear-btn">Очистить</button> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block text-gray-400 mb-2">Последовательность бросков:</label> | |
| <div class="flex flex-wrap gap-2" id="rolls-sequence"></div> | |
| </div> | |
| <button class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg w-full" id="analyze-btn"> | |
| Проанализировать | |
| </button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="bg-black bg-opacity-30 rounded-2xl p-8 backdrop-blur-sm border border-gray-700"> | |
| <h3 class="text-2xl font-bold mb-6 text-center">Результат анализа</h3> | |
| <div class="space-y-6" id="analysis-result"> | |
| <div class="text-center py-12 text-gray-500"> | |
| <i class="fas fa-dice text-4xl mb-4"></i> | |
| <p>Введите последовательность бросков и нажмите "Проанализировать"</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Why it works --> | |
| <section class="container mx-auto px-4 py-16 bg-black bg-opacity-20"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Почему это работает</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Наш ИИ замечает то, что не замечаешь ты</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-12 max-w-5xl mx-auto"> | |
| <div class="flex"> | |
| <div class="w-16 h-16 bg-green-600 rounded-full flex items-center justify-center mr-6 flex-shrink-0"> | |
| <i class="fas fa-database text-white text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-3">Анализ 100,000+ раундов</h3> | |
| <p class="text-gray-400">Мы обучили алгоритм на огромной базе реальных игровых сессий, выявив статистически значимые закономерности.</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mr-6 flex-shrink-0"> | |
| <i class="fas fa-project-diagram text-white text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-3">Распознавание паттернов</h3> | |
| <p class="text-gray-400">Серии (x3, x4), отскоки, переходы между High и Low — ИИ видит структуру там, где человек видит хаос.</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center mr-6 flex-shrink-0"> | |
| <i class="fas fa-random text-white text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-3">Псевдорандомные отклонения</h3> | |
| <p class="text-gray-400">На дистанции даже "случайные" генераторы чисел дают предсказуемые отклонения, которые можно использовать.</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="w-16 h-16 bg-yellow-600 rounded-full flex items-center justify-center mr-6 flex-shrink-0"> | |
| <i class="fas fa-chart-line text-white text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-3">Динамическая стратегия</h3> | |
| <p class="text-gray-400">Алгоритм адаптируется под текущий паттерн, предлагая разные стратегии для агрессивных и нейтральных серий.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing --> | |
| <section id="pricing" class="container mx-auto px-4 py-16"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Выбери свой тариф</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Начни с бесплатной версии и переходи на Premium, когда будешь готов</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto"> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-700"> | |
| <h3 class="text-2xl font-bold mb-4">Бесплатно</h3> | |
| <p class="text-gray-400 mb-6">Попробуй базовые возможности без риска</p> | |
| <div class="text-4xl font-bold mb-6">$0<span class="text-lg text-gray-400">/навсегда</span></div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-3"></i> | |
| <span>Анализ до 10 бросков</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-green-500 mr-3"></i> | |
| <span>5 запросов в день</span> | |
| </li> | |
| <li class="flex items-center text-gray-500"> | |
| <i class="fas fa-times-circle mr-3"></i> | |
| <span>История >50 бросков</span> | |
| </li> | |
| <li class="flex items-center text-gray-500"> | |
| <i class="fas fa-times-circle mr-3"></i> | |
| <span>Стратегия ставок</span> | |
| </li> | |
| <li class="flex items-center text-gray-500"> | |
| <i class="fas fa-times-circle mr-3"></i> | |
| <span>Режим SafePlay</span> | |
| </li> | |
| </ul> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-6 rounded-lg w-full"> | |
| Начать бесплатно | |
| </button> | |
| </div> | |
| <div class="bg-purple-900 bg-opacity-50 rounded-xl p-8 border border-purple-500 relative"> | |
| <div class="absolute top-0 right-0 bg-yellow-500 text-black 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> | |
| <p class="text-gray-300 mb-6">Полный доступ ко всем возможностям</p> | |
| <div class="text-4xl font-bold mb-6">$29<span class="text-lg text-gray-300">/месяц</span></div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-yellow-500 mr-3"></i> | |
| <span>Анализ неограниченных сессий</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-yellow-500 mr-3"></i> | |
| <span>История >50 бросков</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-yellow-500 mr-3"></i> | |
| <span>Точная стратегия ставок</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-yellow-500 mr-3"></i> | |
| <span>Уведомления об откатах</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-check-circle text-yellow-500 mr-3"></i> | |
| <span>Режим SafePlay</span> | |
| </li> | |
| </ul> | |
| <button class="bg-purple-600 hover:bg-purple-500 text-white font-bold py-3 px-6 rounded-lg w-full glow"> | |
| Купить Premium | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Reviews --> | |
| <section id="reviews" class="container mx-auto px-4 py-16 bg-black bg-opacity-20"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Отзывы наших пользователей</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Тысячи игроков уже доверяют DiceMaster AI</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center mr-4"> | |
| <span class="text-xl font-bold">M</span> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Mike_Stake</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-300">"Перестал ставить наугад — и впервые начал плюсовать стабильно. ИИ реально даёт сигналы, когда ловить серию."</p> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-green-600 rounded-full flex items-center justify-center mr-4"> | |
| <span class="text-xl font-bold">C</span> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">CryptoDiceKing</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-300">"Режим SafePlay спас мой банкролл. Теперь я знаю, когда лучше пропустить ход, а когда можно рискнуть."</p> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-blue-600 rounded-full flex items-center justify-center mr-4"> | |
| <span class="text-xl font-bold">A</span> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Anna_Dice</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-300">"Сначала скептически относилась, но после теста бесплатной версии купила Premium. Впервые за год вышла в плюс!"</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Lead Magnet --> | |
| <section class="container mx-auto px-4 py-16"> | |
| <div class="bg-gradient-to-r from-purple-900 to-blue-900 rounded-2xl p-8 md:p-12 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Получи бесплатный PDF-гид</h2> | |
| <p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto">"3 стратегии на Dice, которые работают у профи" — узнай секреты, которые помогут тебе принимать правильные решения</p> | |
| <form class="max-w-md mx-auto"> | |
| <div class="flex flex-col sm:flex-row gap-4"> | |
| <input type="email" placeholder="Твой email" class="flex-grow px-4 py-3 rounded-lg bg-black bg-opacity-30 border border-gray-700 focus:border-green-500 focus:outline-none text-white"> | |
| <button type="submit" class="bg-green-600 hover:bg-green-500 text-white font-bold px-6 py-3 rounded-lg transition transform hover:scale-105"> | |
| Получить PDF | |
| </button> | |
| </div> | |
| <p class="text-sm text-gray-400 mt-3">Мы не спамим. Отправляем только полезные материалы.</p> | |
| </form> | |
| </div> | |
| </section> | |
| <!-- FAQ --> | |
| <section class="container mx-auto px-4 py-16 bg-black bg-opacity-20"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Частые вопросы</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Все, что ты хотел знать о DiceMaster AI</p> | |
| </div> | |
| <div class="max-w-3xl mx-auto space-y-4"> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6"> | |
| <button class="faq-toggle w-full flex justify-between items-center text-left"> | |
| <h3 class="text-lg font-bold">Это легально?</h3> | |
| <i class="fas fa-chevron-down transition-transform"></i> | |
| </button> | |
| <div class="faq-content mt-4 hidden"> | |
| <p class="text-gray-400">DiceMaster AI не взламывает и не изменяет игру. Это просто аналитический инструмент, который помогает принимать более обоснованные решения, как графики для трейдеров. Мы не гарантируем выигрыш, но повышаем твои шансы.</p> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6"> | |
| <button class="faq-toggle w-full flex justify-between items-center text-left"> | |
| <h3 class="text-lg font-bold">Работает ли с Stake, TrustDice и другими платформами?</h3> | |
| <i class="fas fa-chevron-down transition-transform"></i> | |
| </button> | |
| <div class="faq-content mt-4 hidden"> | |
| <p class="text-gray-400">Да! DiceMaster AI работает с любой платформой, где есть игра Dice с выбором больше/меньше определенного числа (обычно 50). Ты можешь вводить результаты вручную или подключить автоматический импорт через наш API (только в Premium).</p> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6"> | |
| <button class="faq-toggle w-full flex justify-between items-center text-left"> | |
| <h3 class="text-lg font-bold">Есть ли гарантия возврата?</h3> | |
| <i class="fas fa-chevron-down transition-transform"></i> | |
| </button> | |
| <div class="faq-content mt-4 hidden"> | |
| <p class="text-gray-400">Мы предлагаем 7-дневную гарантию возврата для Premium подписки. Если ты не увидишь пользу в первые 7 дней, мы вернем деньги без вопросов.</p> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-6"> | |
| <button class="faq-toggle w-full flex justify-between items-center text-left"> | |
| <h3 class="text-lg font-bold">Как часто обновляется алгоритм?</h3> | |
| <i class="fas fa-chevron-down transition-transform"></i> | |
| </button> | |
| <div class="faq-content mt-4 hidden"> | |
| <p class="text-gray-400">Наша команда постоянно улучшает алгоритм, добавляя новые данные и паттерны. Все обновления автоматически становятся доступны Premium-пользователям без дополнительной платы.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="container mx-auto px-4 py-12 border-t border-gray-800"> | |
| <div class="grid md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-white rounded-lg flex items-center justify-center mr-3"> | |
| <i class="fas fa-dice text-purple-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold">DiceMaster <span class="text-green-400">AI</span></h3> | |
| </div> | |
| <p class="text-gray-400">Больше, меньше — решай не случайно, а с умом.</p> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Навигация</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#how" class="text-gray-400 hover:text-green-400 transition">Как работает</a></li> | |
| <li><a href="#demo" class="text-gray-400 hover:text-green-400 transition">Демо</a></li> | |
| <li><a href="#pricing" class="text-gray-400 hover:text-green-400 transition">Тарифы</a></li> | |
| <li><a href="#reviews" class="text-gray-400 hover:text-green-400 transition">Отзывы</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Поддержка</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-green-400 transition">FAQ</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-green-400 transition">Контакты</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-green-400 transition">Возврат</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-green-400 transition">Условия</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Соцсети</h4> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-green-600 transition"> | |
| <i class="fab fa-telegram"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-green-600 transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-green-600 transition"> | |
| <i class="fab fa-discord"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-green-600 transition"> | |
| <i class="fab fa-youtube"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="pt-8 border-t border-gray-800 text-center text-gray-500"> | |
| <p>© 2023 DiceMaster AI. Все права защищены.</p> | |
| </div> | |
| </footer> | |
| <script> | |
| // Анимация чата при загрузке | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Анимация вероятности | |
| setTimeout(() => { | |
| document.querySelector('.probability-bar').style.width = '72%'; | |
| }, 500); | |
| // Показываем сообщения чата с задержкой | |
| const chatMessages = document.querySelectorAll('.chat-message'); | |
| chatMessages.forEach((msg, index) => { | |
| setTimeout(() => { | |
| msg.classList.add('visible'); | |
| }, 1000 + index * 300); | |
| }); | |
| // Демо-интерфейс | |
| const rollBtns = document.querySelectorAll('.roll-btn'); | |
| const clearBtn = document.getElementById('clear-btn'); | |
| const analyzeBtn = document.getElementById('analyze-btn'); | |
| const rollsSequence = document.getElementById('rolls-sequence'); | |
| const analysisResult = document.getElementById('analysis-result'); | |
| let rolls = []; | |
| rollBtns.forEach(btn => { | |
| btn.addEventListener('click', function() { | |
| if (rolls.length >= 10) return; | |
| const value = this.getAttribute('data-value'); | |
| rolls.push(value); | |
| updateRollsDisplay(); | |
| }); | |
| }); | |
| clearBtn.addEventListener('click', function() { | |
| rolls = []; | |
| updateRollsDisplay(); | |
| analysisResult.innerHTML = ` | |
| <div class="text-center py-12 text-gray-500"> | |
| <i class="fas fa-dice text-4xl mb-4"></i> | |
| <p>Введите последовательность бросков и нажмите "Проанализировать"</p> | |
| </div> | |
| `; | |
| }); | |
| analyzeBtn.addEventListener('click', function() { | |
| if (rolls.length === 0) return; | |
| // Генерируем случайный анализ (в реальном приложении здесь был бы запрос к API) | |
| const patterns = ['Агрессивный', 'Нейтральный', 'Пилообразный']; | |
| const pattern = patterns[Math.floor(Math.random() * patterns.length)]; | |
| const confidence = Math.floor(Math.random() * 30) + 60; // 60-90% | |
| const recommendation = Math.random() > 0.4 ? '>50' : '<50'; | |
| const betAmount = (Math.random() * 2 + 0.5).toFixed(2); | |
| let advice = ''; | |
| if (pattern === 'Агрессивный') { | |
| advice = 'Серия может продолжиться, но будь готов к резкому развороту'; | |
| } else if (pattern === 'Нейтральный') { | |
| advice = 'Рынок в балансе, ставь консервативно'; | |
| } else { | |
| advice = 'Чередуй ставки в соответствии с паттерном'; | |
| } | |
| // Визуализация паттерна | |
| let patternHTML = ''; | |
| rolls.slice(-10).forEach(roll => { | |
| patternHTML += `<div class="pattern-line w-4 h-4 rounded-full ${roll === 'high' ? 'bg-green-500' : 'bg-red-500'}"></div>`; | |
| }); | |
| analysisResult.innerHTML = ` | |
| <div class="mb-6"> | |
| <div class="flex justify-center gap-1 mb-4"> | |
| ${patternHTML} | |
| </div> | |
| <div class="text-sm text-gray-400 mb-2 text-center">Текущий паттерн: <span class="text-yellow-400">${pattern}</span></div> | |
| <div class="bg-gray-800 rounded-full h-2 mb-4"> | |
| <div class="bg-green-500 h-2 rounded-full" style="width: ${confidence}%"></div> | |
| </div> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="bg-gray-800 rounded-lg p-4"> | |
| <div class="flex"> | |
| <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center mr-3"> | |
| <i class="fas fa-robot text-white text-sm"></i> | |
| </div> | |
| <div> | |
| <p class="font-bold text-green-400">Следующий бросок — скорее ${recommendation}</p> | |
| <p class="text-sm text-gray-300">Уверенность: ${confidence}%</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 rounded-lg p-4"> | |
| <div class="flex"> | |
| <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center mr-3"> | |
| <i class="fas fa-robot text-white text-sm"></i> | |
| </div> | |
| <div> | |
| <p class="font-bold text-green-400">Рекомендованная ставка: $${betAmount}</p> | |
| <p class="text-sm text-gray-300">${advice}</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| `; | |
| }); | |
| function updateRollsDisplay() { | |
| rollsSequence.innerHTML = ''; | |
| rolls.forEach((roll, index) => { | |
| const rollElement = document.createElement('div'); | |
| rollElement.className = `w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold ${roll === 'high' ? 'bg-green-600' : 'bg-red-600'}`; | |
| rollElement.textContent = roll === 'high' ? '>' : '<'; | |
| rollElement.title = `Бросок ${index + 1}: ${roll === 'high' ? '>50' : '<50'}`; | |
| rollsSequence.appendChild(rollElement); | |
| }); | |
| analyzeBtn.disabled = rolls.length === 0; | |
| } | |
| // FAQ аккордеон | |
| const faqToggles = document.querySelectorAll('.faq-toggle'); | |
| faqToggles.forEach(toggle => { | |
| toggle.addEventListener('click', function() { | |
| const content = this.nextElementSibling; | |
| const icon = this.querySelector('i'); | |
| content.classList.toggle('hidden'); | |
| icon.classList.toggle('rotate-180'); | |
| }); | |
| }); | |
| }); | |
| </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/landdicealls" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |