-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpayment-link.html
396 lines (396 loc) · 30.3 KB
/
payment-link.html
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
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
<!DOCTYPE html><!-- Last Published: Wed Oct 11 2023 16:09:16 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="64de48625d700826ba462ab6" data-wf-site="642ef9bf2b8c72448377e95d">
<head>
<meta charset="utf-8">
<title>zkBob Private Web3 Wallet - Payment Link</title>
<meta content="Generate a private payment link using zkBob and distribute it everywhere! Use it for donations, payments, and other ways. All are kept private through zk technology." name="description">
<meta content="zkBob Private Web3 Wallet - Payment Link" property="og:title">
<meta content="Generate a private payment link using zkBob and distribute it everywhere! Use it for donations, payments, and other ways. All are kept private through zk technology." property="og:description">
<meta content="https://ipfs.filebase.io/ipfs/Qmd3Uks9We8vovHhpZ9hfD48Zn8ZEeGaWSVmBgoZjAj1Vb/QmXBPoTFCV2DEjdBPve1c247E3Kamco5fjwj4Xuhg2QKaH" property="og:image">
<meta content="zkBob Private Web3 Wallet - Payment Link" property="twitter:title">
<meta content="Generate a private payment link using zkBob and distribute it everywhere! Use it for donations, payments, and other ways. All are kept private through zk technology." property="twitter:description">
<meta content="https://ipfs.filebase.io/ipfs/Qmd3Uks9We8vovHhpZ9hfD48Zn8ZEeGaWSVmBgoZjAj1Vb/QmXBPoTFCV2DEjdBPve1c247E3Kamco5fjwj4Xuhg2QKaH" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Vl2cqJv5XpFKIT7pAFmb-58a_B-FCLhLydtCurtiOvU" name="google-site-verification">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/zkbob-b13c847ab79f69e98e84048a28490a02.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Poppins:100,200,300,regular,500,600,700,800,900"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script>
window.onload = function() {
var anchors = document.getElementsByTagName('*');
for(var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
anchor.onclick = function() {
code = this.getAttribute('whenClicked');
eval(code);
}
}
}
</script>
<html lang="en">
<!-- [Attributes by Finsweet] Disable scrolling -->
<script defer="" src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script>
</html></head>
<body>
<div class="overflow-container">
<div data-animation="over-right" class="navbar w-nav" data-easing2="ease" fs-scrolldisable-element="smart-nav" data-easing="ease-in-out" data-collapse="medium" data-w-id="326db113-cd96-e003-b3c5-22885a106a06" role="banner" data-duration="400">
<div class="container-6 nav-set">
<a href="index.html" class="brand w-nav-brand"><img src="images/zk_logo.svg" loading="lazy" alt="logo" class="full-image-contain"></a>
<nav role="navigation" class="nav-menu w-nav-menu">
<div class="nav-full-frame">
<div class="navlinks-frame">
<div class="link-block">
<a href="#how-to-start" class="nav-link">How to start</a>
</div>
<div class="link-block">
<a href="#advantages" class="nav-link">Advantages</a>
</div>
<div class="link-block">
<a href="https://docs.zkbob.com/zkbob-overview/readme" target="_blank" class="nav-link">Documentation</a>
<div class="link-arrow navbar-size">
<div class="link-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 9 8" fill="none">
<path d="M7.25522 2.276L1.98857 7.54265C1.72825 7.80297 1.30619 7.80297 1.04587 7.54265V7.54265C0.785567 7.28235 0.785555 6.86031 1.04585 6.59999L6.31189 1.33333L1.92189 1.33333C1.5537 1.33333 1.25522 1.03486 1.25522 0.666667V0.666667C1.25522 0.298477 1.5537 0 1.92189 0L8.58855 0L8.58855 6.66667C8.58855 7.03486 8.29008 7.33333 7.92189 7.33333V7.33333C7.5537 7.33333 7.25522 7.03486 7.25522 6.66667L7.25522 2.276Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
<div class="link-block">
<a href="https://blog.zkbob.com/" target="_blank" class="nav-link">Blog</a>
<div class="link-arrow navbar-size">
<div class="link-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 9 8" fill="none">
<path d="M7.25522 2.276L1.98857 7.54265C1.72825 7.80297 1.30619 7.80297 1.04587 7.54265V7.54265C0.785567 7.28235 0.785555 6.86031 1.04585 6.59999L6.31189 1.33333L1.92189 1.33333C1.5537 1.33333 1.25522 1.03486 1.25522 0.666667V0.666667C1.25522 0.298477 1.5537 0 1.92189 0L8.58855 0L8.58855 6.66667C8.58855 7.03486 8.29008 7.33333 7.92189 7.33333V7.33333C7.5537 7.33333 7.25522 7.03486 7.25522 6.66667L7.25522 2.276Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
</div>
<a href="https://app.zkbob.com/" class="button-body menu w-button">Get Started</a>
</div>
</nav>
<a href="https://app.zkbob.com/" class="button-body nav w-button">Get Started</a>
<div class="menu-button w-nav-button">
<div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="burger-menu">
<div style="-webkit-transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="menu-line top"></div>
<div style="opacity:1" class="menu-line center"></div>
<div style="-webkit-transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="menu-line down"></div>
</div>
</div>
</div>
</div>
<div data-animation="over-right" class="navbar-sticky w-nav" data-easing2="ease" fs-scrolldisable-element="smart-nav" data-easing="ease-in-out" data-collapse="medium" data-w-id="326db113-cd96-e003-b3c5-22885a106a26" role="banner" data-duration="400" id="sticky-nav">
<div class="container-6 nav-set">
<a href="#" class="brand w-nav-brand"><img src="images/zk_logo.svg" loading="lazy" alt="logo" class="full-image-contain"></a>
<nav role="navigation" class="nav-menu w-nav-menu">
<div class="nav-full-frame">
<div class="navlinks-frame">
<div class="link-block">
<a href="#how-to-start" class="nav-link">How to start</a>
</div>
<div class="link-block">
<a href="#advantages" class="nav-link">Advantages</a>
</div>
<div class="link-block">
<a href="https://docs.zkbob.com/zkbob-overview/readme" target="_blank" class="nav-link">Documentation</a>
<div class="link-arrow navbar-size">
<div class="link-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 9 8" fill="none">
<path d="M7.25522 2.276L1.98857 7.54265C1.72825 7.80297 1.30619 7.80297 1.04587 7.54265V7.54265C0.785567 7.28235 0.785555 6.86031 1.04585 6.59999L6.31189 1.33333L1.92189 1.33333C1.5537 1.33333 1.25522 1.03486 1.25522 0.666667V0.666667C1.25522 0.298477 1.5537 0 1.92189 0L8.58855 0L8.58855 6.66667C8.58855 7.03486 8.29008 7.33333 7.92189 7.33333V7.33333C7.5537 7.33333 7.25522 7.03486 7.25522 6.66667L7.25522 2.276Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
<div class="link-block">
<a href="https://blog.zkbob.com/" target="_blank" class="nav-link">Blog</a>
<div class="link-arrow navbar-size">
<div class="link-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 9 8" fill="none">
<path d="M7.25522 2.276L1.98857 7.54265C1.72825 7.80297 1.30619 7.80297 1.04587 7.54265V7.54265C0.785567 7.28235 0.785555 6.86031 1.04585 6.59999L6.31189 1.33333L1.92189 1.33333C1.5537 1.33333 1.25522 1.03486 1.25522 0.666667V0.666667C1.25522 0.298477 1.5537 0 1.92189 0L8.58855 0L8.58855 6.66667C8.58855 7.03486 8.29008 7.33333 7.92189 7.33333V7.33333C7.5537 7.33333 7.25522 7.03486 7.25522 6.66667L7.25522 2.276Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
</div>
<a href="https://app.zkbob.com/" class="button-body menu w-button">Get Started</a>
</div>
</nav>
<a href="https://app.zkbob.com/" class="button-body nav-sticky w-button">Get Started</a>
<div class="menu-button w-nav-button">
<div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="burger-menu">
<div style="-webkit-transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, -8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="menu-line top"></div>
<div style="opacity:1" class="menu-line center"></div>
<div style="-webkit-transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 8px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="menu-line down"></div>
</div>
</div>
</div>
</div>
<div class="hero-sc">
<div class="container-6 hero-set">
<div class="bg-gradient gradeint-1">
<div class="gradient-path-1"></div>
</div>
<div class="bg-gradient gradient-2">
<div class="gradient-path-2"></div>
</div>
<div class="hero-text-block">
<h1 class="headline-1">Private web3 payments made easy</h1>
<p class="body-1-2 width-hero">Create a zkBob <strong>private payment link</strong> and share it with ANYONE, ANYWHERE (email, telegram, discord etc). They click the link, connect any wallet, choose any token, and press send. That’s it! The sender doesn’t need a zkBob account, and you get paid quickly, with low fees and 100% privacy.</p>
</div>
<div class="head-button-block">
<a href="https://app.zkbob.com/" class="button-color-3 w-inline-block">
<div class="button-text">Start Now</div>
</a>
<div class="button-outline-block"></div>
</div>
<div class="photo-position-block">
<div class="hero-image-block"><img src="images/header_ill.webp" loading="eager" srcset="images/header_ill-p-500.webp 500w, images/header_ill-p-800.webp 800w, images/header_ill-p-1080.webp 1080w, images/header_ill-p-1600.webp 1600w, images/header_ill.webp 1840w" sizes="(max-width: 479px) 92vw, (max-width: 767px) 520px, (max-width: 991px) 710px, 980px" alt="icon_advantages" class="full-image-contain"></div>
</div>
</div>
<div class="bg-top-gradient"></div>
</div>
<div id="how-to-start" class="how-start-sc">
<div class="container-6 how-start-set">
<h2 class="headline-2">How to start</h2>
<div class="steps-block">
<div class="w-layout-grid steps-grid step-1">
<div class="photo-block"><img src="images/block_tab_1.webp" loading="eager" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 991px) 96vw, (max-width: 1279px) 97vw, 1200px" srcset="images/block_tab_1-p-500.webp 500w, images/block_tab_1-p-800.webp 800w, images/block_tab_1.webp 828w" alt="step_tab" class="full-image-contain"></div>
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106a62-ba462ab6" class="text-grid-block">
<h3 class="headline-3 blue">Step 1</h3>
<p class="body-1-2">Create a new zkAccount or login to your existing zkAccount in the zkBob UI.</p>
<a href="https://app.zkbob.com/" class="button-body w-button">Access your Account</a>
<div class="arrow-blue"><img src="images/blue_arrow.svg" loading="lazy" alt="blue_step_arrow" class="full-image-contain"></div>
</div>
</div>
<div class="w-layout-grid steps-grid step-2 desktop">
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106a6c-ba462ab6" class="text-grid-block">
<h3 class="headline-3 pink">Step 2</h3>
<p class="body-1-2">Go to your zkAccount details and generate a private payment link with a single click.</p>
<div class="arrow-pink"><img src="images/pink_arrow.svg" loading="lazy" alt="pink_step_arrow
" class="full-image-contain"></div>
</div>
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106a73-ba462ab6" class="image-frame">
<div class="photo-block"><img src="images/block_tab_2.webp" loading="eager" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 96vw, (max-width: 1279px) 97vw, 1200px" srcset="images/block_tab_2-p-500.webp 500w, images/block_tab_2-p-800.webp 800w, images/block_tab_2.webp 899w" alt="step_tab" class="full-image-contain"></div>
<div class="bg-gradient gradeint-4">
<div class="gradient-path-4"></div>
</div>
</div>
</div>
<div class="w-layout-grid steps-grid step-2 mobile">
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106a79-ba462ab6" class="image-frame">
<div class="photo-block"><img src="images/block_tab_2.webp" loading="lazy" sizes="(max-width: 479px) 92vw, 100vw" srcset="images/block_tab_2-p-500.webp 500w, images/block_tab_2-p-800.webp 800w, images/block_tab_2.webp 899w" alt="step_tab" class="full-image-contain"></div>
<div class="bg-gradient gradeint-4">
<div class="gradient-path-4"></div>
</div>
</div>
<div class="text-grid-block">
<h3 class="headline-3 pink">Step 2</h3>
<p class="body-1-2">Go to your zkAccount details and generate a private payment link with a single click.</p>
<div class="arrow-pink"><img src="images/pink_arrow.svg" loading="lazy" alt="pink_step_arrow
"></div>
</div>
</div>
<div class="w-layout-grid steps-grid step-3">
<div class="photo-block position"><img src="images/block_tab_3.webp" loading="eager" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 991px) 96vw, (max-width: 1279px) 97vw, 1200px" srcset="images/block_tab_3-p-500.webp 500w, images/block_tab_3-p-800.webp 800w, images/block_tab_3.webp 828w" alt="step_tab" class="full-image-contain"></div>
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106a88-ba462ab6" class="text-grid-block">
<h3 class="headline-3 purple">Step 3</h3>
<p class="body-1-2">Copy and share the link privately or publicly, in chats, on social media, or anywhere else! Anyone can follow the link to send you a Private P2P Payment with a token of their choice.</p>
</div>
</div>
</div>
<div class="bg-gradient gradeint-3">
<div class="gradient-path-3"></div>
</div>
</div>
</div>
<div id="advantages" class="advantages-sc">
<div class="container-6 advantages-set">
<h4 class="heading-4">Advantages</h4>
<div class="w-layout-grid advantages-grid">
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106a94-ba462ab6" class="advantages-card">
<div class="card-icon-block"><img src="images/icon_card_1.webp" loading="eager" alt="icon_advantages" class="full-image-contain"></div>
<h4 class="headline-4">Receive P2P funds from anyone, anytime</h4>
<p class="body-2">Share a link to receive tokens privately from different people or groups in chats, forums, Discord, Twitter, email and more. Easy to share, and easy to send funds!</p>
</div>
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106a9b-ba462ab6" class="advantages-card">
<div class="card-icon-block"><img src="images/icon_card_2.webp" loading="eager" alt="icon_advantages" class="full-image-contain"></div>
<h4 class="headline-4">Send popular tokens, discreetly</h4>
<p class="body-2">Select ETH, DAI, USDC or other popular tokens when sending. Tokens are converted under the hood with low conversion fees, and the receiver gets tokens deposited directly into their zkAccount.</p>
</div>
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106aa2-ba462ab6" class="advantages-card">
<div class="card-icon-block"><img src="images/icon_card_3.webp" loading="eager" alt="icon_advantages" class="full-image-contain"></div>
<h4 class="headline-4">Personal privacy protection</h4>
<p class="body-2">Protect sensitive information like the total amount of assets and NFTs you hold in your digital wallet, the amount you pay for goods or services, and funding senders and recipients.</p>
</div>
<div id="w-node-_326db113-cd96-e003-b3c5-22885a106aa9-ba462ab6" class="advantages-card">
<div class="card-icon-block"><img src="images/icon_card_4.webp" loading="eager" alt="" class="full-image-contain"></div>
<h4 class="headline-4">Simple for the sender</h4>
<p class="body-2">The sender doesn’t need a zkAccount. All they need is a web3 wallet and tokens of their choice on the appropriate network to send you a private payment.</p>
</div>
</div>
<div class="bg-gradient gradeint-5">
<div class="gradient-path-5"></div>
</div>
<a href="https://app.zkbob.com/" class="button-body big w-button">Get Your Payment Link</a>
</div>
</div>
<div class="footer-sc">
<div class="container-6">
<div class="form-footer">
<h5 class="footer-heading">Integrate P2P privacy into your app!</h5>
<p class="body-1-2-copy">Want to add P2P private payment requests into your app? Or discover additional zkBob use cases? Contact us to discuss integrations, customizations and ways we can help bring privacy to your project.</p>
<div id="Form" class="form-block-2 w-form">
<form name="wf-form-Footer-Form" data-name="Footer Form" method="post" id="email-form" class="form-2" data-wf-page-id="64de48625d700826ba462ab6" data-wf-element-id="326db113-cd96-e003-b3c5-22885a106abc"><input type="text" class="text-field-2 w-input" maxlength="256" name="Email" data-name="Email" placeholder="Email or Telegram" id="Email" required=""><input type="submit" value="contact us" data-wait="Please wait..." id="Sumbit" class="sumbit-button w-button"></form>
<div class="success-message-2 w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
</div>
<div class="footer-2">
<div class="copyright-2 desktop">© Copyright 2023, All Rights Reserved.</div>
<div class="footer-nav">
<div class="link-block">
<a href="#how-to-start" class="nav-link footer-link">How to start</a>
</div>
<div class="link-block">
<a href="#advantages" class="nav-link footer-link">Advantages</a>
</div>
<div class="link-block">
<a href="https://zkbob.com/privacy-policy" class="nav-link footer-link">Privacy Policy</a>
</div>
<div class="link-block">
<a href="https://blog.zkbob.com/" target="_blank" class="nav-link footer-link">Blog</a>
<div class="link-arrow footer-size">
<div class="link-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 9 8" fill="none">
<path d="M7.25522 2.276L1.98857 7.54265C1.72825 7.80297 1.30619 7.80297 1.04587 7.54265V7.54265C0.785567 7.28235 0.785555 6.86031 1.04585 6.59999L6.31189 1.33333L1.92189 1.33333C1.5537 1.33333 1.25522 1.03486 1.25522 0.666667V0.666667C1.25522 0.298477 1.5537 0 1.92189 0L8.58855 0L8.58855 6.66667C8.58855 7.03486 8.29008 7.33333 7.92189 7.33333V7.33333C7.5537 7.33333 7.25522 7.03486 7.25522 6.66667L7.25522 2.276Z" fill="currentColor"></path>
</svg></div>
</div>
</div>
</div>
<div class="social-footer">
<a href="https://t.me/zkbobcommunity" target="_blank" class="social-logo w-inline-block">
<div class="logo-2 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 22 22" fill="none">
<path d="M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.97334 10.8808C8.179 9.48861 10.3131 8.56355 11.3847 8.11475C14.4346 6.84165 15.0758 6.62183 15.4879 6.61267C15.5795 6.61267 15.781 6.63099 15.9184 6.7409C16.0283 6.83249 16.0558 6.95156 16.0741 7.04315C16.0924 7.13474 16.1107 7.32708 16.0924 7.47362C15.9275 9.21384 15.2131 13.4362 14.8468 15.3779C14.6911 16.2022 14.3888 16.477 14.0957 16.5044C13.4546 16.5594 12.9692 16.0831 12.3555 15.6801C11.3847 15.0481 10.8443 14.6543 9.9009 14.0315C8.81098 13.3171 9.51622 12.9232 10.139 12.2821C10.3039 12.1173 13.1157 9.55272 13.1707 9.32375C13.1798 9.29627 13.1798 9.18636 13.1157 9.13141C13.0516 9.07645 12.96 9.09477 12.8867 9.11309C12.786 9.13141 11.2473 10.1572 8.25227 12.1814C7.81264 12.4836 7.4188 12.6302 7.0616 12.621C6.66776 12.6118 5.91672 12.4012 5.34886 12.218C4.66193 11.9982 4.11239 11.8791 4.15819 11.4944C4.18566 11.2929 4.46043 11.0914 4.97334 10.8808Z" fill="white"></path>
</svg></div>
</a>
<a href="https://twitter.com/zkBob_" target="_blank" class="social-logo w-inline-block">
<div class="logo-2 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_17_3257)">
<path d="M22 4.13056C21.2278 4.49235 20.3973 4.73648 19.5254 4.846C20.4152 4.28401 21.0981 3.39358 21.4199 2.33194C20.5873 2.85289 19.6657 3.23114 18.684 3.43507C17.8983 2.55193 16.7785 2 15.5394 2C13.1601 2 11.231 4.03461 11.231 6.54409C11.231 6.90018 11.2691 7.24682 11.3426 7.57938C7.76182 7.39015 4.58695 5.58123 2.46202 2.8318C2.09128 3.50269 1.87878 4.28315 1.87878 5.11626C1.87878 6.69269 2.63935 8.08343 3.79539 8.89855C3.08934 8.87463 2.42472 8.67047 1.844 8.32994C1.84361 8.34883 1.84361 8.36794 1.84361 8.38749C1.84361 10.5887 3.32874 12.4253 5.29987 12.8431C4.9383 12.9467 4.55763 13.0024 4.16464 13.0024C3.88674 13.0024 3.61699 12.9741 3.35389 12.9208C3.90239 14.726 5.49344 16.0399 7.37842 16.0765C5.90391 17.2954 4.04639 18.0218 2.0276 18.0218C1.68001 18.0218 1.33719 18 1 17.9584C2.90702 19.2479 5.17143 20 7.60444 20C15.5294 20 19.8626 13.0758 19.8626 7.07093C19.8626 6.87423 19.8588 6.67776 19.8505 6.48304C20.692 5.84245 21.4228 5.04207 22 4.13056Z" fill="currentColor"></path>
</g>
<defs>
<clippath id="clip0_17_3257">
<rect width="22" height="22" fill="white"></rect>
</clippath>
</defs>
</svg></div>
</a>
<a href="https://mirror.xyz/0x6132eB883e88CD4E007552b871A6444Bfc34E837" target="_blank" class="social-logo w-inline-block">
<div class="logo-2 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 24 22" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9966 22C18.0718 22 22.9966 17.0751 22.9966 11C22.9966 4.92487 18.0718 0 11.9966 0C5.92151 0 0.996643 4.92487 0.996643 11C0.996643 17.0751 5.92151 22 11.9966 22ZM12.2585 5.5C10.0889 5.5 8.32998 7.38787 8.32998 9.71667V16.1333C8.32998 16.3358 8.48292 16.5 8.67159 16.5H15.8455C16.0342 16.5 16.1871 16.3358 16.1871 16.1333V9.71667C16.1871 7.38787 14.4282 5.5 12.2585 5.5Z" fill="currentColor"></path>
</svg></div>
</a>
</div>
<div class="copyright-2 mobile">© Copyright 2023, All Rights Reserved.</div>
</div>
</div>
</div>
</div>
<div class="background-styles w-embed">
<style>
.hero-image-block {
pointer-events: none;
}
.bg-gradient {
pointer-events: none;
}
.bg-top-gradient {
pointer-events: none;
}
.image-gradient {
pointer-events: none;
}
.bg-gradient {
will-change: transform;
}
.gradient-path-1 {
clip-path: polygon(41% 11%, 33% 19%, 27% 33%, 24% 45%, 23% 60%, 24% 74%, 21% 82%, 12% 88%, 3% 93%, 2% 96%, 10% 98%, 30% 98%, 43% 95%, 56% 91%, 67% 86%, 78% 79%, 93% 68%, 99% 54%, 100% 32%, 94% 17%, 84% 6%, 70% 1%, 53% 3%);
}
.gradient-path-2 {
clip-path: polygon(56% 2%, 63% 12%, 73% 19%, 94% 27%, 99% 39%, 97% 49%, 88% 59%, 82% 66%, 80% 74%, 78% 83%, 71% 88%, 60% 93%, 46% 96%, 35% 100%, 21% 93%, 13% 91%, 11% 84%, 12% 73%, 8% 63%, 0 51%, 0% 44%, 14% 37%, 20% 30%, 26% 19%, 33% 7%, 44% 1%);
}
.gradient-path-4 {
clip-path: polygon(79% 0%, 49% 13%, 29% 27%, 25% 34%, 8% 43%, 0 55%, 0% 66%, 3% 75%, 15% 88%, 31% 92%, 42% 90%, 59% 96%, 73% 100%, 83% 99%, 90% 94%, 99% 86%, 100% 75%, 98% 60%, 95% 44%, 88% 31%, 85% 20%, 86% 8%, 84% 1%);
}
.gradient-path-3 {
clip-path: polygon(69% 6%, 83% 14%, 91% 23%, 98% 37%, 99% 53%, 95% 71%, 87% 88%, 76% 97%, 58% 99%, 44% 91%, 34% 82%, 22% 70%, 11% 56%, 2% 34%, 2% 20%, 4% 10%, 15% 5%, 33% 2%, 52% 3%);
}
.gradient-path-5 {
clip-path: polygon(59% 1%, 82% 3%, 94% 13%, 100% 34%, 89% 57%, 64% 87%, 50% 98%, 30% 100%, 11% 82%, 1% 60%, 1% 36%, 11% 16%, 34% 3%);
}
</style>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=642ef9bf2b8c72448377e95d" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800;900&display=swap" rel="stylesheet"><!-- airtable -->
<script id="private-payments-airtable-api" src="https://cdn.jsdelivr.net/npm/[email protected]/lib/airtable.umd.min.js"></script>
<script id="private-payments-airtable">
{
const API_KEY = 'keycFG0uD7cnAbaC4';
const BASE_ID = 'appaBZh4jYTU2lMcB';
const TABLE_NAME = 'TableMail';
async function sendToAirtable (base, email) {
try {
const response = await base(TABLE_NAME).create(
{ 'Email or Telegram': email },
(error, record) => {
if (error) {
console.error(error);
return;
}
console.log('Successfully sent to Airtable');
}
);
} catch (error) {
console.error(error);
}
}
window.addEventListener('DOMContentLoaded', () => {
const base = new Airtable({ apiKey: API_KEY }).base(BASE_ID);
const form = document.querySelector('#email-form');
if (!form) return;
const email = form.querySelector('input#Email');
if (!email) return;
form.addEventListener('submit', () => {
const value = email.value;
sendToAirtable(base, value);
});
});
}
</script>
<!-- end airtable -->
<!-- drop sticky-nav -->
<script>
const block = document.querySelector('.navbar-sticky');
const initialPosition = block.offsetTop;
const scrollThreshold = window.innerHeight * 0.5; // Пороговое значение скролла для опускания блока
const scrollOffset = 60; // Смещение блока при опускании
window.addEventListener('scroll', () => {
const currentPosition = window.pageYOffset;
if (currentPosition > initialPosition + scrollThreshold) {
block.style.transform = `translateY(${scrollOffset}px)`;
} else {
block.style.transform = 'translateY(0)';
}
});
</script>
<!-- end drop sticky-nav -->
</body>
</html>