Hugging Face's logo

Spaces:
timoon811
/
crashhack-predictor-master-bot
Running

App Files Community
timoon811 commited on
Commit
66341d1
·
verified ·
1 Parent(s): 0da55e3

сделай лендинг 3 блока максимум про бота предиктора, люди должны переходить в телеграм бота кнопки, пусть будет про предиктора краш иксов казино, сделай классный дизайн с максимальным конвертом на ангийском название бота Crash Hack Bot

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +185 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Crashhack Predictor Master Bot
3
- emoji: 👀
4
- colorFrom: indigo
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: CrashHack Predictor Master Bot 🚀
3
+ colorFrom: pink
 
4
  colorTo: green
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,186 @@
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>CrashHack Predictor - Win at Crash Games</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
11
+ <style>
12
+ .hero-gradient {
13
+ background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
14
+ }
15
+ .pulse-animate {
16
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
17
+ }
18
+ @keyframes pulse {
19
+ 0%, 100% { opacity: 1; }
20
+ 50% { opacity: 0.7; }
21
+ }
22
+ .glow-text {
23
+ text-shadow: 0 0 10px rgba(100, 200, 255, 0.5);
24
+ }
25
+ </style>
26
+ </head>
27
+ <body class="font-sans text-white">
28
+ <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
29
+
30
+ <div class="relative z-10">
31
+ <!-- Hero Section -->
32
+ <section class="hero-gradient min-h-screen flex items-center justify-center px-4 py-20">
33
+ <div class="max-w-4xl mx-auto text-center">
34
+ <h1 class="text-5xl md:text-7xl font-bold mb-6 glow-text">
35
+ <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">CrashHack Predictor</span>
36
+ </h1>
37
+ <p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">
38
+ The <span class="font-bold text-blue-300">most accurate</span> prediction bot for Crash games.
39
+ <br>Join thousands of winners today!
40
+ </p>
41
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
42
+ <a href="https://t.me/CrashHackPredictorBot" class="bg-gradient-to-r from-green-500 to-teal-400 hover:from-green-600 hover:to-teal-500 text-white font-bold py-4 px-8 rounded-full text-lg shadow-lg transform hover:scale-105 transition-all duration-300 flex items-center justify-center">
43
+ <i data-feather="send" class="mr-2"></i> Join Telegram Bot
44
+ </a>
45
+ <a href="#how-it-works" class="bg-white bg-opacity-20 hover:bg-opacity-30 border border-white border-opacity-20 text-white font-bold py-4 px-8 rounded-full text-lg shadow-lg transform hover:scale-105 transition-all duration-300 flex items-center justify-center">
46
+ <i data-feather="info" class="mr-2"></i> How It Works
47
+ </a>
48
+ </div>
49
+ <div class="mt-16 flex justify-center">
50
+ <div class="relative w-full max-w-2xl bg-black bg-opacity-40 rounded-xl p-6 backdrop-blur-sm">
51
+ <div class="flex justify-between mb-4 text-sm text-gray-300">
52
+ <span>Prediction Accuracy</span>
53
+ <span>92.7%</span>
54
+ </div>
55
+ <div class="w-full bg-gray-700 rounded-full h-4">
56
+ <div class="bg-gradient-to-r from-green-400 to-blue-500 h-4 rounded-full" style="width: 92.7%"></div>
57
+ </div>
58
+ <div class="absolute -top-5 -right-5 bg-blue-500 text-white rounded-full px-4 py-2 text-sm font-bold shadow-xl pulse-animate">
59
+ LIVE
60
+ </div>
61
+ </div>
62
+ </div>
63
+ </div>
64
+ </section>
65
+
66
+ <!-- How It Works -->
67
+ <section id="how-it-works" class="py-20 px-4 bg-black bg-opacity-70">
68
+ <div class="max-w-6xl mx-auto">
69
+ <h2 class="text-4xl font-bold text-center mb-16 glow-text">
70
+ <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">How CrashHack Predictor Works</span>
71
+ </h2>
72
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
73
+ <div class="bg-gradient-to-b from-gray-800 to-gray-900 p-8 rounded-xl shadow-xl border border-gray-700">
74
+ <div class="flex justify-center mb-6">
75
+ <div class="bg-blue-500 bg-opacity-20 p-4 rounded-full">
76
+ <i data-feather="user" class="w-8 h-8 text-blue-400"></i>
77
+ </div>
78
+ </div>
79
+ <h3 class="text-2xl font-bold text-center mb-4">1. Join the Bot</h3>
80
+ <p class="text-gray-300 text-center">
81
+ Start by joining our Telegram bot. It's free to access and requires no registration.
82
+ </p>
83
+ </div>
84
+ <div class="bg-gradient-to-b from-gray-800 to-gray-900 p-8 rounded-xl shadow-xl border border-gray-700">
85
+ <div class="flex justify-center mb-6">
86
+ <div class="bg-purple-500 bg-opacity-20 p-4 rounded-full">
87
+ <i data-feather="cpu" class="w-8 h-8 text-purple-400"></i>
88
+ </div>
89
+ </div>
90
+ <h3 class="text-2xl font-bold text-center mb-4">2. Get Predictions</h3>
91
+ <p class="text-gray-300 text-center">
92
+ Our AI analyzes patterns and provides real-time crash point predictions with 92%+ accuracy.
93
+ </p>
94
+ </div>
95
+ <div class="bg-gradient-to-b from-gray-800 to-gray-900 p-8 rounded-xl shadow-xl border border-gray-700">
96
+ <div class="flex justify-center mb-6">
97
+ <div class="bg-green-500 bg-opacity-20 p-4 rounded-full">
98
+ <i data-feather="dollar-sign" class="w-8 h-8 text-green-400"></i>
99
+ </div>
100
+ </div>
101
+ <h3 class="text-2xl font-bold text-center mb-4">3. Win More</h3>
102
+ <p class="text-gray-300 text-center">
103
+ Follow the bot's recommendations to make smarter bets and increase your winnings.
104
+ </p>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </section>
109
+
110
+ <!-- CTA Section -->
111
+ <section class="py-20 px-4 bg-gradient-to-r from-purple-900 to-blue-900">
112
+ <div class="max-w-4xl mx-auto text-center">
113
+ <h2 class="text-4xl md:text-5xl font-bold mb-6">
114
+ Ready to <span class="text-transparent bg-clip-text bg-gradient-to-r from-green-400 to-blue-500">Start Winning</span>?
115
+ </h2>
116
+ <p class="text-xl mb-8 max-w-2xl mx-auto">
117
+ Join <span class="font-bold">10,000+</span> players who use CrashHack Predictor daily to maximize their profits.
118
+ </p>
119
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
120
+ <a href="https://t.me/CrashHackPredictorBot" class="bg-white text-purple-900 hover:bg-gray-100 font-bold py-5 px-10 rounded-full text-xl shadow-2xl transform hover:scale-105 transition-all duration-300 flex items-center justify-center">
121
+ <i data-feather="send" class="mr-3"></i> Get Instant Access
122
+ </a>
123
+ </div>
124
+ <div class="mt-12 flex justify-center">
125
+ <div class="flex flex-wrap justify-center gap-4">
126
+ <div class="bg-black bg-opacity-20 px-6 py-3 rounded-full flex items-center">
127
+ <i data-feather="clock" class="mr-2 text-green-400"></i>
128
+ <span>24/7 Predictions</span>
129
+ </div>
130
+ <div class="bg-black bg-opacity-20 px-6 py-3 rounded-full flex items-center">
131
+ <i data-feather="shield" class="mr-2 text-blue-400"></i>
132
+ <span>Secure & Private</span>
133
+ </div>
134
+ <div class="bg-black bg-opacity-20 px-6 py-3 rounded-full flex items-center">
135
+ <i data-feather="bar-chart-2" class="mr-2 text-purple-400"></i>
136
+ <span>Advanced AI</span>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </section>
142
+
143
+ <!-- Footer -->
144
+ <footer class="py-8 px-4 bg-black bg-opacity-80">
145
+ <div class="max-w-6xl mx-auto flex flex-col md:flex-row justify-between items-center">
146
+ <div class="mb-4 md:mb-0">
147
+ <h3 class="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">
148
+ CrashHack Predictor
149
+ </h3>
150
+ <p class="text-gray-400 text-sm">© 2023 All Rights Reserved</p>
151
+ </div>
152
+ <div class="flex gap-4">
153
+ <a href="https://t.me/CrashHackPredictorBot" class="text-gray-300 hover:text-white transition-colors">
154
+ <i data-feather="send" class="w-6 h-6"></i>
155
+ </a>
156
+ <a href="#" class="text-gray-300 hover:text-white transition-colors">
157
+ <i data-feather="help-circle" class="w-6 h-6"></i>
158
+ </a>
159
+ <a href="#" class="text-gray-300 hover:text-white transition-colors">
160
+ <i data-feather="mail" class="w-6 h-6"></i>
161
+ </a>
162
+ </div>
163
+ </div>
164
+ </footer>
165
+ </div>
166
+
167
+ <script>
168
+ feather.replace();
169
+ VANTA.NET({
170
+ el: "#vanta-bg",
171
+ mouseControls: true,
172
+ touchControls: true,
173
+ gyroControls: false,
174
+ minHeight: 200.00,
175
+ minWidth: 200.00,
176
+ scale: 1.00,
177
+ scaleMobile: 1.00,
178
+ color: 0x3f5efb,
179
+ backgroundColor: 0x0,
180
+ points: 12.00,
181
+ maxDistance: 20.00,
182
+ spacing: 15.00
183
+ });
184
+ </script>
185
+ </body>
186
  </html>