mines/index.html at main · tech9mac10/mines · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mines Predictor Pro - Official Website</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">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        gaming: {
                            dark: '#0f172a',
                            light: '#1e293b',
                            accent: '#3b82f6',
                            glow: '#60a5fa'
                        }
                    },
                    animation: {
                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
                    }
                }
            }
        }
    </script>
    <style>
        .glass-panel {
            background: rgba(30, 41, 59, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
    </style>
</head>
<body class="bg-gaming-dark text-slate-200 font-sans antialiased selection:bg-gaming-accent selection:text-white">

    <nav class="fixed w-full z-50 glass-panel border-b border-slate-700/50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between h-16">
                <div class="flex items-center">
                    <span class="text-xl font-bold text-white tracking-wider"><i class="fa-solid fa-bomb text-gaming-accent mr-2"></i>Mines<span class="text-gaming-accent">Pro</span></span>
                </div>
                <div class="hidden md:block">
                    <div class="ml-10 flex items-baseline space-x-4">
                        <a href="#features" class="hover:text-gaming-accent px-3 py-2 rounded-md text-sm font-medium transition-colors">Features</a>
                        <a href="#download" class="hover:text-gaming-accent px-3 py-2 rounded-md text-sm font-medium transition-colors">Download</a>
                        <a href="#contact" class="bg-gaming-accent hover:bg-blue-600 text-white px-4 py-2 rounded-full text-sm font-medium transition-all shadow-lg shadow-blue-500/30">Get Started</a>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <div class="relative pt-32 pb-16 sm:pt-40 sm:pb-24 overflow-hidden">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
            <div class="animate-fade-in-up">
                <img src="https://cdn.myrx.pw/uploads/2025/11/30/629d9e5aa96643eb97377038e238cfeb.jpg" alt="Mines Predictor Logo" class="w-32 h-32 mx-auto rounded-2xl shadow-2xl mb-8 border-4 border-slate-700/50 hover:border-gaming-accent transition-colors duration-300">
                <h1 class="text-4xl sm:text-6xl font-extrabold text-white tracking-tight mb-4">
                    Dominate the Game with <br>
                    <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-cyan-300">AI-Powered Predictions</span>
                </h1>
                <p class="mt-4 max-w-2xl mx-auto text-xl text-slate-400">
                    Get real-time, high-accuracy signals for 1win, Stake, and more. Maximize your win rate with the ultimate Mines companion tool.
                </p>

                <div class="flex flex-wrap justify-center gap-4 mt-8 mb-10">
                    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-green-500/10 text-green-400 border border-green-500/20">
                        <span class="w-2 h-2 rounded-full bg-green-400 mr-2 animate-pulse"></span> Status: Online
                    </span>
                    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-blue-500/10 text-blue-400 border border-blue-500/20">
                        <i class="fa-solid fa-code-branch mr-2"></i> v4.0.0
                    </span>
                    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-purple-500/10 text-purple-400 border border-purple-500/20">
                        <i class="fa-solid fa-clock mr-2"></i> Updated: 2025
                    </span>
                </div>

                <div class="flex justify-center gap-4">
                    <a href="https://t.me/minespredictorpro" target="_blank" class="transform hover:-translate-y-1 transition-all duration-200 inline-flex items-center px-8 py-4 border border-transparent text-base font-medium rounded-xl text-white bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-500 hover:to-blue-400 shadow-lg shadow-blue-500/30">
                        <i class="fa-brands fa-telegram text-xl mr-2"></i> Download Now
                    </a>
                </div>

                <p class="mt-4 text-sm text-slate-500">Available for Windows 🖥️ | iOS 🍎 | Android 🤖</p>
            </div>
        </div>
        <div class="absolute top-0 left-1/2 w-full -translate-x-1/2 h-full overflow-hidden -z-10 pointer-events-none opacity-20">
            <div class="absolute top-[20%] left-[20%] w-72 h-72 bg-blue-500 rounded-full blur-[100px]"></div>
            <div class="absolute bottom-[20%] right-[20%] w-96 h-96 bg-purple-500 rounded-full blur-[100px]"></div>
        </div>
    </div>

    <section id="features" class="py-20 bg-gaming-light/50 relative">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-white mb-4">Why Choose MinesPro?</h2>
                <div class="w-20 h-1 bg-gaming-accent mx-auto rounded-full"></div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">

                <div class="glass-panel p-6 rounded-2xl hover:bg-slate-800 transition-colors duration-300 group">
                    <div class="w-12 h-12 bg-blue-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-blue-500/20 transition-colors">
                        <i class="fa-solid fa-robot text-2xl text-blue-400"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">AI Precision</h3>
                    <p class="text-slate-400 text-sm">Powered by advanced probability algorithms designed specifically to crack game patterns in real-time.</p>
                </div>

                <div class="glass-panel p-6 rounded-2xl hover:bg-slate-800 transition-colors duration-300 group">
                    <div class="w-12 h-12 bg-purple-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-purple-500/20 transition-colors">
                        <i class="fa-solid fa-mobile-screen text-2xl text-purple-400"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Multi-Platform</h3>
                    <p class="text-slate-400 text-sm">Seamlessly syncs across your devices. Use it on your PC at home or Android/iOS on the go.</p>
                </div>

                <div class="glass-panel p-6 rounded-2xl hover:bg-slate-800 transition-colors duration-300 group">
                    <div class="w-12 h-12 bg-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-green-500/20 transition-colors">
                        <i class="fa-solid fa-bolt text-2xl text-green-400"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Instant Signals</h3>
                    <p class="text-slate-400 text-sm">Zero latency. Get predictions exactly when you need them during live gameplay sessions.</p>
                </div>

                <div class="glass-panel p-6 rounded-2xl hover:bg-slate-800 transition-colors duration-300 group">
                    <div class="w-12 h-12 bg-red-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-red-500/20 transition-colors">
                        <i class="fa-solid fa-shield-halved text-2xl text-red-400"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-2">Secure & Safe</h3>
                    <p class="text-slate-400 text-sm">Built with anti-ban technology to ensure your account safety while using our prediction tools.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="download" class="py-20">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-white mb-4">How to Get Started</h2>
                <p class="text-slate-400">Follow these simple steps to start winning today.</p>
            </div>

            <div class="space-y-8">
                <div class="flex items-start">
                    <div class="flex-shrink-0 h-10 w-10 flex items-center justify-center rounded-full bg-gaming-accent text-white font-bold text-lg">1</div>
                    <div class="ml-6 glass-panel p-6 rounded-xl w-full">
                        <h3 class="text-lg font-bold text-white mb-2">Download the App</h3>
                        <p class="text-slate-400">Join our Telegram channel and download the latest version for your specific device (APK or EXE).</p>
                        <a href="https://t.me/minespredictorpro" class="text-gaming-accent hover:text-blue-400 text-sm mt-2 inline-block font-medium">Download via Telegram &rarr;</a>
                    </div>
                </div>

                <div class="flex items-start">
                    <div class="flex-shrink-0 h-10 w-10 flex items-center justify-center rounded-full bg-slate-700 text-white font-bold text-lg">2</div>
                    <div class="ml-6 glass-panel p-6 rounded-xl w-full">
                        <h3 class="text-lg font-bold text-white mb-2">Install & Launch</h3>
                        <p class="text-slate-400">Run the installer. If on Android, ensure "Unknown Sources" is enabled in settings.</p>
                    </div>
                </div>

                <div class="flex items-start">
                    <div class="flex-shrink-0 h-10 w-10 flex items-center justify-center rounded-full bg-slate-700 text-white font-bold text-lg">3</div>
                    <div class="ml-6 glass-panel p-6 rounded-xl w-full">
                        <h3 class="text-lg font-bold text-white mb-2">Select Platform & Win</h3>
                        <p class="text-slate-400">Open the app, select your casino (1win, Stake, etc.), and follow the real-time signals.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer id="contact" class="bg-gaming-light border-t border-slate-700/50 pt-12 pb-8">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8">
                <div>
                    <h3 class="text-white font-bold text-lg mb-4">Mines Predictor Pro</h3>
                    <p class="text-slate-400 text-sm">The #1 tool for Mines game analysis and prediction. Enhance your strategy with data-driven insights.</p>
                </div>
                <div class="text-left md:text-right">
                    <h3 class="text-white font-bold text-lg mb-4">Contact</h3>
                    <a href="mailto:hackaviator@proton.me" class="text-gaming-accent hover:text-white transition-colors">
                        <i class="fa-solid fa-envelope mr-2"></i> coldwariceland@gmail.com
                    </a>
                </div>
            </div>

            <div class="border-t border-slate-700 pt-8">
                <div class="text-xs text-slate-600 mb-4 bg-black/20 p-4 rounded-lg">
                    <span class="font-bold text-slate-500 block mb-2">Search Tags:</span>
                    Mines predictor download apk, Mines predictor AI, Mines signal bot free, Mines predictor for PC, 1win mines hack, Stake mines predictor, Mines predictor iOS, Real-time mines solver, Mines predictor pro mod apk.
                </div>
                <p class="text-center text-slate-500 text-sm">&copy; 2026 Mines Predictor Pro. All rights reserved.</p>
            </div>
        </div>
    </footer>

</body>
</html>