добавь блок с фото бота
Browse files- index.html +40 -0
index.html
CHANGED
|
@@ -62,6 +62,46 @@
|
|
| 62 |
</div>
|
| 63 |
</div>
|
| 64 |
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 65 |
<!-- How It Works -->
|
| 66 |
<section id="how-it-works" class="py-12 px-4 bg-black bg-opacity-70">
|
| 67 |
<div class="max-w-6xl mx-auto">
|
|
|
|
| 62 |
</div>
|
| 63 |
</div>
|
| 64 |
</section>
|
| 65 |
+
<!-- Bot Preview -->
|
| 66 |
+
<section class="py-16 px-4 bg-gradient-to-b from-gray-900 to-black">
|
| 67 |
+
<div class="max-w-6xl mx-auto">
|
| 68 |
+
<h2 class="text-4xl font-bold text-center mb-12 glow-text">
|
| 69 |
+
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">Our Telegram Bot</span>
|
| 70 |
+
</h2>
|
| 71 |
+
<div class="flex flex-col lg:flex-row items-center gap-12">
|
| 72 |
+
<div class="lg:w-1/2">
|
| 73 |
+
<img src="https://huggingface.co/spaces/timoon811/crashhack-predictor-master-bot/resolve/main/images/1.jpeg"
|
| 74 |
+
alt="CrashHack Predictor Bot Interface"
|
| 75 |
+
class="rounded-xl shadow-2xl border-2 border-blue-500 transform hover:scale-105 transition-all duration-300">
|
| 76 |
+
</div>
|
| 77 |
+
<div class="lg:w-1/2 space-y-6">
|
| 78 |
+
<h3 class="text-3xl font-bold">Premium Prediction Features</h3>
|
| 79 |
+
<ul class="space-y-4 text-gray-300">
|
| 80 |
+
<li class="flex items-start">
|
| 81 |
+
<i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
|
| 82 |
+
<span>Real-time crash point predictions with 92.7% accuracy</span>
|
| 83 |
+
</li>
|
| 84 |
+
<li class="flex items-start">
|
| 85 |
+
<i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
|
| 86 |
+
<span>Instant notifications for optimal betting moments</span>
|
| 87 |
+
</li>
|
| 88 |
+
<li class="flex items-start">
|
| 89 |
+
<i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
|
| 90 |
+
<span>Historical data analysis and pattern recognition</span>
|
| 91 |
+
</li>
|
| 92 |
+
<li class="flex items-start">
|
| 93 |
+
<i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
|
| 94 |
+
<span>Customizable alerts based on your risk profile</span>
|
| 95 |
+
</li>
|
| 96 |
+
</ul>
|
| 97 |
+
<a href="https://t.me/CrashHackPredictorBot" class="inline-block bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 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">
|
| 98 |
+
<i data-feather="send" class="mr-2"></i> Try It Now
|
| 99 |
+
</a>
|
| 100 |
+
</div>
|
| 101 |
+
</div>
|
| 102 |
+
</div>
|
| 103 |
+
</section>
|
| 104 |
+
|
| 105 |
<!-- How It Works -->
|
| 106 |
<section id="how-it-works" class="py-12 px-4 bg-black bg-opacity-70">
|
| 107 |
<div class="max-w-6xl mx-auto">
|