BambathaM commited on
Commit
7ed9f40
·
verified ·
1 Parent(s): 11e1686

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +862 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Smart Stack
3
- emoji: 🐠
4
- colorFrom: gray
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: smart-stack
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,862 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>SmartStack - Risk-Controlled Betting Strategies</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
12
+
13
+ body {
14
+ font-family: 'Inter', sans-serif;
15
+ background-color: #000;
16
+ color: #fff;
17
+ scroll-behavior: smooth;
18
+ }
19
+
20
+ .gradient-text {
21
+ background: linear-gradient(90deg, #ff0000, #ff4d4d);
22
+ -webkit-background-clip: text;
23
+ background-clip: text;
24
+ color: transparent;
25
+ }
26
+
27
+ .nav-link:hover {
28
+ color: #ff0000;
29
+ }
30
+
31
+ .btn-primary {
32
+ background-color: #ff0000;
33
+ transition: all 0.3s ease;
34
+ }
35
+
36
+ .btn-primary:hover {
37
+ background-color: #cc0000;
38
+ transform: translateY(-2px);
39
+ box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
40
+ }
41
+
42
+ .feature-card:hover {
43
+ transform: translateY(-5px);
44
+ box-shadow: 0 10px 25px rgba(255, 0, 0, 0.2);
45
+ }
46
+
47
+ .pricing-card:hover {
48
+ border-color: #ff0000;
49
+ transform: scale(1.03);
50
+ }
51
+
52
+ .tab-active {
53
+ border-bottom: 3px solid #ff0000;
54
+ color: #ff0000;
55
+ }
56
+
57
+ .code-block {
58
+ background-color: #1a1a1a;
59
+ border-left: 3px solid #ff0000;
60
+ }
61
+
62
+ #strategyChart {
63
+ background-color: #1a1a1a;
64
+ border-radius: 0.5rem;
65
+ }
66
+
67
+ ::selection {
68
+ background-color: #ff0000;
69
+ color: white;
70
+ }
71
+ </style>
72
+ </head>
73
+ <body>
74
+ <!-- Navigation -->
75
+ <nav class="bg-black py-4 px-6 sticky top-0 z-50 border-b border-gray-800">
76
+ <div class="max-w-7xl mx-auto flex justify-between items-center">
77
+ <div class="flex items-center space-x-2">
78
+ <div class="w-8 h-8 bg-red-600 rounded-full"></div>
79
+ <span class="text-xl font-bold">Smart<span class="gradient-text">Stack</span></span>
80
+ </div>
81
+ <div class="hidden md:flex space-x-8">
82
+ <a href="#features" class="nav-link text-white hover:text-red-500 transition">Features</a>
83
+ <a href="#strategies" class="nav-link text-white hover:text-red-500 transition">Strategies</a>
84
+ <a href="#pricing" class="nav-link text-white hover:text-red-500 transition">Pricing</a>
85
+ <a href="#faq" class="nav-link text-white hover:text-red-500 transition">FAQ</a>
86
+ </div>
87
+ <div class="flex items-center space-x-4">
88
+ <button class="btn-primary px-6 py-2 rounded-full font-medium text-white">Sign In</button>
89
+ <button class="md:hidden text-white">
90
+ <i class="fas fa-bars text-xl"></i>
91
+ </button>
92
+ </div>
93
+ </div>
94
+ </nav>
95
+
96
+ <!-- Hero Section -->
97
+ <section class="py-20 px-6 bg-gradient-to-b from-black to-gray-900">
98
+ <div class="max-w-7xl mx-auto flex flex-col md:flex-row items-center">
99
+ <div class="md:w-1/2 mb-10 md:mb-0">
100
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
101
+ Betting tools designed to <span class="gradient-text">beat impulse</span>, not the house
102
+ </h1>
103
+ <p class="text-gray-300 mb-8 text-lg">
104
+ SmartStack provides mathematically-backed betting strategies to help you manage risk, reduce emotional gambling, and track your progress systematically.
105
+ </p>
106
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
107
+ <button class="btn-primary px-8 py-3 rounded-full font-medium text-white">
108
+ Get Started
109
+ </button>
110
+ <button class="px-8 py-3 rounded-full font-medium text-white border border-gray-600 hover:border-red-500 transition">
111
+ Learn More
112
+ </button>
113
+ </div>
114
+ </div>
115
+ <div class="md:w-1/2 flex justify-center">
116
+ <div class="relative">
117
+ <div class="w-80 h-80 md:w-96 md:h-96 bg-gray-900 rounded-xl shadow-2xl flex items-center justify-center">
118
+ <canvas id="heroChart" width="300" height="300"></canvas>
119
+ </div>
120
+ <div class="absolute -bottom-5 -right-5 bg-red-600 text-white px-4 py-2 rounded-lg shadow-lg">
121
+ <span class="font-bold">Risk vs Reward</span>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </section>
127
+
128
+ <!-- Features Section -->
129
+ <section id="features" class="py-20 px-6 bg-black">
130
+ <div class="max-w-7xl mx-auto">
131
+ <div class="text-center mb-16">
132
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Strategic systems to <span class="gradient-text">control your game</span></h2>
133
+ <p class="text-gray-400 max-w-2xl mx-auto">
134
+ SmartStack combines mathematical models with practical tools to help you make informed betting decisions.
135
+ </p>
136
+ </div>
137
+
138
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
139
+ <!-- Feature 1 -->
140
+ <div class="feature-card bg-gray-900 p-8 rounded-xl transition duration-300 hover:shadow-lg">
141
+ <div class="w-14 h-14 bg-red-600 rounded-lg flex items-center justify-center mb-6">
142
+ <i class="fas fa-calculator text-2xl text-white"></i>
143
+ </div>
144
+ <h3 class="text-xl font-bold mb-3">Strategy Calculators</h3>
145
+ <p class="text-gray-400">
146
+ Built-in Martingale and Fibonacci calculators to help you plan your bets and understand the risk exposure.
147
+ </p>
148
+ </div>
149
+
150
+ <!-- Feature 2 -->
151
+ <div class="feature-card bg-gray-900 p-8 rounded-xl transition duration-300 hover:shadow-lg">
152
+ <div class="w-14 h-14 bg-red-600 rounded-lg flex items-center justify-center mb-6">
153
+ <i class="fas fa-chart-line text-2xl text-white"></i>
154
+ </div>
155
+ <h3 class="text-xl font-bold mb-3">Risk Visualization</h3>
156
+ <p class="text-gray-400">
157
+ Interactive charts showing cumulative risk vs reward, helping you visualize potential outcomes before placing bets.
158
+ </p>
159
+ </div>
160
+
161
+ <!-- Feature 3 -->
162
+ <div class="feature-card bg-gray-900 p-8 rounded-xl transition duration-300 hover:shadow-lg">
163
+ <div class="w-14 h-14 bg-red-600 rounded-lg flex items-center justify-center mb-6">
164
+ <i class="fas fa-shield-alt text-2xl text-white"></i>
165
+ </div>
166
+ <h3 class="text-xl font-bold mb-3">Auto-Stop Loss</h3>
167
+ <p class="text-gray-400">
168
+ Customizable stop-loss settings to automatically prevent chasing losses beyond your predetermined limits.
169
+ </p>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </section>
174
+
175
+ <!-- Strategies Section -->
176
+ <section id="strategies" class="py-20 px-6 bg-gray-900">
177
+ <div class="max-w-7xl mx-auto">
178
+ <div class="text-center mb-16">
179
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Play <span class="gradient-text">smarter</span>, not harder</h2>
180
+ <p class="text-gray-400 max-w-2xl mx-auto">
181
+ Our Python-based models simulate popular betting strategies to help you understand the mathematics behind them.
182
+ </p>
183
+ </div>
184
+
185
+ <div class="mb-8 flex justify-center">
186
+ <div class="inline-flex rounded-md shadow-sm">
187
+ <button onclick="showMartingale()" id="martingaleTab" class="tab-active px-6 py-3 text-sm font-medium rounded-l-lg">
188
+ Martingale Strategy
189
+ </button>
190
+ <button onclick="showFibonacci()" id="fibonacciTab" class="px-6 py-3 text-sm font-medium border-l border-gray-700">
191
+ Fibonacci Strategy
192
+ </button>
193
+ </div>
194
+ </div>
195
+
196
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
197
+ <div id="martingaleContent">
198
+ <h3 class="text-2xl font-bold mb-4">Double After Loss System</h3>
199
+ <p class="text-gray-400 mb-6">
200
+ The Martingale strategy doubles the bet after every loss until a win occurs. This is designed to recover all previous losses plus a small profit equal to the original bet.
201
+ </p>
202
+ <div class="code-block p-4 mb-6 rounded">
203
+ <pre class="text-gray-300 text-sm">
204
+ <span class="text-red-400">def</span> <span class="text-blue-400">martingale_bets</span>(starting_bet=10, losses=6):
205
+ bets = []
206
+ bet = starting_bet
207
+ <span class="text-red-400">for</span> _ <span class="text-red-400">in</span> range(losses):
208
+ bets.append(bet)
209
+ bet *= 2
210
+ <span class="text-red-400">return</span> bets</pre>
211
+ </div>
212
+ <div class="bg-gray-800 p-4 rounded-lg mb-6">
213
+ <h4 class="font-bold mb-2 text-red-400">Key Considerations:</h4>
214
+ <ul class="list-disc list-inside text-gray-300 space-y-1">
215
+ <li>Exponential risk increase with each loss</li>
216
+ <li>Requires substantial bankroll to sustain losing streaks</li>
217
+ <li>Table limits may prevent full recovery</li>
218
+ <li>Psychological pressure increases with each loss</li>
219
+ </ul>
220
+ </div>
221
+ </div>
222
+
223
+ <div id="fibonacciContent" class="hidden">
224
+ <h3 class="text-2xl font-bold mb-4">Sequence-Based Betting</h3>
225
+ <p class="text-gray-400 mb-6">
226
+ The Fibonacci strategy increases bets based on the famous Fibonacci sequence (1, 1, 2, 3, 5, 8...). This provides slower risk exposure compared to Martingale.
227
+ </p>
228
+ <div class="code-block p-4 mb-6 rounded">
229
+ <pre class="text-gray-300 text-sm">
230
+ <span class="text-red-400">def</span> <span class="text-blue-400">fibonacci_bets</span>(starting_bet=10, losses=6):
231
+ fib_sequence = [1, 1]
232
+ <span class="text-red-400">while</span> len(fib_sequence) < losses:
233
+ fib_sequence.append(fib_sequence[-1] + fib_sequence[-2])
234
+ <span class="text-red-400">return</span> [starting_bet * n <span class="text-red-400">for</span> n <span class="text-red-400">in</span> fib_sequence[:losses]]</pre>
235
+ </div>
236
+ <div class="bg-gray-800 p-4 rounded-lg mb-6">
237
+ <h4 class="font-bold mb-2 text-red-400">Key Considerations:</h4>
238
+ <ul class="list-disc list-inside text-gray-300 space-y-1">
239
+ <li>More gradual progression than Martingale</li>
240
+ <li>Still carries risk of substantial losses</li>
241
+ <li>Requires winning streak to recover losses</li>
242
+ <li>Less aggressive than Martingale</li>
243
+ </ul>
244
+ </div>
245
+ </div>
246
+
247
+ <div class="bg-gray-800 p-6 rounded-xl">
248
+ <h4 class="font-bold mb-4 text-center">Strategy Simulation</h4>
249
+ <div class="mb-4">
250
+ <label class="block text-gray-300 mb-2">Starting Bet (ZAR)</label>
251
+ <input type="number" id="startingBet" value="10" class="w-full bg-gray-700 text-white rounded px-4 py-2">
252
+ </div>
253
+ <div class="mb-4">
254
+ <label class="block text-gray-300 mb-2">Number of Losses</label>
255
+ <input type="number" id="numLosses" value="6" min="1" max="10" class="w-full bg-gray-700 text-white rounded px-4 py-2">
256
+ </div>
257
+ <button onclick="updateChart()" class="btn-primary w-full py-2 rounded-lg font-medium">
258
+ Simulate Strategy
259
+ </button>
260
+ <div class="mt-6">
261
+ <canvas id="strategyChart" height="300"></canvas>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </div>
266
+ </section>
267
+
268
+ <!-- Pricing Section -->
269
+ <section id="pricing" class="py-20 px-6 bg-black">
270
+ <div class="max-w-7xl mx-auto">
271
+ <div class="text-center mb-16">
272
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Simple, transparent <span class="gradient-text">pricing</span></h2>
273
+ <p class="text-gray-400 max-w-2xl mx-auto">
274
+ Choose the plan that fits your needs. All prices in South African Rand (ZAR).
275
+ </p>
276
+ </div>
277
+
278
+ <div class="mb-8 flex justify-center">
279
+ <div class="inline-flex rounded-md shadow-sm">
280
+ <button onclick="showSubscription()" id="subscriptionTab" class="tab-active px-6 py-3 text-sm font-medium rounded-l-lg">
281
+ Subscription Plans
282
+ </button>
283
+ <button onclick="showOneTime()" id="oneTimeTab" class="px-6 py-3 text-sm font-medium border-l border-gray-700 rounded-r-lg">
284
+ One-Time Purchases
285
+ </button>
286
+ </div>
287
+ </div>
288
+
289
+ <div id="subscriptionContent">
290
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
291
+ <!-- Free Plan -->
292
+ <div class="pricing-card bg-gray-900 p-8 rounded-xl border border-gray-800 transition duration-300">
293
+ <h3 class="text-xl font-bold mb-2">Free</h3>
294
+ <div class="mb-6">
295
+ <span class="text-4xl font-bold">R0</span>
296
+ <span class="text-gray-400">/month</span>
297
+ </div>
298
+ <ul class="space-y-3 mb-8">
299
+ <li class="flex items-center">
300
+ <i class="fas fa-check text-green-500 mr-2"></i>
301
+ <span>1 betting strategy</span>
302
+ </li>
303
+ <li class="flex items-center">
304
+ <i class="fas fa-check text-green-500 mr-2"></i>
305
+ <span>Basic win/loss tracking</span>
306
+ </li>
307
+ <li class="flex items-center">
308
+ <i class="fas fa-check text-green-500 mr-2"></i>
309
+ <span>Community access</span>
310
+ </li>
311
+ <li class="flex items-center text-gray-500">
312
+ <i class="fas fa-times text-gray-600 mr-2"></i>
313
+ <span>No advanced tools</span>
314
+ </li>
315
+ <li class="flex items-center text-gray-500">
316
+ <i class="fas fa-times text-gray-600 mr-2"></i>
317
+ <span>No personal support</span>
318
+ </li>
319
+ </ul>
320
+ <button class="w-full py-3 rounded-lg font-medium border border-gray-700 hover:border-red-500 transition">
321
+ Get Started
322
+ </button>
323
+ </div>
324
+
325
+ <!-- Standard Plan -->
326
+ <div class="pricing-card bg-gray-900 p-8 rounded-xl border border-red-600 transition duration-300 transform scale-105">
327
+ <div class="flex justify-between items-start">
328
+ <div>
329
+ <h3 class="text-xl font-bold mb-2">Standard</h3>
330
+ <div class="mb-6">
331
+ <span class="text-4xl font-bold">R199</span>
332
+ <span class="text-gray-400">/month</span>
333
+ </div>
334
+ </div>
335
+ <span class="bg-red-600 text-white text-xs px-2 py-1 rounded">POPULAR</span>
336
+ </div>
337
+ <ul class="space-y-3 mb-8">
338
+ <li class="flex items-center">
339
+ <i class="fas fa-check text-green-500 mr-2"></i>
340
+ <span>All betting strategies</span>
341
+ </li>
342
+ <li class="flex items-center">
343
+ <i class="fas fa-check text-green-500 mr-2"></i>
344
+ <span>Comprehensive tracking</span>
345
+ </li>
346
+ <li class="flex items-center">
347
+ <i class="fas fa-check text-green-500 mr-2"></i>
348
+ <span>Basic alerts</span>
349
+ </li>
350
+ <li class="flex items-center">
351
+ <i class="fas fa-check text-green-500 mr-2"></i>
352
+ <span>Strategy customization</span>
353
+ </li>
354
+ <li class="flex items-center text-gray-500">
355
+ <i class="fas fa-times text-gray-600 mr-2"></i>
356
+ <span>No crash timing tools</span>
357
+ </li>
358
+ </ul>
359
+ <button class="btn-primary w-full py-3 rounded-lg font-medium">
360
+ Choose Plan
361
+ </button>
362
+ </div>
363
+
364
+ <!-- Pro Plan -->
365
+ <div class="pricing-card bg-gray-900 p-8 rounded-xl border border-gray-800 transition duration-300">
366
+ <h3 class="text-xl font-bold mb-2">Pro</h3>
367
+ <div class="mb-6">
368
+ <span class="text-4xl font-bold">R499</span>
369
+ <span class="text-gray-400">/month</span>
370
+ </div>
371
+ <ul class="space-y-3 mb-8">
372
+ <li class="flex items-center">
373
+ <i class="fas fa-check text-green-500 mr-2"></i>
374
+ <span>All Standard features</span>
375
+ </li>
376
+ <li class="flex items-center">
377
+ <i class="fas fa-check text-green-500 mr-2"></i>
378
+ <span>Crash timing tools</span>
379
+ </li>
380
+ <li class="flex items-center">
381
+ <i class="fas fa-check text-green-500 mr-2"></i>
382
+ <span>Advanced analytics</span>
383
+ </li>
384
+ <li class="flex items-center">
385
+ <i class="fas fa-check text-green-500 mr-2"></i>
386
+ <span>Priority support</span>
387
+ </li>
388
+ <li class="flex items-center">
389
+ <i class="fas fa-check text-green-500 mr-2"></i>
390
+ <span>Regular updates</span>
391
+ </li>
392
+ </ul>
393
+ <button class="w-full py-3 rounded-lg font-medium border border-gray-700 hover:border-red-500 transition">
394
+ Choose Plan
395
+ </button>
396
+ </div>
397
+ </div>
398
+ </div>
399
+
400
+ <div id="oneTimeContent" class="hidden">
401
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
402
+ <!-- Starter -->
403
+ <div class="pricing-card bg-gray-900 p-8 rounded-xl border border-gray-800 transition duration-300">
404
+ <h3 class="text-xl font-bold mb-2">Starter</h3>
405
+ <div class="mb-6">
406
+ <span class="text-4xl font-bold">R199</span>
407
+ <span class="text-gray-400">one-time</span>
408
+ </div>
409
+ <ul class="space-y-3 mb-8">
410
+ <li class="flex items-center">
411
+ <i class="fas fa-check text-green-500 mr-2"></i>
412
+ <span>Strategy Guide PDF</span>
413
+ </li>
414
+ <li class="flex items-center text-gray-500">
415
+ <i class="fas fa-times text-gray-600 mr-2"></i>
416
+ <span>No tracking tools</span>
417
+ </li>
418
+ <li class="flex items-center text-gray-500">
419
+ <i class="fas fa-times text-gray-600 mr-2"></i>
420
+ <span>No video lessons</span>
421
+ </li>
422
+ <li class="flex items-center text-gray-500">
423
+ <i class="fas fa-times text-gray-600 mr-2"></i>
424
+ <span>No support</span>
425
+ </li>
426
+ </ul>
427
+ <button class="w-full py-3 rounded-lg font-medium border border-gray-700 hover:border-red-500 transition">
428
+ Purchase
429
+ </button>
430
+ </div>
431
+
432
+ <!-- Plus -->
433
+ <div class="pricing-card bg-gray-900 p-8 rounded-xl border border-red-600 transition duration-300">
434
+ <h3 class="text-xl font-bold mb-2">Plus</h3>
435
+ <div class="mb-6">
436
+ <span class="text-4xl font-bold">R499</span>
437
+ <span class="text-gray-400">one-time</span>
438
+ </div>
439
+ <ul class="space-y-3 mb-8">
440
+ <li class="flex items-center">
441
+ <i class="fas fa-check text-green-500 mr-2"></i>
442
+ <span>Strategy Guide PDF</span>
443
+ </li>
444
+ <li class="flex items-center">
445
+ <i class="fas fa-check text-green-500 mr-2"></i>
446
+ <span>Excel Bankroll Tracker</span>
447
+ </li>
448
+ <li class="flex items-center text-gray-500">
449
+ <i class="fas fa-times text-gray-600 mr-2"></i>
450
+ <span>No video lessons</span>
451
+ </li>
452
+ <li class="flex items-center text-gray-500">
453
+ <i class="fas fa-times text-gray-600 mr-2"></i>
454
+ <span>Limited support</span>
455
+ </li>
456
+ </ul>
457
+ <button class="btn-primary w-full py-3 rounded-lg font-medium">
458
+ Purchase
459
+ </button>
460
+ </div>
461
+
462
+ <!-- Pro -->
463
+ <div class="pricing-card bg-gray-900 p-8 rounded-xl border border-gray-800 transition duration-300">
464
+ <h3 class="text-xl font-bold mb-2">Pro Bundle</h3>
465
+ <div class="mb-6">
466
+ <span class="text-4xl font-bold">R749</span>
467
+ <span class="text-gray-400">one-time</span>
468
+ </div>
469
+ <ul class="space-y-3 mb-8">
470
+ <li class="flex items-center">
471
+ <i class="fas fa-check text-green-500 mr-2"></i>
472
+ <span>Strategy Guide PDF</span>
473
+ </li>
474
+ <li class="flex items-center">
475
+ <i class="fas fa-check text-green-500 mr-2"></i>
476
+ <span>Excel Bankroll Tracker</span>
477
+ </li>
478
+ <li class="flex items-center">
479
+ <i class="fas fa-check text-green-500 mr-2"></i>
480
+ <span>Video Lessons</span>
481
+ </li>
482
+ <li class="flex items-center">
483
+ <i class="fas fa-check text-green-500 mr-2"></i>
484
+ <span>Email Support</span>
485
+ </li>
486
+ </ul>
487
+ <button class="w-full py-3 rounded-lg font-medium border border-gray-700 hover:border-red-500 transition">
488
+ Purchase
489
+ </button>
490
+ </div>
491
+ </div>
492
+ </div>
493
+ </div>
494
+ </section>
495
+
496
+ <!-- FAQ Section -->
497
+ <section id="faq" class="py-20 px-6 bg-gray-900">
498
+ <div class="max-w-4xl mx-auto">
499
+ <div class="text-center mb-16">
500
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Frequently asked <span class="gradient-text">questions</span></h2>
501
+ <p class="text-gray-400 max-w-2xl mx-auto">
502
+ Can't find the answer you're looking for? Contact our support team.
503
+ </p>
504
+ </div>
505
+
506
+ <div class="space-y-4">
507
+ <!-- FAQ 1 -->
508
+ <div class="bg-gray-800 rounded-xl overflow-hidden">
509
+ <button onclick="toggleFAQ(1)" class="w-full flex justify-between items-center p-6 text-left">
510
+ <span class="text-lg font-medium">Is SmartStack legal to use?</span>
511
+ <i id="faqIcon1" class="fas fa-chevron-down text-red-500 transition-transform"></i>
512
+ </button>
513
+ <div id="faqContent1" class="hidden px-6 pb-6 pt-0">
514
+ <p class="text-gray-300">
515
+ SmartStack is a betting strategy tool, not gambling software. It doesn't place bets for you or interact directly with gambling sites. The legality depends on your jurisdiction's laws regarding gambling tools. We recommend checking local regulations.
516
+ </p>
517
+ </div>
518
+ </div>
519
+
520
+ <!-- FAQ 2 -->
521
+ <div class="bg-gray-800 rounded-xl overflow-hidden">
522
+ <button onclick="toggleFAQ(2)" class="w-full flex justify-between items-center p-6 text-left">
523
+ <span class="text-lg font-medium">Can I really make money with these strategies?</span>
524
+ <i id="faqIcon2" class="fas fa-chevron-down text-red-500 transition-transform"></i>
525
+ </button>
526
+ <div id="faqContent2" class="hidden px-6 pb-6 pt-0">
527
+ <p class="text-gray-300">
528
+ While these strategies can help manage risk, no betting system can guarantee profits. The house always has an edge in casino games. SmartStack helps you play more strategically, but responsible gambling and bankroll management are essential.
529
+ </p>
530
+ </div>
531
+ </div>
532
+
533
+ <!-- FAQ 3 -->
534
+ <div class="bg-gray-800 rounded-xl overflow-hidden">
535
+ <button onclick="toggleFAQ(3)" class="w-full flex justify-between items-center p-6 text-left">
536
+ <span class="text-lg font-medium">What games work best with SmartStack?</span>
537
+ <i id="faqIcon3" class="fas fa-chevron-down text-red-500 transition-transform"></i>
538
+ </button>
539
+ <div id="faqContent3" class="hidden px-6 pb-6 pt-0">
540
+ <p class="text-gray-300">
541
+ Our strategies are most effective for games with near 50/50 odds like Roulette (red/black, odd/even), Baccarat, and certain Crash games like Aviator. They're less suitable for games with complex odds like slots or poker.
542
+ </p>
543
+ </div>
544
+ </div>
545
+
546
+ <!-- FAQ 4 -->
547
+ <div class="bg-gray-800 rounded-xl overflow-hidden">
548
+ <button onclick="toggleFAQ(4)" class="w-full flex justify-between items-center p-6 text-left">
549
+ <span class="text-lg font-medium">How does the stop-loss feature work?</span>
550
+ <i id="faqIcon4" class="fas fa-chevron-down text-red-500 transition-transform"></i>
551
+ </button>
552
+ <div id="faqContent4" class="hidden px-6 pb-6 pt-0">
553
+ <p class="text-gray-300">
554
+ You set a maximum loss limit (in ZAR or % of bankroll). When SmartStack calculates that continuing would exceed this limit, it alerts you to stop playing. This helps prevent chasing losses beyond your predetermined comfort zone.
555
+ </p>
556
+ </div>
557
+ </div>
558
+
559
+ <!-- FAQ 5 -->
560
+ <div class="bg-gray-800 rounded-xl overflow-hidden">
561
+ <button onclick="toggleFAQ(5)" class="w-full flex justify-between items-center p-6 text-left">
562
+ <span class="text-lg font-medium">Can I cancel my subscription anytime?</span>
563
+ <i id="faqIcon5" class="fas fa-chevron-down text-red-500 transition-transform"></i>
564
+ </button>
565
+ <div id="faqContent5" class="hidden px-6 pb-6 pt-0">
566
+ <p class="text-gray-300">
567
+ Yes, you can cancel your subscription at any time through your account settings. You'll retain access until the end of your current billing period. One-time purchases are non-refundable but don't require cancellation.
568
+ </p>
569
+ </div>
570
+ </div>
571
+ </div>
572
+ </div>
573
+ </section>
574
+
575
+ <!-- CTA Section -->
576
+ <section class="py-20 px-6 bg-black">
577
+ <div class="max-w-4xl mx-auto text-center">
578
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to take control of your <span class="gradient-text">betting strategy</span>?</h2>
579
+ <p class="text-gray-400 mb-8 max-w-2xl mx-auto">
580
+ Join thousands of players who use SmartStack to make informed betting decisions.
581
+ </p>
582
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
583
+ <button class="btn-primary px-8 py-3 rounded-full font-medium">
584
+ Start Free Trial
585
+ </button>
586
+ <button class="px-8 py-3 rounded-full font-medium border border-gray-700 hover:border-red-500 transition">
587
+ See Pricing
588
+ </button>
589
+ </div>
590
+ </div>
591
+ </section>
592
+
593
+ <!-- Footer -->
594
+ <footer class="py-12 px-6 bg-gray-900">
595
+ <div class="max-w-7xl mx-auto">
596
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
597
+ <div>
598
+ <div class="flex items-center space-x-2 mb-4">
599
+ <div class="w-8 h-8 bg-red-600 rounded-full"></div>
600
+ <span class="text-xl font-bold">Smart<span class="gradient-text">Stack</span></span>
601
+ </div>
602
+ <p class="text-gray-400">
603
+ Strategic betting tools designed to help you play smarter, not harder.
604
+ </p>
605
+ </div>
606
+
607
+ <div>
608
+ <h4 class="text-lg font-bold mb-4">Product</h4>
609
+ <ul class="space-y-2">
610
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Features</a></li>
611
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Pricing</a></li>
612
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Strategies</a></li>
613
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">FAQ</a></li>
614
+ </ul>
615
+ </div>
616
+
617
+ <div>
618
+ <h4 class="text-lg font-bold mb-4">Company</h4>
619
+ <ul class="space-y-2">
620
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">About</a></li>
621
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Blog</a></li>
622
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Careers</a></li>
623
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Contact</a></li>
624
+ </ul>
625
+ </div>
626
+
627
+ <div>
628
+ <h4 class="text-lg font-bold mb-4">Legal</h4>
629
+ <ul class="space-y-2">
630
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Privacy</a></li>
631
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Terms</a></li>
632
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Cookie Policy</a></li>
633
+ <li><a href="#" class="text-gray-400 hover:text-red-500 transition">GDPR</a></li>
634
+ </ul>
635
+ </div>
636
+ </div>
637
+
638
+ <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
639
+ <p class="text-gray-400 mb-4 md:mb-0">
640
+ © 2023 SmartStack. All rights reserved.
641
+ </p>
642
+ <div class="flex space-x-6">
643
+ <a href="#" class="text-gray-400 hover:text-red-500 transition"><i class="fab fa-twitter"></i></a>
644
+ <a href="#" class="text-gray-400 hover:text-red-500 transition"><i class="fab fa-facebook"></i></a>
645
+ <a href="#" class="text-gray-400 hover:text-red-500 transition"><i class="fab fa-instagram"></i></a>
646
+ <a href="#" class="text-gray-400 hover:text-red-500 transition"><i class="fab fa-linkedin"></i></a>
647
+ </div>
648
+ </div>
649
+ </div>
650
+ </footer>
651
+
652
+ <script>
653
+ // Initialize hero chart
654
+ const heroCtx = document.getElementById('heroChart').getContext('2d');
655
+ const heroChart = new Chart(heroCtx, {
656
+ type: 'line',
657
+ data: {
658
+ labels: ['1', '2', '3', '4', '5', '6'],
659
+ datasets: [
660
+ {
661
+ label: 'Risk',
662
+ data: [10, 20, 40, 80, 160, 320],
663
+ borderColor: '#ff0000',
664
+ backgroundColor: 'rgba(255, 0, 0, 0.1)',
665
+ tension: 0.3,
666
+ fill: true
667
+ },
668
+ {
669
+ label: 'Reward',
670
+ data: [10, 10, 10, 10, 10, 10],
671
+ borderColor: '#00ff00',
672
+ backgroundColor: 'rgba(0, 255, 0, 0.1)',
673
+ tension: 0.3,
674
+ fill: true
675
+ }
676
+ ]
677
+ },
678
+ options: {
679
+ responsive: true,
680
+ plugins: {
681
+ legend: {
682
+ position: 'top',
683
+ labels: {
684
+ color: '#fff'
685
+ }
686
+ }
687
+ },
688
+ scales: {
689
+ y: {
690
+ beginAtZero: true,
691
+ grid: {
692
+ color: 'rgba(255, 255, 255, 0.1)'
693
+ },
694
+ ticks: {
695
+ color: '#fff'
696
+ }
697
+ },
698
+ x: {
699
+ grid: {
700
+ color: 'rgba(255, 255, 255, 0.1)'
701
+ },
702
+ ticks: {
703
+ color: '#fff'
704
+ }
705
+ }
706
+ }
707
+ }
708
+ });
709
+
710
+ // Initialize strategy chart
711
+ const strategyCtx = document.getElementById('strategyChart').getContext('2d');
712
+ let strategyChart = new Chart(strategyCtx, {
713
+ type: 'bar',
714
+ data: {
715
+ labels: ['1', '2', '3', '4', '5', '6'],
716
+ datasets: [{
717
+ label: 'Bet Amount (ZAR)',
718
+ data: [10, 20, 40, 80, 160, 320],
719
+ backgroundColor: '#ff0000',
720
+ borderColor: '#ff0000',
721
+ borderWidth: 1
722
+ }]
723
+ },
724
+ options: {
725
+ responsive: true,
726
+ plugins: {
727
+ legend: {
728
+ display: false
729
+ },
730
+ title: {
731
+ display: true,
732
+ text: 'Martingale Strategy',
733
+ color: '#fff',
734
+ font: {
735
+ size: 16
736
+ }
737
+ }
738
+ },
739
+ scales: {
740
+ y: {
741
+ beginAtZero: true,
742
+ grid: {
743
+ color: 'rgba(255, 255, 255, 0.1)'
744
+ },
745
+ ticks: {
746
+ color: '#fff'
747
+ }
748
+ },
749
+ x: {
750
+ grid: {
751
+ color: 'rgba(255, 255, 255, 0.1)'
752
+ },
753
+ ticks: {
754
+ color: '#fff'
755
+ }
756
+ }
757
+ }
758
+ }
759
+ });
760
+
761
+ // Tabs functionality
762
+ function showMartingale() {
763
+ document.getElementById('martingaleContent').classList.remove('hidden');
764
+ document.getElementById('fibonacciContent').classList.add('hidden');
765
+ document.getElementById('martingaleTab').classList.add('tab-active');
766
+ document.getElementById('fibonacciTab').classList.remove('tab-active');
767
+ updateChart();
768
+ }
769
+
770
+ function showFibonacci() {
771
+ document.getElementById('martingaleContent').classList.add('hidden');
772
+ document.getElementById('fibonacciContent').classList.remove('hidden');
773
+ document.getElementById('martingaleTab').classList.remove('tab-active');
774
+ document.getElementById('fibonacciTab').classList.add('tab-active');
775
+ updateChart();
776
+ }
777
+
778
+ function showSubscription() {
779
+ document.getElementById('subscriptionContent').classList.remove('hidden');
780
+ document.getElementById('oneTimeContent').classList.add('hidden');
781
+ document.getElementById('subscriptionTab').classList.add('tab-active');
782
+ document.getElementById('oneTimeTab').classList.remove('tab-active');
783
+ }
784
+
785
+ function showOneTime() {
786
+ document.getElementById('subscriptionContent').classList.add('hidden');
787
+ document.getElementById('oneTimeContent').classList.remove('hidden');
788
+ document.getElementById('subscriptionTab').classList.remove('tab-active');
789
+ document.getElementById('oneTimeTab').classList.add('tab-active');
790
+ }
791
+
792
+ // Update chart based on inputs
793
+ function updateChart() {
794
+ const startingBet = parseFloat(document.getElementById('startingBet').value) || 10;
795
+ const numLosses = parseInt(document.getElementById('numLosses').value) || 6;
796
+
797
+ let bets = [];
798
+ let labels = [];
799
+
800
+ if (document.getElementById('martingaleTab').classList.contains('tab-active')) {
801
+ // Martingale
802
+ let bet = startingBet;
803
+ for (let i = 0; i < numLosses; i++) {
804
+ bets.push(bet);
805
+ labels.push(`Loss ${i+1}`);
806
+ bet *= 2;
807
+ }
808
+
809
+ strategyChart.data.datasets[0].label = 'Bet Amount (ZAR) - Martingale';
810
+ strategyChart.options.plugins.title.text = 'Martingale Strategy';
811
+ } else {
812
+ // Fibonacci
813
+ let fibSequence = [1, 1];
814
+ while (fibSequence.length < numLosses) {
815
+ fibSequence.push(fibSequence[fibSequence.length - 1] + fibSequence[fibSequence.length - 2]);
816
+ }
817
+
818
+ for (let i = 0; i < numLosses; i++) {
819
+ bets.push(startingBet * fibSequence[i]);
820
+ labels.push(`Loss ${i+1}`);
821
+ }
822
+
823
+ strategyChart.data.datasets[0].label = 'Bet Amount (ZAR) - Fibonacci';
824
+ strategyChart.options.plugins.title.text = 'Fibonacci Strategy';
825
+ }
826
+
827
+ strategyChart.data.labels = labels;
828
+ strategyChart.data.datasets[0].data = bets;
829
+ strategyChart.update();
830
+ }
831
+
832
+ // FAQ toggle
833
+ function toggleFAQ(num) {
834
+ const content = document.getElementById(`faqContent${num}`);
835
+ const icon = document.getElementById(`faqIcon${num}`);
836
+
837
+ if (content.classList.contains('hidden')) {
838
+ content.classList.remove('hidden');
839
+ icon.classList.remove('fa-chevron-down');
840
+ icon.classList.add('fa-chevron-up');
841
+ } else {
842
+ content.classList.add('hidden');
843
+ icon.classList.remove('fa-chevron-up');
844
+ icon.classList.add('fa-chevron-down');
845
+ }
846
+ }
847
+
848
+ // Smooth scrolling for anchor links
849
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
850
+ anchor.addEventListener('click', function (e) {
851
+ e.preventDefault();
852
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
853
+ behavior: 'smooth'
854
+ });
855
+ });
856
+ });
857
+
858
+ // Initialize with Martingale
859
+ updateChart();
860
+ </script>
861
+ <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=BambathaM/smart-stack" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
862
+ </html>
prompts.txt ADDED
File without changes