-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathHowToJoinInterlink.html
More file actions
243 lines (218 loc) · 12.8 KB
/
HowToJoinInterlink.html
File metadata and controls
243 lines (218 loc) · 12.8 KB
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Join InterLink | Wealthy Labs 3.0</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<script>
tailwind.config = {
theme: {
extend: {
colors: {
accent: '#D69E2E',
'accent-hover': '#B7791F',
bg: '#FAFAFA',
'text-main': '#1A1C1E',
},
fontFamily: {
sans: ['"Plus Jakarta Sans"', 'sans-serif'],
}
}
}
}
</script>
<style>
body { background-color: #fff; color: #1A1C1E; }
.gradient-text {
background: linear-gradient(to right, #D69E2E, #925f0e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.step-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.step-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}
/* Subtle Watermark */
.watermark-bg {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
font-size: 8rem;
font-weight: 800;
color: rgba(0,0,0,0.03);
pointer-events: none;
z-index: 0;
white-space: nowrap;
}
</style>
</head>
<body class="p-6 md:p-10 relative min-h-screen">
<!-- Watermark -->
<div class="watermark-bg">Wealthy Labs 3.0</div>
<div class="max-w-4xl mx-auto relative z-10">
<!-- HEADER -->
<div class="text-center mb-12">
<span class="inline-block py-1 px-3 rounded-full bg-yellow-50 text-accent text-xs font-bold tracking-widest uppercase mb-3 border border-yellow-100">
Start Here
</span>
<h1 class="text-4xl md:text-5xl font-extrabold mb-4 text-gray-900">
How to Join <span class="gradient-text">InterLink Network</span>
</h1>
<p class="text-lg text-gray-500 max-w-2xl mx-auto">
Follow these must-do steps to activate your account, secure your wallet, and start earning rewards immediately.
</p>
</div>
<!-- STEPS GRID -->
<div class="grid md:grid-cols-2 gap-6 mb-12">
<!-- Step 1: Download -->
<div class="step-card bg-white border border-gray-100 rounded-2xl p-6 shadow-sm relative overflow-hidden">
<div class="flex items-center gap-4 mb-4">
<div class="w-10 h-10 bg-yellow-50 rounded-full flex items-center justify-center text-accent font-bold text-lg">1</div>
<h3 class="text-xl font-bold">Download App</h3>
</div>
<div class="flex flex-col gap-3">
<a href="https://play.google.com/store/apps/details?id=org.ai.interlinklabs.interlinkId" target="_blank"
class="flex items-center justify-center gap-3 py-3 bg-gray-900 hover:bg-black text-white rounded-lg font-bold transition-colors">
<i class="fa-brands fa-google-play text-xl"></i> Android App
</a>
<a href="https://apps.apple.com/us/app/interlink-network/id6737988220" target="_blank"
class="flex items-center justify-center gap-3 py-3 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg font-bold transition-colors">
<i class="fa-brands fa-apple text-xl"></i> iOS App
</a>
</div>
<div class="mt-4 text-center">
<a href="https://interlinklabs.ai/9494551676" target="_blank" class="text-xs text-accent font-bold hover:underline">Direct Website Link →</a>
</div>
</div>
<!-- Step 2: Register & Referral -->
<div class="step-card bg-white border border-gray-100 rounded-2xl p-6 shadow-sm relative overflow-hidden">
<div class="flex items-center gap-4 mb-4">
<div class="w-10 h-10 bg-yellow-50 rounded-full flex items-center justify-center text-accent font-bold text-lg">2</div>
<h3 class="text-xl font-bold">Register & Code</h3>
</div>
<div class="bg-yellow-50 rounded-lg p-4 border border-yellow-100 mb-4">
<p class="text-xs text-gray-500 font-bold uppercase mb-1">Referral Code (Mandatory)</p>
<div class="flex items-center justify-between">
<span class="text-2xl font-bold text-gray-900 tracking-wider">9494551676</span>
<button onclick="navigator.clipboard.writeText('9494551676')" class="text-accent hover:text-accent-hover" title="Copy">
<i class="fa-regular fa-copy text-xl"></i>
</button>
</div>
<p class="text-[10px] text-green-600 font-bold mt-2"><i class="fa-solid fa-gift mr-1"></i> Get 1,000 FREE tokens bonus!</p>
</div>
<a href="https://youtu.be/CY0lb_IMOSk" target="_blank" class="block w-full py-2 border border-gray-200 text-gray-600 rounded-lg text-center text-sm font-bold hover:bg-gray-50">
<i class="fa-solid fa-play-circle text-red-500 mr-1"></i> Watch Guide
</a>
</div>
<!-- Step 3: Wallet Creation -->
<div class="step-card bg-white border border-gray-100 rounded-2xl p-6 shadow-sm relative overflow-hidden md:col-span-2">
<div class="flex items-center gap-4 mb-4">
<div class="w-10 h-10 bg-yellow-50 rounded-full flex items-center justify-center text-accent font-bold text-lg">3</div>
<h3 class="text-xl font-bold">Create ITLX Wallet</h3>
</div>
<div class="grid md:grid-cols-2 gap-6">
<div>
<p class="text-sm text-gray-600 mb-4">You must activate your wallet to store rewards securely.</p>
<div class="bg-gray-50 rounded-lg p-3 border border-gray-100 mb-3">
<p class="text-xs text-gray-400 font-bold uppercase mb-1">Activation Code</p>
<div class="flex items-center justify-between">
<span class="text-lg font-mono font-bold text-gray-800">M6UJPD4R</span>
<button onclick="navigator.clipboard.writeText('M6UJPD4R')" class="text-accent hover:text-accent-hover text-sm">
<i class="fa-regular fa-copy"></i>
</button>
</div>
</div>
</div>
<div class="flex flex-col justify-center gap-3">
<a href="https://interlinklabs.ai/refwallet?refcode=M6UJPD4R" target="_blank" class="w-full py-3 bg-accent hover:bg-accent-hover text-white rounded-lg font-bold text-center transition-colors">
Activate Wallet Now
</a>
<a href="https://youtu.be/mXvl97FnHck" target="_blank" class="text-xs text-center text-gray-500 hover:text-accent underline">
Watch Wallet Creation Guide
</a>
</div>
</div>
</div>
<!-- Step 4: Security (Backup + Group) -->
<div class="step-card bg-white border border-gray-100 rounded-2xl p-6 shadow-sm relative overflow-hidden md:col-span-2">
<div class="flex items-center gap-4 mb-4">
<div class="w-10 h-10 bg-yellow-50 rounded-full flex items-center justify-center text-accent font-bold text-lg">4</div>
<h3 class="text-xl font-bold">Security Setup (Crucial)</h3>
</div>
<div class="grid md:grid-cols-2 gap-4">
<!-- Backup -->
<div class="border border-red-100 bg-red-50/30 rounded-xl p-4">
<h4 class="font-bold text-gray-800 mb-2 flex items-center gap-2">
<i class="fa-solid fa-shield-halved text-red-500"></i> Backup Wallet
</h4>
<p class="text-xs text-gray-600 mb-3">Never lose your funds. Backup your secret phrase immediately.</p>
<a href="https://youtube.com/shorts/OIuKz8t-StI?feature=share" target="_blank" class="text-xs font-bold text-red-600 hover:underline">
Watch Backup Guide →
</a>
</div>
<!-- Security Group -->
<div class="border border-blue-100 bg-blue-50/30 rounded-xl p-4">
<h4 class="font-bold text-gray-800 mb-2 flex items-center gap-2">
<i class="fa-solid fa-users-viewfinder text-blue-500"></i> Security Group
</h4>
<p class="text-xs text-gray-600 mb-3">Add members to improve account recovery options.</p>
<a href="https://youtube.com/shorts/x9GB_aSvYV8?si=IeqxIfMQ-VYwK6w2" target="_blank" class="text-xs font-bold text-blue-600 hover:underline">
Watch Setup Guide →
</a>
</div>
</div>
</div>
</div>
<!-- REWARDS & RULES -->
<div class="grid md:grid-cols-2 gap-6 mb-12">
<!-- Rewards -->
<div class="bg-gray-900 text-white rounded-2xl p-6 relative overflow-hidden">
<div class="relative z-10">
<h3 class="text-xl font-bold mb-4 text-accent"><i class="fa-solid fa-coins mr-2"></i> Earn More Tokens</h3>
<ul class="space-y-3 text-sm">
<li class="flex items-center gap-3">
<span class="bg-gray-800 p-1 rounded text-accent"><i class="fa-solid fa-plus"></i></span>
<span><strong>500 Tokens</strong> for every direct invite</span>
</li>
<li class="flex items-center gap-3">
<span class="bg-gray-800 p-1 rounded text-accent"><i class="fa-solid fa-network-wired"></i></span>
<span><strong>250 Tokens</strong> for expanded circles</span>
</li>
</ul>
</div>
</div>
<!-- Daily Actions -->
<div class="bg-white border border-l-4 border-l-accent border-gray-200 rounded-2xl p-6">
<h3 class="text-xl font-bold mb-4 text-gray-800"><i class="fa-solid fa-bell mr-2 text-accent"></i> Daily Actions</h3>
<ul class="space-y-2 text-sm text-gray-600">
<li><i class="fa-solid fa-check text-green-500 mr-2"></i> Mine everyday (Boost HCS Score)</li>
<li><i class="fa-solid fa-users text-blue-500 mr-2"></i> Claim group mining rewards</li>
<li class="text-red-500 font-semibold"><i class="fa-solid fa-triangle-exclamation mr-2"></i> Missing mining may burn tokens!</li>
</ul>
</div>
</div>
<!-- FOOTER -->
<div class="mt-12 text-center border-t border-gray-100 pt-8">
<p class="text-xs text-gray-400 font-bold uppercase tracking-widest mb-4">Connect with Wealthy Labs 3.0</p>
<div class="flex justify-center gap-6 text-gray-500">
<a href="https://x.com/prasanna3001" target="_blank" class="hover:text-accent transition-colors"><i class="fa-brands fa-x-twitter"></i> @prasanna3001</a>
<a href="https://t.me/Prasanna3001" target="_blank" class="hover:text-accent transition-colors"><i class="fa-brands fa-telegram"></i> @prasanna3001</a>
<a href="https://www.youtube.com/@wealthylabs3.0" target="_blank" class="hover:text-accent transition-colors"><i class="fa-brands fa-youtube"></i> @WealthyLabs3.0</a>
</div>
<p class="text-[10px] text-gray-300 mt-4">
#InterLink #ITLG #ITL
</p>
</div>
</div>
</body>
</html>