Spaces:

timoon811
/

sitestrategy

Running

App Files Files Community

timoon811 commited on Apr 19, 2025

Commit

5b8704d

verified ·

1 Parent(s): cc4d7d1

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +701 -19
prompts.txt +1 -0

README.md CHANGED Viewed

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

 ---
+title: sitestrategy
+emoji: 🐳
+colorFrom: green
+colorTo: pink
 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,701 @@
-<!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="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Casino Strategist Pro - AI-Powered Betting Assistant</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 pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
+        .pulse-animation {
+            animation: pulse 2s infinite;
+        }
+        .game-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        .progress-ring {
+            transform: rotate(-90deg);
+        }
+        .progress-ring__circle {
+            transition: stroke-dashoffset 0.5s;
+        }
+        .strategy-card:hover .strategy-badge {
+            transform: scale(1.1);
+        }
+        .ai-thinking {
+            position: relative;
+        }
+        .ai-thinking::after {
+            content: "...";
+            position: absolute;
+            animation: dots 1.5s steps(5, end) infinite;
+        }
+        @keyframes dots {
+            0%, 20% { content: "."; }
+            40% { content: ".."; }
+            60%, 100% { content: "..."; }
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-white font-sans">
+    <!-- Header -->
+    <header class="bg-gray-800 shadow-lg">
+        <div class="container mx-auto px-4 py-4 flex justify-between items-center">
+            <div class="flex items-center space-x-2">
+                <div class="bg-purple-600 p-2 rounded-lg">
+                    <i class="fas fa-chess-queen text-xl"></i>
+                </div>
+                <h1 class="text-2xl font-bold bg-gradient-to-r from-purple-400 to-pink-500 bg-clip-text text-transparent">
+                    CasinoStrategist<span class="text-purple-400">PRO</span>
+                </h1>
+            </div>
+            <div class="flex items-center space-x-4">
+                <div class="hidden md:flex items-center space-x-2 bg-gray-700 px-3 py-2 rounded-full">
+                    <div class="w-6 h-6 rounded-full bg-yellow-400 flex items-center justify-center">
+                        <span class="text-xs font-bold text-gray-900">3</span>
+                    </div>
+                    <span class="text-sm">500 XP</span>
+                </div>
+                <button class="bg-gradient-to-r from-purple-600 to-pink-600 px-4 py-2 rounded-full font-medium hover:opacity-90 transition">
+                    <i class="fas fa-crown mr-2"></i>Go VIP
+                </button>
+                <button class="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center">
+                    <i class="fas fa-user"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+    <!-- Main Content -->
+    <main class="container mx-auto px-4 py-8">
+        <!-- Hero Section -->
+        <section class="mb-12">
+            <div class="bg-gradient-to-br from-purple-900/50 to-gray-800 rounded-2xl p-8 md:p-12 relative overflow-hidden">
+                <div class="absolute top-0 right-0 w-64 h-64 bg-purple-600 rounded-full filter blur-3xl opacity-20 -mr-32 -mt-32"></div>
+                <div class="relative z-10">
+                    <div class="flex items-center mb-4">
+                        <span class="bg-purple-600/30 text-purple-400 px-3 py-1 rounded-full text-sm font-medium">
+                            <i class="fas fa-bolt mr-1"></i> NEW AI UPDATE
+                        </span>
+                        <span class="ml-3 text-gray-400 text-sm">10,000+ active strategies</span>
+                    </div>
+                    <h2 class="text-4xl md:text-5xl font-bold mb-4 leading-tight">
+                        Win Smarter, Not Harder with <span class="bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">AI-Powered</span> Strategies
+                    </h2>
+                    <p class="text-gray-300 text-lg mb-8 max-w-2xl">
+                        Our artificial intelligence analyzes millions of game rounds to give you the most accurate predictions and betting strategies for your favorite casino games.
+                    </p>
+                    <div class="flex flex-wrap gap-4">
+                        <button class="bg-gradient-to-r from-purple-600 to-pink-600 px-6 py-3 rounded-full font-medium hover:opacity-90 transition flex items-center">
+                            <i class="fas fa-play mr-2"></i> Start Free Trial
+                        </button>
+                        <button class="bg-gray-700/50 hover:bg-gray-700 px-6 py-3 rounded-full font-medium transition flex items-center">
+                            <i class="fas fa-video mr-2"></i> Watch Tutorial
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- Games Section -->
+        <section class="mb-12">
+            <div class="flex justify-between items-center mb-6">
+                <h3 class="text-2xl font-bold">Popular Games</h3>
+                <a href="#" class="text-purple-400 hover:text-purple-300 text-sm font-medium">View All <i class="fas fa-chevron-right ml-1"></i></a>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+                <!-- Game Card 1 -->
+                <div class="game-card bg-gray-800 rounded-xl p-6 transition duration-300 cursor-pointer hover:border-purple-500 border border-gray-700">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="bg-pink-600/20 p-3 rounded-lg">
+                            <i class="fas fa-plane text-pink-400 text-xl"></i>
+                        </div>
+                        <span class="bg-gray-700 text-green-400 text-xs px-2 py-1 rounded">HOT</span>
+                    </div>
+                    <h4 class="text-xl font-bold mb-2">Aviator</h4>
+                    <p class="text-gray-400 text-sm mb-4">Predict when the plane will crash to multiply your bet</p>
+                    <div class="flex justify-between items-center">
+                        <div>
+                            <span class="text-xs text-gray-500">AI Accuracy</span>
+                            <div class="w-full bg-gray-700 rounded-full h-1.5 mt-1">
+                                <div class="bg-green-500 h-1.5 rounded-full" style="width: 78%"></div>
+                            </div>
+                        </div>
+                        <button class="text-purple-400 hover:text-purple-300 text-sm font-medium">
+                            View <i class="fas fa-chevron-right ml-1"></i>
+                        </button>
+                    </div>
+                </div>
+                <!-- Game Card 2 -->
+                <div class="game-card bg-gray-800 rounded-xl p-6 transition duration-300 cursor-pointer hover:border-purple-500 border border-gray-700">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="bg-blue-600/20 p-3 rounded-lg">
+                            <i class="fas fa-chart-line text-blue-400 text-xl"></i>
+                        </div>
+                        <span class="bg-gray-700 text-yellow-400 text-xs px-2 py-1 rounded">TRENDING</span>
+                    </div>
+                    <h4 class="text-xl font-bold mb-2">Crash</h4>
+                    <p class="text-gray-400 text-sm mb-4">Cash out before the multiplier crashes</p>
+                    <div class="flex justify-between items-center">
+                        <div>
+                            <span class="text-xs text-gray-500">AI Accuracy</span>
+                            <div class="w-full bg-gray-700 rounded-full h-1.5 mt-1">
+                                <div class="bg-green-500 h-1.5 rounded-full" style="width: 82%"></div>
+                            </div>
+                        </div>
+                        <button class="text-purple-400 hover:text-purple-300 text-sm font-medium">
+                            View <i class="fas fa-chevron-right ml-1"></i>
+                        </button>
+                    </div>
+                </div>
+                <!-- Game Card 3 -->
+                <div class="game-card bg-gray-800 rounded-xl p-6 transition duration-300 cursor-pointer hover:border-purple-500 border border-gray-700">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="bg-yellow-600/20 p-3 rounded-lg">
+                            <i class="fas fa-dice text-yellow-400 text-xl"></i>
+                        </div>
+                    </div>
+                    <h4 class="text-xl font-bold mb-2">Dice</h4>
+                    <p class="text-gray-400 text-sm mb-4">Predict if the roll will be over or under your chosen number</p>
+                    <div class="flex justify-between items-center">
+                        <div>
+                            <span class="text-xs text-gray-500">AI Accuracy</span>
+                            <div class="w-full bg-gray-700 rounded-full h-1.5 mt-1">
+                                <div class="bg-green-500 h-1.5 rounded-full" style="width: 75%"></div>
+                            </div>
+                        </div>
+                        <button class="text-purple-400 hover:text-purple-300 text-sm font-medium">
+                            View <i class="fas fa-chevron-right ml-1"></i>
+                        </button>
+                    </div>
+                </div>
+                <!-- Game Card 4 -->
+                <div class="game-card bg-gray-800 rounded-xl p-6 transition duration-300 cursor-pointer hover:border-purple-500 border border-gray-700">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="bg-red-600/20 p-3 rounded-lg">
+                            <i class="fas fa-bomb text-red-400 text-xl"></i>
+                        </div>
+                    </div>
+                    <h4 class="text-xl font-bold mb-2">Mines</h4>
+                    <p class="text-gray-400 text-sm mb-4">Find gems while avoiding hidden mines</p>
+                    <div class="flex justify-between items-center">
+                        <div>
+                            <span class="text-xs text-gray-500">AI Accuracy</span>
+                            <div class="w-full bg-gray-700 rounded-full h-1.5 mt-1">
+                                <div class="bg-green-500 h-1.5 rounded-full" style="width: 68%"></div>
+                            </div>
+                        </div>
+                        <button class="text-purple-400 hover:text-purple-300 text-sm font-medium">
+                            View <i class="fas fa-chevron-right ml-1"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- AI Prediction Section -->
+        <section class="mb-12">
+            <div class="bg-gray-800 rounded-2xl p-6 md:p-8">
+                <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6">
+                    <div>
+                        <h3 class="text-2xl font-bold mb-2">AI Live Predictions</h3>
+                        <p class="text-gray-400">Real-time analysis of current game trends</p>
+                    </div>
+                    <div class="mt-4 md:mt-0">
+                        <div class="inline-flex rounded-md shadow-sm" role="group">
+                            <button type="button" class="px-4 py-2 text-sm font-medium rounded-l-lg bg-purple-600 text-white">
+                                Aviator
+                            </button>
+                            <button type="button" class="px-4 py-2 text-sm font-medium bg-gray-700 text-gray-300 hover:bg-gray-600">
+                                Crash
+                            </button>
+                            <button type="button" class="px-4 py-2 text-sm font-medium rounded-r-lg bg-gray-700 text-gray-300 hover:bg-gray-600">
+                                Dice
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+                    <!-- AI Prediction Card -->
+                    <div class="bg-gray-900 rounded-xl p-6 border border-gray-700">
+                        <div class="flex justify-between items-start mb-4">
+                            <div>
+                                <h4 class="font-bold text-lg mb-1">Next Round Prediction</h4>
+                                <p class="text-gray-400 text-sm">Updated 1 min ago</p>
+                            </div>
+                            <div class="bg-purple-600/20 text-purple-400 px-3 py-1 rounded-full text-xs font-medium">
+                                AI ANALYSIS
+                            </div>
+                        </div>
+                        <div class="mb-6">
+                            <div class="flex items-center mb-2">
+                                <div class="w-8 h-8 rounded-full bg-purple-600 flex items-center justify-center mr-3">
+                                    <i class="fas fa-brain text-white text-sm"></i>
+                                </div>
+                                <div class="ai-thinking text-purple-400 font-medium">AI is calculating</div>
+                            </div>
+                            <div class="ml-11">
+                                <div class="text-sm text-gray-300 mb-2">Based on last 500 rounds pattern analysis:</div>
+                                <div class="space-y-3">
+                                    <div>
+                                        <div class="flex justify-between text-sm mb-1">
+                                            <span>Crash before 2x</span>
+                                            <span class="font-bold">73%</span>
+                                        </div>
+                                        <div class="w-full bg-gray-700 rounded-full h-2">
+                                            <div class="bg-red-500 h-2 rounded-full" style="width: 73%"></div>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="flex justify-between text-sm mb-1">
+                                            <span>Safe zone (2x-5x)</span>
+                                            <span class="font-bold">58%</span>
+                                        </div>
+                                        <div class="w-full bg-gray-700 rounded-full h-2">
+                                            <div class="bg-yellow-500 h-2 rounded-full" style="width: 58%"></div>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="flex justify-between text-sm mb-1">
+                                            <span>Big win (10x+)</span>
+                                            <span class="font-bold">12%</span>
+                                        </div>
+                                        <div class="w-full bg-gray-700 rounded-full h-2">
+                                            <div class="bg-green-500 h-2 rounded-full" style="width: 12%"></div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-gray-800/50 rounded-lg p-4 border border-gray-700">
+                            <div class="flex items-center mb-2">
+                                <i class="fas fa-lightbulb text-yellow-400 mr-2"></i>
+                                <span class="font-medium">AI Recommendation</span>
+                            </div>
+                            <p class="text-sm text-gray-300">"Current pattern suggests using the 2x-3x cashout strategy with base bet of 0.5% bankroll. Avoid chasing losses after 3 consecutive crashes below 1.5x."</p>
+                        </div>
+                    </div>
+                    <!-- Strategy Card -->
+                    <div class="bg-gray-900 rounded-xl p-6 border border-gray-700">
+                        <div class="flex justify-between items-start mb-4">
+                            <div>
+                                <h4 class="font-bold text-lg mb-1">Top Strategy</h4>
+                                <p class="text-gray-400 text-sm">For current game conditions</p>
+                            </div>
+                            <div class="bg-green-600/20 text-green-400 px-3 py-1 rounded-full text-xs font-medium">
+                                PROVEN
+                            </div>
+                        </div>
+                        <div class="mb-6">
+                            <div class="flex items-center justify-between mb-4">
+                                <div class="flex items-center">
+                                    <div class="w-10 h-10 rounded-lg bg-blue-600/20 flex items-center justify-center mr-3">
+                                        <i class="fas fa-chess-knight text-blue-400"></i>
+                                    </div>
+                                    <div>
+                                        <div class="font-bold">Modified Martingale</div>
+                                        <div class="text-xs text-gray-400">Risk: Medium</div>
+                                    </div>
+                                </div>
+                                <div class="text-right">
+                                    <div class="text-xs text-gray-400">ROI Last 24h</div>
+                                    <div class="font-bold text-green-400">+14.7%</div>
+                                </div>
+                            </div>
+                            <div class="space-y-3">
+                                <div class="flex items-center justify-between text-sm">
+                                    <span class="text-gray-400">Base Bet</span>
+                                    <span class="font-medium">0.5% bankroll</span>
+                                </div>
+                                <div class="flex items-center justify-between text-sm">
+                                    <span class="text-gray-400">Multiplier</span>
+                                    <span class="font-medium">2.5x</span>
+                                </div>
+                                <div class="flex items-center justify-between text-sm">
+                                    <span class="text-gray-400">Max Loss Streak</span>
+                                    <span class="font-medium">5</span>
+                                </div>
+                                <div class="flex items-center justify-between text-sm">
+                                    <span class="text-gray-400">Profit Target</span>
+                                    <span class="font-medium">10% daily</span>
+                                </div>
+                            </div>
+                        </div>
+                        <button class="w-full bg-gradient-to-r from-blue-600 to-purple-600 hover:opacity-90 text-white font-medium py-2 px-4 rounded-lg transition flex items-center justify-center">
+                            <i class="fas fa-play-circle mr-2"></i> Activate Strategy
+                        </button>
+                    </div>
+                    <!-- Stats Card -->
+                    <div class="bg-gray-900 rounded-xl p-6 border border-gray-700">
+                        <div class="flex justify-between items-start mb-4">
+                            <div>
+                                <h4 class="font-bold text-lg mb-1">Your Stats</h4>
+                                <p class="text-gray-400 text-sm">Last 7 days performance</p>
+                            </div>
+                            <div class="bg-yellow-600/20 text-yellow-400 px-3 py-1 rounded-full text-xs font-medium">
+                                RISING
+                            </div>
+                        </div>
+                        <div class="mb-6">
+                            <div class="grid grid-cols-3 gap-4 text-center mb-4">
+                                <div>
+                                    <div class="text-2xl font-bold text-green-400">+8.2%</div>
+                                    <div class="text-xs text-gray-400">Profit</div>
+                                </div>
+                                <div>
+                                    <div class="text-2xl font-bold">63</div>
+                                    <div class="text-xs text-gray-400">Rounds</div>
+                                </div>
+                                <div>
+                                    <div class="text-2xl font-bold text-blue-400">57%</div>
+                                    <div class="text-xs text-gray-400">Win Rate</div>
+                                </div>
+                            </div>
+                            <div class="mb-4">
+                                <div class="flex justify-between text-sm mb-1">
+                                    <span>Bankroll Growth</span>
+                                    <span class="font-bold">+12.4%</span>
+                                </div>
+                                <div class="w-full bg-gray-700 rounded-full h-2">
+                                    <div class="bg-gradient-to-r from-blue-500 to-green-500 h-2 rounded-full" style="width: 62%"></div>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-between text-sm mb-2">
+                                <span class="text-gray-400">Best Win</span>
+                                <span class="font-bold text-green-400">9.8x</span>
+                            </div>
+                            <div class="flex items-center justify-between text-sm">
+                                <span class="text-gray-400">Max Loss Streak</span>
+                                <span class="font-bold text-red-400">4</span>
+                            </div>
+                        </div>
+                        <div class="flex items-center text-sm text-gray-400">
+                            <i class="fas fa-info-circle mr-2 text-blue-400"></i>
+                            <span>You're performing better than 68% of users</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- Strategies Section -->
+        <section class="mb-12">
+            <div class="flex justify-between items-center mb-6">
+                <h3 class="text-2xl font-bold">Recommended Strategies</h3>
+                <a href="#" class="text-purple-400 hover:text-purple-300 text-sm font-medium">View All <i class="fas fa-chevron-right ml-1"></i></a>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                <!-- Strategy 1 -->
+                <div class="strategy-card bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-purple-500 transition cursor-pointer">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="bg-green-600/20 text-green-400 px-3 py-1 rounded-full text-xs font-medium strategy-badge transition">
+                            SAFE
+                        </div>
+                        <div class="text-xs bg-gray-700 px-2 py-1 rounded-full text-gray-300">
+                            <i class="fas fa-chart-line mr-1"></i> +9.2% ROI
+                        </div>
+                    </div>
+                    <h4 class="text-xl font-bold mb-2">Flat Betting</h4>
+                    <p class="text-gray-400 text-sm mb-4">Consistent same-size bets regardless of previous outcomes</p>
+                    <div class="flex flex-wrap gap-2 mb-4">
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Low Risk</span>
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Steady Growth</span>
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Beginner</span>
+                    </div>
+                    <button class="w-full bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-4 rounded-lg transition">
+                        Learn Strategy
+                    </button>
+                </div>
+                <!-- Strategy 2 -->
+                <div class="strategy-card bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-purple-500 transition cursor-pointer">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="bg-yellow-600/20 text-yellow-400 px-3 py-1 rounded-full text-xs font-medium strategy-badge transition">
+                            MEDIUM
+                        </div>
+                        <div class="text-xs bg-gray-700 px-2 py-1 rounded-full text-gray-300">
+                            <i class="fas fa-chart-line mr-1"></i> +15.7% ROI
+                        </div>
+                    </div>
+                    <h4 class="text-xl font-bold mb-2">Fibonacci Sequence</h4>
+                    <p class="text-gray-400 text-sm mb-4">Follows the Fibonacci number sequence after losses</p>
+                    <div class="flex flex-wrap gap-2 mb-4">
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Medium Risk</span>
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Recovery</span>
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Intermediate</span>
+                    </div>
+                    <button class="w-full bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-4 rounded-lg transition">
+                        Learn Strategy
+                    </button>
+                </div>
+                <!-- Strategy 3 -->
+                <div class="strategy-card bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-purple-500 transition cursor-pointer">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="bg-red-600/20 text-red-400 px-3 py-1 rounded-full text-xs font-medium strategy-badge transition">
+                            RISKY
+                        </div>
+                        <div class="text-xs bg-gray-700 px-2 py-1 rounded-full text-gray-300">
+                            <i class="fas fa-chart-line mr-1"></i> +23.4% ROI
+                        </div>
+                    </div>
+                    <h4 class="text-xl font-bold mb-2">Martingale</h4>
+                    <p class="text-gray-400 text-sm mb-4">Double bet after each loss to recover losses with a single win</p>
+                    <div class="flex flex-wrap gap-2 mb-4">
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">High Risk</span>
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Aggressive</span>
+                        <span class="text-xs bg-gray-700/50 px-2 py-1 rounded">Expert</span>
+                    </div>
+                    <button class="w-full bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-4 rounded-lg transition">
+                        Learn Strategy
+                    </button>
+                </div>
+            </div>
+        </section>
+        <!-- Gamification Section -->
+        <section class="mb-12">
+            <div class="bg-gradient-to-br from-purple-900/50 to-gray-800 rounded-2xl p-8 overflow-hidden">
+                <div class="flex flex-col md:flex-row items-center">
+                    <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
+                        <h3 class="text-2xl md:text-3xl font-bold mb-4">Level Up Your Game</h3>
+                        <p class="text-gray-300 mb-6">
+                            Earn XP, unlock achievements, and climb the leaderboard. Our gamification system keeps you engaged and rewards your progress.
+                        </p>
+                        <div class="grid grid-cols-2 gap-4 mb-6">
+                            <div class="bg-gray-800/50 p-4 rounded-lg border border-gray-700">
+                                <div class="text-purple-400 text-2xl mb-2">
+                                    <i class="fas fa-trophy"></i>
+                                </div>
+                                <div class="font-bold mb-1">Achievements</div>
+                                <div class="text-sm text-gray-400">Unlock 3/15</div>
+                            </div>
+                            <div class="bg-gray-800/50 p-4 rounded-lg border border-gray-700">
+                                <div class="text-yellow-400 text-2xl mb-2">
+                                    <i class="fas fa-medal"></i>
+                                </div>
+                                <div class="font-bold mb-1">Daily Streak</div>
+                                <div class="text-sm text-gray-400">3 days</div>
+                            </div>
+                        </div>
+                        <button class="bg-gradient-to-r from-purple-600 to-pink-600 hover:opacity-90 text-white font-medium py-2 px-6 rounded-lg transition">
+                            View Leaderboard
+                        </button>
+                    </div>
+                    <div class="md:w-1/2 relative">
+                        <div class="bg-gray-900 rounded-xl p-6 border border-gray-700 max-w-md mx-auto">
+                            <div class="flex items-center justify-between mb-6">
+                                <div>
+                                    <div class="text-xs text-gray-400">Current Level</div>
+                                    <div class="text-2xl font-bold">3</div>
+                                </div>
+                                <div class="relative w-20 h-20">
+                                    <svg class="progress-ring w-20 h-20" width="80" height="80">
+                                        <circle class="progress-ring__circle stroke-gray-700" stroke-width="6" fill="transparent" r="34" cx="40" cy="40"/>
+                                        <circle class="progress-ring__circle stroke-purple-500" stroke-width="6" stroke-dasharray="214" stroke-dashoffset="60" stroke-linecap="round" fill="transparent" r="34" cx="40" cy="40"/>
+                                    </svg>
+                                    <div class="absolute inset-0 flex items-center justify-center">
+                                        <div class="text-xl font-bold">65%</div>
+                                    </div>
+                                </div>
+                                <div>
+                                    <div class="text-xs text-gray-400">Next Level</div>
+                                    <div class="text-2xl font-bold">4</div>
+                                </div>
+                            </div>
+                            <div class="mb-2 text-sm text-gray-400">Recent Achievements</div>
+                            <div class="space-y-3">
+                                <div class="flex items-center bg-gray-800/50 p-3 rounded-lg">
+                                    <div class="w-10 h-10 rounded-full bg-yellow-600/20 flex items-center justify-center mr-3">
+                                        <i class="fas fa-medal text-yellow-400"></i>
+                                    </div>
+                                    <div>
+                                        <div class="font-medium">Consistent Player</div>
+                                        <div class="text-xs text-gray-400">3-day streak</div>
+                                    </div>
+                                </div>
+                                <div class="flex items-center bg-gray-800/50 p-3 rounded-lg">
+                                    <div class="w-10 h-10 rounded-full bg-green-600/20 flex items-center justify-center mr-3">
+                                        <i class="fas fa-check-circle text-green-400"></i>
+                                    </div>
+                                    <div>
+                                        <div class="font-medium">First Profit</div>
+                                        <div class="text-xs text-gray-400">+5% bankroll</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- CTA Section -->
+        <section class="mb-12">
+            <div class="bg-gradient-to-r from-purple-900/50 to-gray-800 rounded-2xl p-8 md:p-12 text-center">
+                <h3 class="text-2xl md:text-3xl font-bold mb-4">Ready to Transform Your Game?</h3>
+                <p class="text-gray-300 max-w-2xl mx-auto mb-8">
+                    Join thousands of players who are already winning smarter with our AI-powered strategies and tools.
+                </p>
+                <div class="flex flex-col sm:flex-row justify-center gap-4">
+                    <button class="bg-gradient-to-r from-purple-600 to-pink-600 hover:opacity-90 text-white font-medium py-3 px-8 rounded-lg transition">
+                        Start Free 7-Day Trial
+                    </button>
+                    <button class="bg-gray-700 hover:bg-gray-600 text-white font-medium py-3 px-8 rounded-lg transition">
+                        <i class="fas fa-comment-dots mr-2"></i> Chat with Support
+                    </button>
+                </div>
+            </div>
+        </section>
+    </main>
+    <!-- Footer -->
+    <footer class="bg-gray-800 py-12">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
+                <div>
+                    <div class="flex items-center space-x-2 mb-4">
+                        <div class="bg-purple-600 p-2 rounded-lg">
+                            <i class="fas fa-chess-queen text-xl"></i>
+                        </div>
+                        <h4 class="text-xl font-bold bg-gradient-to-r from-purple-400 to-pink-500 bg-clip-text text-transparent">
+                            CasinoStrategist<span class="text-purple-400">PRO</span>
+                        </h4>
+                    </div>
+                    <p class="text-gray-400 text-sm">
+                        AI-powered betting strategies and tools to help you play smarter and maximize your winnings.
+                    </p>
+                </div>
+                <div>
+                    <h5 class="text-lg font-bold mb-4">Games</h5>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Aviator</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Crash</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Dice</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Mines</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Roulette</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h5 class="text-lg font-bold mb-4">Resources</h5>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Strategies</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Tutorials</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Blog</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">FAQ</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Support</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h5 class="text-lg font-bold mb-4">Company</h5>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">About Us</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Pricing</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Contact</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Terms</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Privacy</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="pt-8 border-t border-gray-700 flex flex-col md:flex-row justify-between items-center">
+                <p class="text-gray-500 text-sm mb-4 md:mb-0">
+                    © 2023 CasinoStrategistPRO. All rights reserved.
+                </p>
+                <div class="flex space-x-4">
+                    <a href="#" class="text-gray-400 hover:text-purple-400 transition">
+                        <i class="fab fa-telegram"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-purple-400 transition">
+                        <i class="fab fa-discord"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-purple-400 transition">
+                        <i class="fab fa-twitter"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-purple-400 transition">
+                        <i class="fab fa-instagram"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Simple animation for AI thinking dots
+        function animateThinkingDots() {
+            const dots = document.querySelectorAll('.ai-thinking');
+            dots.forEach(dot => {
+                let count = 0;
+                setInterval(() => {
+                    count = (count + 1) % 4;
+                    dot.setAttribute('data-dots', '.'.repeat(count));
+                }, 500);
+            });
+        }
+        // Update progress ring
+        function updateProgressRing() {
+            const circle = document.querySelector('.progress-ring__circle');
+            const radius = circle.r.baseVal.value;
+            const circumference = radius * 2 * Math.PI;
+            const offset = circumference - (65 / 100) * circumference;
+            circle.style.strokeDasharray = `${circumference} ${circumference}`;
+            circle.style.strokeDashoffset = offset;
+        }
+        // Initialize animations
+        document.addEventListener('DOMContentLoaded', () => {
+            animateThinkingDots();
+            updateProgressRing();
+            // Game card hover effect
+            const gameCards = document.querySelectorAll('.game-card');
+            gameCards.forEach(card => {
+                card.addEventListener('mouseenter', () => {
+                    const icon = card.querySelector('.fa-plane, .fa-chart-line, .fa-dice, .fa-bomb');
+                    if (icon) {
+                        icon.classList.add('pulse-animation');
+                    }
+                });
+                card.addEventListener('mouseleave', () => {
+                    const icon = card.querySelector('.fa-plane, .fa-chart-line, .fa-dice, .fa-bomb');
+                    if (icon) {
+                        icon.classList.remove('pulse-animation');
+                    }
+                });
+            });
+            // Simulate AI prediction loading
+            setTimeout(() => {
+                const aiThinking = document.querySelector('.ai-thinking');
+                if (aiThinking) {
+                    aiThinking.classList.remove('ai-thinking');
+                    aiThinking.textContent = "Prediction ready!";
+                }
+            }, 3000);
+        });
+    </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/sitestrategy" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Вот подробное техническое задание для сервиса, предоставляющего стратегии и прогнозы к играм онлайн-казино, с целью повышения ретеншона (удержания) игроков: ⸻ 🧩 Техническое задание 🎯 Цель: Создать онлайн-сервис/бот/приложение, который в игровой форме предоставляет пользователю стратегии, подсказки и вероятности для популярных казино-игр, чтобы повысить его вовлеченность, игровую сессию и возврат. ⸻ 🛠️ Основной функционал: 1. 📊 Аналитика и прогнозы: • Поддержка игр: Crash, Mines, Roulette, Dice, Plinko, Blackjack, Aviator и др. • Для каждой игры: • Выдача «стратегий» ставок (например, Мартингейл, Анти-Мартингейл, Flat, фиксированная прибыль и т.д.) • Предположительная вероятность следующего исхода (например: «по нашей модели, следующий X в Aviator — 2.5+») • Подсказки: когда остановиться, когда повысить/снизить ставку • Индикатор риска и потенциала ⸻ 2. 🧠 AI-модуль (фейковый или реальный по желанию): • Форма подачи — как будто ИИ анализирует поведение игры в реальном времени • Подсказки с якобы «обучением на 100 000+ раундах» • Примеры текста: • «🧠 AI считает, что вероятность краша до x1.5 — 73%, будь осторожен!» • «🔥 Стратегия “Лестница” показала +11% ROI за последние 300 игр в Dice» ⸻ 3. 📈 Личный трекер прогресса: • История игр пользователя • Ведение псевдо-статистики выигрышей/проигрышей • Достижения, ранги, бейджи • Push-уведомления: «Уже 3 дня не запускал Aviator — пора вернуть контроль» ⸻ 4. 🎮 Геймификация: • Очки опыта за каждый вход, использование подсказок, победы • Внутренний магазин бонусов (например, 1 бесплатная стратегия в день, VIP подсказки) • Реферальная система с наградами ⸻ 5. 💬 Чат/бот-помощник: • Telegram-бот, Web-чат или встроенный в казино-сайт • Примеры команд: • /start, /strategy crash, /stats, /help • Интерактивные кнопки выбора игр и стратегий • Быстрая смена стратегии в 1 клик ⸻ 6. 📚 Библиотека стратегий: • Обучающие материалы по стратегиям ставок • Видеоуроки и краткие советы • Квиз для выбора лучшей стратегии под текущую игру ⸻ 🔐 Пользователи и уровни доступа: Роль Доступ Гость Только базовые стратегии и советы Зарегистрированный Личный кабинет, история, больше стратегий VIP/платный Доступ к ИИ-подсказкам, авто-алертам, эксклюзивным стратегиям Админ Управление играми, стратегиями, аналитикой, пушами ⸻ 🧩 Дополнительно: • Поддержка API-интеграции с казино-сайтами (для получения ID юзера, игры и событий) • Логика обновления стратегий и подсказок раз в 5-10 мин (имитация реального анализа) • Возможность персонализировать советы под игрока (по его поведению и предпочтениям) ⸻ 🎨 UI/UX особенности: • Минималистичный и игровой стиль • Быстрый доступ к нужной игре • Подсветка «горячих» стратегий • Визуальные прогнозы (графики, стрелки, сигналы) ⸻ 💼 Цели по метрикам: • Увеличение среднего времени сессии игрока: +20-30% • Повышение повторных запусков: +15% в течение 7 дней • Увеличение регистраций/активности через советы: +25% • Повышение удержания Day 3 / Day 7: на 10–20% ⸻ 🧪 MVP-функционал (для запуска первой версии): • Прогнозы + стратегии для 3 игр (например: Aviator, Crash, Dice) • Телеграм-бот с кнопками и текстами • Геймификация: уровни, монеты, бейджи • Библиотека стратегий • Статистика игрока • Админка (ручное добавление стратегий и текстов) ⸻ Хочешь, упакую это в промт для генерации интерфейса/лендинга/бота в нейросети или сделаю карту блоков?