Spaces:

timoon811
/

sitecases

Running

App Files Files Community

timoon811 commited on Apr 19, 2025

Commit

f25317b

verified ·

1 Parent(s): fe5b580

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +651 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Sitecases
-emoji: 🏢
 colorFrom: blue
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: sitecases
+emoji: 🐳
 colorFrom: blue
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,651 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!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 -->
+        <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 Content -->
+        <main>
+            <!-- Hero Section -->
+            <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>
+                <!-- Case of the Day -->
+                <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>
+            <!-- VIP Case Upsell -->
+            <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>
+            <!-- Referral System -->
+            <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>
+            <!-- Previous Rewards -->
+            <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">
+                    <!-- Strategy -->
+                    <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>
+                    <!-- Bonus Code -->
+                    <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>
+                    <!-- Insider -->
+                    <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>
+                    <!-- Forecast -->
+                    <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>
+                    <!-- Tool -->
+                    <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>
+                    <!-- VIP Access -->
+                    <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 -->
+        <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>
+    <!-- Reward Modal -->
+    <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>
+    <!-- VIP Purchase Modal -->
+    <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>
+        // Simulate daily case opening
+        document.getElementById('open-daily-btn').addEventListener('click', function() {
+            // Show loading
+            this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Открываем...';
+            this.disabled = true;
+            // Simulate delay
+            setTimeout(() => {
+                // Random reward type
+                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)];
+                // Update modal
+                document.getElementById('reward-title').textContent = reward.title;
+                document.getElementById('reward-desc').textContent = reward.desc;
+                document.getElementById('reward-code').textContent = reward.code;
+                // Show modal
+                document.getElementById('reward-modal').classList.remove('hidden');
+                // Reset button
+                this.innerHTML = 'Открыть бесплатно';
+                this.disabled = false;
+                // Start countdown
+                startDailyCountdown();
+            }, 1500);
+        });
+        // VIP case purchase
+        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() {
+            // Show loading
+            this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Обработка...';
+            // Simulate payment processing
+            setTimeout(() => {
+                // Random VIP reward
+                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)];
+                // Update modal
+                document.getElementById('reward-title').textContent = reward.title;
+                document.getElementById('reward-desc').textContent = reward.desc;
+                document.getElementById('reward-code').textContent = reward.code;
+                // Close VIP modal
+                document.getElementById('vip-modal').classList.add('hidden');
+                // Show reward modal
+                document.getElementById('reward-modal').classList.remove('hidden');
+                // Reset button
+                this.innerHTML = 'Оплатить';
+            }, 2000);
+        });
+        // Close modals
+        document.getElementById('close-modal').addEventListener('click', function() {
+            document.getElementById('reward-modal').classList.add('hidden');
+        });
+        // Copy referral link
+        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);
+        });
+        // Daily countdown timer
+        function startDailyCountdown() {
+            let timeLeft = 24 * 60 * 60; // 24 hours in seconds
+            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);
+        }
+        // Initialize
+        document.addEventListener('DOMContentLoaded', function() {
+            // Start with a random countdown between 0-24 hours for demo
+            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();
+            }
+            // Set random balance for demo
+            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>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ 2. 💼 “Кейс Арбитражника” — Ленд-симулятор Идея: пользователь “открывает кейсы” со стратегиями, бонусами и апселлами 💡 Функционал: • Кейс дня: 1 бесплатный в сутки • Внутри кейса — стратегия, бонус-код, инсайд, псевдопрогноз • Апселл: “Открой VIP-кейс за $5 — шанс на X500 стратегию” • Реферальная система: 1 друг = 1 доп. кейс ✅ Профит: геймификация, стимул пополнить, рост среднего чека и возвращаемости ⸻