|
|
<!DOCTYPE html> |
|
|
<html lang="ru"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Кейс Арбитражника - Открой свою стратегию!</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@400;500;600;700&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Inter', sans-serif; |
|
|
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); |
|
|
color: #fff; |
|
|
min-height: 100vh; |
|
|
} |
|
|
|
|
|
.case-glow { |
|
|
box-shadow: 0 0 30px rgba(0, 255, 255, 0.5); |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0% { box-shadow: 0 0 15px rgba(0, 255, 255, 0.5); } |
|
|
50% { box-shadow: 0 0 30px rgba(0, 255, 255, 0.8); } |
|
|
100% { box-shadow: 0 0 15px rgba(0, 255, 255, 0.5); } |
|
|
} |
|
|
|
|
|
.vip-badge { |
|
|
position: absolute; |
|
|
top: -10px; |
|
|
right: -10px; |
|
|
background: linear-gradient(45deg, #ffd700, #ff8c00); |
|
|
color: #000; |
|
|
font-weight: bold; |
|
|
border-radius: 50%; |
|
|
width: 40px; |
|
|
height: 40px; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
box-shadow: 0 0 10px rgba(255, 215, 0, 0.7); |
|
|
} |
|
|
|
|
|
.reward-item { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.reward-item:hover { |
|
|
transform: scale(1.05); |
|
|
box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); |
|
|
} |
|
|
|
|
|
.progress-bar { |
|
|
height: 10px; |
|
|
border-radius: 5px; |
|
|
background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%); |
|
|
} |
|
|
|
|
|
.progress-fill { |
|
|
height: 100%; |
|
|
border-radius: 5px; |
|
|
background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 100%); |
|
|
transition: width 0.5s ease; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="antialiased"> |
|
|
<div class="container mx-auto px-4 py-8"> |
|
|
|
|
|
<header class="flex justify-between items-center mb-8"> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mr-3"> |
|
|
<i class="fas fa-briefcase text-2xl"></i> |
|
|
</div> |
|
|
<h1 class="text-2xl font-bold bg-gradient-to-r from-cyan-400 to-blue-600 bg-clip-text text-transparent">Кейс Арбитражника</h1> |
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<div class="flex items-center bg-gray-800 rounded-full px-4 py-2"> |
|
|
<i class="fas fa-coins text-yellow-400 mr-2"></i> |
|
|
<span id="balance">0</span> |
|
|
</div> |
|
|
<button id="auth-btn" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-full font-medium transition"> |
|
|
Войти |
|
|
</button> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<main> |
|
|
|
|
|
<section class="mb-12 text-center"> |
|
|
<h2 class="text-4xl font-bold mb-4">Открой кейс и получи стратегию!</h2> |
|
|
<p class="text-xl text-gray-300 max-w-2xl mx-auto mb-8"> |
|
|
Каждый день бесплатный кейс с ценными стратегиями, бонус-кодами и инсайдами для арбитражного трафика |
|
|
</p> |
|
|
|
|
|
|
|
|
<div class="max-w-md mx-auto relative"> |
|
|
<div id="daily-case" class="case-glow bg-gradient-to-br from-blue-900 to-gray-900 rounded-xl p-8 cursor-pointer transform transition hover:scale-105"> |
|
|
<div class="flex flex-col items-center"> |
|
|
<i class="fas fa-gift text-6xl mb-4 text-cyan-400"></i> |
|
|
<h3 class="text-2xl font-bold mb-2">Кейс дня</h3> |
|
|
<p class="text-gray-300 mb-4">Бесплатно 1 раз в 24 часа</p> |
|
|
<div class="w-full bg-gray-700 rounded-full h-2.5 mb-4"> |
|
|
<div id="progress-fill" class="progress-fill h-2.5 rounded-full" style="width: 0%"></div> |
|
|
</div> |
|
|
<button id="open-daily-btn" class="bg-cyan-500 hover:bg-cyan-600 text-white font-bold py-3 px-8 rounded-full transition"> |
|
|
Открыть бесплатно |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-4 text-sm text-gray-400"> |
|
|
До следующего бесплатного кейса: <span id="countdown">23:59:59</span> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-12 bg-gradient-to-r from-purple-900/50 to-blue-900/50 rounded-xl p-6 border border-purple-500/30"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/3 mb-6 md:mb-0 flex justify-center"> |
|
|
<div class="relative"> |
|
|
<div class="case-glow bg-gradient-to-br from-purple-900 to-yellow-900 rounded-xl p-8 w-64 h-64 flex flex-col items-center justify-center"> |
|
|
<i class="fas fa-crown text-5xl mb-4 text-yellow-400"></i> |
|
|
<h3 class="text-2xl font-bold">VIP Кейс</h3> |
|
|
<p class="text-sm text-gray-300">Шанс на стратегию x500</p> |
|
|
</div> |
|
|
<div class="vip-badge"> |
|
|
VIP |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-2/3 md:pl-8"> |
|
|
<h3 class="text-2xl font-bold mb-4">Открой VIP-кейс за $5</h3> |
|
|
<ul class="mb-6 space-y-2"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-green-400 mr-2"></i> |
|
|
<span>Гарантированная прибыльная стратегия</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-green-400 mr-2"></i> |
|
|
<span>Эксклюзивные бонус-коды с повышенным кэшбеком</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-green-400 mr-2"></i> |
|
|
<span>Шанс получить стратегию с доходностью x500</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-green-400 mr-2"></i> |
|
|
<span>Доступ к закрытому чату арбитражников</span> |
|
|
</li> |
|
|
</ul> |
|
|
<div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4"> |
|
|
<button id="buy-vip-btn" class="bg-gradient-to-r from-yellow-500 to-yellow-600 hover:from-yellow-600 hover:to-yellow-700 text-black font-bold py-3 px-8 rounded-full transition flex-1"> |
|
|
Купить за $5 |
|
|
</button> |
|
|
<button class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-full transition flex-1"> |
|
|
Узнать подробнее |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-12 bg-gray-800/50 rounded-xl p-6 border border-gray-700"> |
|
|
<h3 class="text-2xl font-bold mb-6 text-center">Приведи друга - получи доп. кейс!</h3> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-6 md:mb-0"> |
|
|
<div class="bg-gray-900 rounded-lg 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"> |
|
|
<i class="fas fa-user-plus text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Реферальная система</h4> |
|
|
<p class="text-sm text-gray-400">1 друг = 1 дополнительный кейс</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mb-4"> |
|
|
<label class="block text-gray-300 mb-2">Ваша реферальная ссылка:</label> |
|
|
<div class="flex"> |
|
|
<input id="ref-link" type="text" value="https://arbitrage-case.ru/ref/username123" class="bg-gray-700 text-white p-2 rounded-l-lg flex-1" readonly> |
|
|
<button id="copy-ref-btn" class="bg-blue-600 hover:bg-blue-700 px-4 rounded-r-lg"> |
|
|
<i class="fas fa-copy"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid grid-cols-3 gap-4 text-center"> |
|
|
<div class="bg-gray-800 p-3 rounded-lg"> |
|
|
<div class="text-2xl font-bold">0</div> |
|
|
<div class="text-sm text-gray-400">Друзей</div> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-3 rounded-lg"> |
|
|
<div class="text-2xl font-bold">0</div> |
|
|
<div class="text-sm text-gray-400">Кейсов</div> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-3 rounded-lg"> |
|
|
<div class="text-2xl font-bold">$0</div> |
|
|
<div class="text-sm text-gray-400">Бонус</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 md:pl-6"> |
|
|
<h4 class="font-bold mb-3">Как это работает?</h4> |
|
|
<ul class="space-y-3 mb-6"> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-600 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0"> |
|
|
<span class="text-sm">1</span> |
|
|
</div> |
|
|
<span>Делитесь своей реферальной ссылкой с друзьями</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-600 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0"> |
|
|
<span class="text-sm">2</span> |
|
|
</div> |
|
|
<span>Ваш друг регистрируется и открывает первый кейс</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-600 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0"> |
|
|
<span class="text-sm">3</span> |
|
|
</div> |
|
|
<span>Вы получаете 1 дополнительный кейс сразу после этого</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="bg-blue-600 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0"> |
|
|
<span class="text-sm">4</span> |
|
|
</div> |
|
|
<span>За каждые 5 друзей вы получаете VIP-кейс в подарок</span> |
|
|
</li> |
|
|
</ul> |
|
|
<button class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-8 rounded-full transition w-full"> |
|
|
Пригласить друзей |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-12"> |
|
|
<h3 class="text-2xl font-bold mb-6 text-center">Что можно получить в кейсах</h3> |
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
<div class="reward-item bg-gray-800 rounded-xl p-6 border border-gray-700"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 bg-green-600 rounded-lg flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-chart-line text-xl"></i> |
|
|
</div> |
|
|
<h4 class="font-bold text-lg">Стратегия</h4> |
|
|
</div> |
|
|
<p class="text-gray-300 mb-4">Готовые схемы арбитражного трафика с подробным разбором и кейсами</p> |
|
|
<div class="text-sm text-gray-400"> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span>Доходность:</span> |
|
|
<span>x2 - x500</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-700 rounded-full h-1.5"> |
|
|
<div class="bg-green-500 h-1.5 rounded-full" style="width: 70%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reward-item bg-gray-800 rounded-xl p-6 border border-gray-700"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 bg-yellow-600 rounded-lg flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-tag text-xl"></i> |
|
|
</div> |
|
|
<h4 class="font-bold text-lg">Бонус-код</h4> |
|
|
</div> |
|
|
<p class="text-gray-300 mb-4">Эксклюзивные промокоды на увеличенный кэшбек и специальные условия</p> |
|
|
<div class="text-sm text-gray-400"> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span>Экономия:</span> |
|
|
<span>10% - 50%</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-700 rounded-full h-1.5"> |
|
|
<div class="bg-yellow-500 h-1.5 rounded-full" style="width: 45%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reward-item bg-gray-800 rounded-xl p-6 border border-gray-700"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 bg-purple-600 rounded-lg flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-user-secret text-xl"></i> |
|
|
</div> |
|
|
<h4 class="font-bold text-lg">Инсайд</h4> |
|
|
</div> |
|
|
<p class="text-gray-300 mb-4">Закрытая информация о новых трендах, лайфхаках и фишках арбитража</p> |
|
|
<div class="text-sm text-gray-400"> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span>Эксклюзивность:</span> |
|
|
<span>90%</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-700 rounded-full h-1.5"> |
|
|
<div class="bg-purple-500 h-1.5 rounded-full" style="width: 90%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reward-item bg-gray-800 rounded-xl p-6 border border-gray-700"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-crystal-ball text-xl"></i> |
|
|
</div> |
|
|
<h4 class="font-bold text-lg">Прогноз</h4> |
|
|
</div> |
|
|
<p class="text-gray-300 mb-4">Аналитика и предсказания по перспективным направлениям арбитража</p> |
|
|
<div class="text-sm text-gray-400"> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span>Точность:</span> |
|
|
<span>85%</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-700 rounded-full h-1.5"> |
|
|
<div class="bg-blue-500 h-1.5 rounded-full" style="width: 85%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reward-item bg-gray-800 rounded-xl p-6 border border-gray-700"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 bg-red-600 rounded-lg flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-tools text-xl"></i> |
|
|
</div> |
|
|
<h4 class="font-bold text-lg">Инструмент</h4> |
|
|
</div> |
|
|
<p class="text-gray-300 mb-4">Готовые скрипты, программы и чек-листы для автоматизации работы</p> |
|
|
<div class="text-sm text-gray-400"> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span>Полезность:</span> |
|
|
<span>95%</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-700 rounded-full h-1.5"> |
|
|
<div class="bg-red-500 h-1.5 rounded-full" style="width: 95%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reward-item bg-gray-800 rounded-xl p-6 border border-gray-700"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-12 h-12 bg-gradient-to-r from-purple-600 to-pink-600 rounded-lg flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-crown text-xl"></i> |
|
|
</div> |
|
|
<h4 class="font-bold text-lg">VIP Доступ</h4> |
|
|
</div> |
|
|
<p class="text-gray-300 mb-4">Доступ к закрытым материалам, чатам и персональным консультациям</p> |
|
|
<div class="text-sm text-gray-400"> |
|
|
<div class="flex justify-between mb-1"> |
|
|
<span>Редкость:</span> |
|
|
<span>5%</span> |
|
|
</div> |
|
|
<div class="w-full bg-gray-700 rounded-full h-1.5"> |
|
|
<div class="bg-gradient-to-r from-purple-500 to-pink-500 h-1.5 rounded-full" style="width: 5%"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
|
|
|
<footer class="border-t border-gray-800 pt-8 pb-6"> |
|
|
<div class="flex flex-col md:flex-row justify-between items-center"> |
|
|
<div class="flex items-center mb-4 md:mb-0"> |
|
|
<div class="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center mr-3"> |
|
|
<i class="fas fa-briefcase"></i> |
|
|
</div> |
|
|
<span class="font-bold">Кейс Арбитражника</span> |
|
|
</div> |
|
|
<div class="flex space-x-6 mb-4 md:mb-0"> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition">Политика конфиденциальности</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition">Условия использования</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition">Контакты</a> |
|
|
</div> |
|
|
<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-gray-700 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-gray-700 transition"> |
|
|
<i class="fab fa-vk"></i> |
|
|
</a> |
|
|
<a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-gray-700 transition"> |
|
|
<i class="fab fa-instagram"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center text-gray-500 text-sm mt-6"> |
|
|
© 2023 Кейс Арбитражника. Все права защищены. |
|
|
</div> |
|
|
</footer> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="reward-modal" class="fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center z-50 hidden"> |
|
|
<div class="bg-gradient-to-br from-gray-900 to-gray-800 rounded-xl p-8 max-w-md w-full mx-4 relative border border-gray-700"> |
|
|
<button id="close-modal" class="absolute top-4 right-4 text-gray-400 hover:text-white"> |
|
|
<i class="fas fa-times text-xl"></i> |
|
|
</button> |
|
|
<div class="text-center"> |
|
|
<div class="w-20 h-20 bg-green-600 rounded-full flex items-center justify-center mx-auto mb-6"> |
|
|
<i class="fas fa-trophy text-3xl"></i> |
|
|
</div> |
|
|
<h3 class="text-2xl font-bold mb-2" id="reward-title">Вы получили стратегию!</h3> |
|
|
<p class="text-gray-300 mb-6" id="reward-desc">Доходность: x15. Подробное руководство по применению доступно в вашем профиле.</p> |
|
|
<div class="bg-gray-800 rounded-lg p-4 mb-6"> |
|
|
<div class="font-mono text-sm" id="reward-code">BONUS2023</div> |
|
|
</div> |
|
|
<button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition w-full"> |
|
|
Сохранить в профиль |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="vip-modal" class="fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center z-50 hidden"> |
|
|
<div class="bg-gradient-to-br from-purple-900 to-blue-900 rounded-xl p-8 max-w-md w-full mx-4 relative border border-purple-700"> |
|
|
<button id="close-vip-modal" class="absolute top-4 right-4 text-gray-400 hover:text-white"> |
|
|
<i class="fas fa-times text-xl"></i> |
|
|
</button> |
|
|
<div class="text-center"> |
|
|
<div class="w-20 h-20 bg-yellow-500 rounded-full flex items-center justify-center mx-auto mb-6"> |
|
|
<i class="fas fa-crown text-3xl"></i> |
|
|
</div> |
|
|
<h3 class="text-2xl font-bold mb-2">Покупка VIP-кейса</h3> |
|
|
<p class="text-gray-300 mb-6">Оплатите $5, чтобы открыть VIP-кейс с повышенными шансами на ценную стратегию.</p> |
|
|
|
|
|
<div class="bg-purple-800/50 rounded-lg p-4 mb-6"> |
|
|
<div class="flex justify-between mb-3"> |
|
|
<span class="text-gray-300">Метод оплаты:</span> |
|
|
<select class="bg-gray-800 text-white rounded px-2 py-1"> |
|
|
<option>Банковская карта</option> |
|
|
<option>Криптовалюта</option> |
|
|
<option>Qiwi</option> |
|
|
<option>ЮMoney</option> |
|
|
</select> |
|
|
</div> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-gray-300">Сумма:</span> |
|
|
<span class="font-bold">$5.00</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex space-x-4"> |
|
|
<button id="confirm-vip-purchase" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-3 px-8 rounded-full transition flex-1"> |
|
|
Оплатить |
|
|
</button> |
|
|
<button class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-full transition flex-1"> |
|
|
Отмена |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.getElementById('open-daily-btn').addEventListener('click', function() { |
|
|
|
|
|
this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Открываем...'; |
|
|
this.disabled = true; |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
const rewards = [ |
|
|
{ |
|
|
title: "Вы получили стратегию!", |
|
|
desc: "Доходность: x15. Подробное руководство по применению доступно в вашем профиле.", |
|
|
code: "STRAT-X15-2023", |
|
|
icon: "fa-chart-line" |
|
|
}, |
|
|
{ |
|
|
title: "Бонус-код активирован!", |
|
|
desc: "Используйте этот код для получения повышенного кэшбека в партнерских программах.", |
|
|
code: "BONUS30", |
|
|
icon: "fa-tag" |
|
|
}, |
|
|
{ |
|
|
title: "Ценный инсайд!", |
|
|
desc: "Закрытая информация о новом тренде в арбитраже трафика. Проверьте ваш профиль.", |
|
|
code: "INSIDE-INFO", |
|
|
icon: "fa-user-secret" |
|
|
}, |
|
|
{ |
|
|
title: "Прогноз на неделю!", |
|
|
desc: "Аналитика по перспективным вертикалям с потенциальной доходностью до x40.", |
|
|
code: "FORECAST-WEEK", |
|
|
icon: "fa-crystal-ball" |
|
|
} |
|
|
]; |
|
|
|
|
|
const reward = rewards[Math.floor(Math.random() * rewards.length)]; |
|
|
|
|
|
|
|
|
document.getElementById('reward-title').textContent = reward.title; |
|
|
document.getElementById('reward-desc').textContent = reward.desc; |
|
|
document.getElementById('reward-code').textContent = reward.code; |
|
|
|
|
|
|
|
|
document.getElementById('reward-modal').classList.remove('hidden'); |
|
|
|
|
|
|
|
|
this.innerHTML = 'Открыть бесплатно'; |
|
|
this.disabled = false; |
|
|
|
|
|
|
|
|
startDailyCountdown(); |
|
|
|
|
|
}, 1500); |
|
|
}); |
|
|
|
|
|
|
|
|
document.getElementById('buy-vip-btn').addEventListener('click', function() { |
|
|
document.getElementById('vip-modal').classList.remove('hidden'); |
|
|
}); |
|
|
|
|
|
document.getElementById('close-vip-modal').addEventListener('click', function() { |
|
|
document.getElementById('vip-modal').classList.add('hidden'); |
|
|
}); |
|
|
|
|
|
document.getElementById('confirm-vip-purchase').addEventListener('click', function() { |
|
|
|
|
|
this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Обработка...'; |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
const vipRewards = [ |
|
|
{ |
|
|
title: "VIP Стратегия x100!", |
|
|
desc: "Эксклюзивная стратегия с потенциальной доходностью до x100. Полное руководство в профиле.", |
|
|
code: "VIP-X100-ULTRA", |
|
|
icon: "fa-crown" |
|
|
}, |
|
|
{ |
|
|
title: "Премиум доступ!", |
|
|
desc: "Доступ к закрытому чату арбитражников на 1 месяц. Данные для входа отправлены на email.", |
|
|
code: "PREMIUM-ACCESS", |
|
|
icon: "fa-lock-open" |
|
|
}, |
|
|
{ |
|
|
title: "Стратегия x500!", |
|
|
desc: "Вы выиграли главный приз! Стратегия с доходностью до x500. Проверьте профиль.", |
|
|
code: "JACKPOT-X500", |
|
|
icon: "fa-trophy" |
|
|
} |
|
|
]; |
|
|
|
|
|
const reward = vipRewards[Math.floor(Math.random() * vipRewards.length)]; |
|
|
|
|
|
|
|
|
document.getElementById('reward-title').textContent = reward.title; |
|
|
document.getElementById('reward-desc').textContent = reward.desc; |
|
|
document.getElementById('reward-code').textContent = reward.code; |
|
|
|
|
|
|
|
|
document.getElementById('vip-modal').classList.add('hidden'); |
|
|
|
|
|
|
|
|
document.getElementById('reward-modal').classList.remove('hidden'); |
|
|
|
|
|
|
|
|
this.innerHTML = 'Оплатить'; |
|
|
|
|
|
}, 2000); |
|
|
}); |
|
|
|
|
|
|
|
|
document.getElementById('close-modal').addEventListener('click', function() { |
|
|
document.getElementById('reward-modal').classList.add('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
document.getElementById('copy-ref-btn').addEventListener('click', function() { |
|
|
const refLink = document.getElementById('ref-link'); |
|
|
refLink.select(); |
|
|
document.execCommand('copy'); |
|
|
|
|
|
const originalText = this.innerHTML; |
|
|
this.innerHTML = '<i class="fas fa-check mr-1"></i> Скопировано'; |
|
|
|
|
|
setTimeout(() => { |
|
|
this.innerHTML = originalText; |
|
|
}, 2000); |
|
|
}); |
|
|
|
|
|
|
|
|
function startDailyCountdown() { |
|
|
let timeLeft = 24 * 60 * 60; |
|
|
|
|
|
const countdown = setInterval(() => { |
|
|
timeLeft--; |
|
|
|
|
|
if (timeLeft <= 0) { |
|
|
clearInterval(countdown); |
|
|
document.getElementById('countdown').textContent = "Доступно сейчас!"; |
|
|
document.getElementById('progress-fill').style.width = '0%'; |
|
|
document.getElementById('open-daily-btn').disabled = false; |
|
|
return; |
|
|
} |
|
|
|
|
|
const hours = Math.floor(timeLeft / 3600); |
|
|
const minutes = Math.floor((timeLeft % 3600) / 60); |
|
|
const seconds = timeLeft % 60; |
|
|
|
|
|
document.getElementById('countdown').textContent = |
|
|
`${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; |
|
|
|
|
|
const progress = 100 - (timeLeft / (24 * 60 * 60)) * 100; |
|
|
document.getElementById('progress-fill').style.width = `${progress}%`; |
|
|
|
|
|
document.getElementById('open-daily-btn').disabled = true; |
|
|
|
|
|
}, 1000); |
|
|
} |
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
|
|
const randomHours = Math.floor(Math.random() * 24); |
|
|
const randomMinutes = Math.floor(Math.random() * 60); |
|
|
const randomSeconds = Math.floor(Math.random() * 60); |
|
|
|
|
|
document.getElementById('countdown').textContent = |
|
|
`${randomHours.toString().padStart(2, '0')}:${randomMinutes.toString().padStart(2, '0')}:${randomSeconds.toString().padStart(2, '0')}`; |
|
|
|
|
|
const progress = (randomHours * 3600 + randomMinutes * 60 + randomSeconds) / (24 * 60 * 60) * 100; |
|
|
document.getElementById('progress-fill').style.width = `${100 - progress}%`; |
|
|
|
|
|
if (randomHours === 0 && randomMinutes === 0 && randomSeconds === 0) { |
|
|
document.getElementById('open-daily-btn').disabled = false; |
|
|
} else { |
|
|
document.getElementById('open-daily-btn').disabled = true; |
|
|
startDailyCountdown(); |
|
|
} |
|
|
|
|
|
|
|
|
document.getElementById('balance').textContent = (Math.random() * 100).toFixed(2); |
|
|
}); |
|
|
</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/sitecases" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
