-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
528 lines (528 loc) · 39.9 KB
/
index.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
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
<!DOCTYPE html><!-- Last Published: Wed Oct 11 2023 16:09:16 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="64d27459a5889f9df589da84" data-wf-site="642ef9bf2b8c72448377e95d">
<head>
<meta charset="utf-8">
<title>zkBob - Your Web3 Wallet With Privacy Option!</title>
<meta content="A Web3 smart-contract privacy wallet based on ZKP technology. zkBob could be used for regular transfers, payments, and much more. Compliance features backed in!" name="description">
<meta content="zkBob - Your Web3 Wallet With Privacy Option!" property="og:title">
<meta content="A Web3 smart-contract privacy wallet based on ZKP technology. zkBob could be used for regular transfers, payments, and much more. Compliance features backed in!" property="og:description">
<meta content="https://ipfs.filebase.io/ipfs/Qmd3Uks9We8vovHhpZ9hfD48Zn8ZEeGaWSVmBgoZjAj1Vb/QmXBPoTFCV2DEjdBPve1c247E3Kamco5fjwj4Xuhg2QKaH" property="og:image">
<meta content="zkBob - Your Web3 Wallet With Privacy Option!" property="twitter:title">
<meta content="A Web3 smart-contract privacy wallet based on ZKP technology. zkBob could be used for regular transfers, payments, and much more. Compliance features backed in!" 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">
<style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="8eb6aa0d-d946-fe5c-50b8-e694f1d70bb5"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="59006a76-39db-6154-fd9d-3ef22c291942"] {opacity:0;}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="8eb6aa0d-d946-fe5c-50b8-e694f1d70bb5"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="59006a76-39db-6154-fd9d-3ef22c291942"] {opacity:0;}}</style>
<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>
</head>
<body>
<div class="container w-container">
<div class="w-layout-vflex flex-block-6">
<div class="text-block-19">🍪 This website uses cookies to enhance the user experience. Learn more in our <a href="https://zkbob.com/privacy-policy" class="link-2">Privacy Policy</a>.</div>
<a data-w-id="cfaf9684-2c2f-7b7b-b69c-a86fadb4837c" href="#" class="button w-button">Got It</a>
</div>
<header class="header">
<div class="main-size">
<div class="header-mobile">
<div class="logo">
<a href="index.html" class="logo-link w-inline-block">
<div class="logo-wrapp"><img src="images/logo.svg" loading="lazy" alt="logo"></div>
</a>
</div>
<div data-w-id="64a94c4e-ae0e-8c2b-11ae-5c0a71ba5be6" class="menu-icon-mobile">
<div class="w-embed"><svg width="27" height="19" viewbox="0 0 27 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.2627 1.39258H25.2627" stroke="#202427" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.2627 9.49365H25.2627" stroke="#202427" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.2627 17.5952H25.2627" stroke="#202427" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
</div>
</div>
<div data-w-id="020c768e-21db-15b2-be59-e329d51a4485" class="header-inner header-inner-mobile">
<div class="logo">
<a href="index.html" class="logo-link w-inline-block">
<div class="logo-wrapp"><img src="images/logo.svg" loading="eager" alt="zkbob logo"></div>
</a>
</div>
<div class="main-nav">
<ul role="list" class="menu-list w-list-unstyled">
<li class="menu-item">
<a href="#key-features" class="menu-item-link w-inline-block">
<div>Key Features</div>
</a>
</li>
<li class="menu-item">
<a href="#how-to-start" class="menu-item-link w-inline-block">
<div>How it works</div>
</a>
</li>
<li class="menu-item">
<a href="https://zkbob.com/use-cases" class="menu-item-link w-inline-block">
<div>Use Cases</div>
</a>
</li>
<li class="menu-item">
<a href="https://blog.zkbob.com/" target="_blank" class="menu-item-link w-inline-block">
<div>Blog</div>
<div class="arrow-nav">
<div class="arrow-nav-el"></div>
</div>
</a>
</li>
</ul>
</div>
<a whenclicked="slq('event', 'conversion')" href="https://app.zkbob.com/" target="_blank" class="button-big navbar-btn w-inline-block">
<div>Launch App</div>
</a>
<div data-w-id="24c8f9cc-697f-baa1-d9e2-9adb59db65f1" class="menu-icon-cross"><img src="images/close.svg" loading="lazy" alt=""></div>
</div>
</div>
</header>
<section whenclicked="slq('event', 'conversion')" class="section-hero">
<div class="hero-bg"></div>
<div class="main-size">
<div class="hero-inner">
<div class="hero-mobille-img-small"><img src="images/mobile-header.png" loading="lazy" width="74" alt="header"></div>
<h1 class="heading-2"><strong class="bold-text">Protect your privacy with</strong></h1>
<h1 class="heading"><strong class="bold-text-2">zkBob smart contract wallet</strong></h1>
<div class="div-block">
<div class="text-block-9">With zkBob, the contents of your wallet and the amounts you spend and receive are completely private. Use zkBob to send or receive salary, payments, donations, and more with privacy and built-in compliance.</div>
</div>
<div class="div-block-2">
<div class="button-group button-group-footer">
<a whenclicked="slq('event', 'conversion')" href="https://app.zkbob.com/" target="_blank" class="button-color w-inline-block">
<div>Launch App</div>
</a>
<div class="button-pisition"></div>
</div>
<a href="https://linktr.ee/zkbob" class="button-big button-big-blue desktop w-inline-block">
<div>IPFS Mirrors</div>
</a>
<a href="#stablecoin-mob" class="button-big button-big-blue mob w-inline-block">
<div>USE CASES</div>
</a>
</div>
</div>
</div>
<div class="hero-bg-img">
<div class="hero-bg-l"><img src="images/mobile-header-him-2.webp" srcset="images/mobile-header-him-2-p-500.webp 500w, images/mobile-header-him-2-p-800.webp 800w, images/mobile-header-him-2-p-1080.webp 1080w, images/mobile-header-him-2.webp 1080w" width="637" sizes="(max-width: 767px) 100vw, (max-width: 1279px) 43vw, 41vw" alt="" class="image-4"><img src="images/bg-him.webp" srcset="images/bg-him-p-500.webp 500w, images/bg-him.webp 739w" sizes="(max-width: 767px) 100vw, (max-width: 991px) 43vw, 369.5px" width="369.5" alt="" class="decor-hero-r"></div>
</div>
<div class="hero-bg-img-mobile">
<div class="img-mobile-left"><img src="images/hero-her-blur-mob.webp" loading="lazy" width="361" sizes="(max-width: 479px) 100vw, (max-width: 767px) 356px, 100vw" alt="" srcset="images/hero-her-blur-mob-p-500.webp 500w, images/hero-her-blur-mob.webp 722w" class="img-mobile-left-blur"><img src="images/mobile-header-her.webp" loading="lazy" width="375" data-w-id="8eb6aa0d-d946-fe5c-50b8-e694f1d70bb5" alt="" srcset="images/mobile-header-her-p-500.webp 500w, images/mobile-header-her.webp 750w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 375px, 100vw"></div>
<div class="img-mobile-right"><img src="images/hero-him-blur-mob.webp" loading="lazy" width="361" sizes="(max-width: 479px) 100vw, (max-width: 767px) 264px, 100vw" alt="zkbob blurred element" srcset="images/hero-him-blur-mob-p-500.webp 500w, images/hero-him-blur-mob.webp 551w" class="img-mobile-left-blur img-mobile-right-blur"><img src="images/mobile-header-him-1.webp" loading="lazy" width="264" data-w-id="59006a76-39db-6154-fd9d-3ef22c291942" alt=""></div>
</div>
</section>
<div class="w-layout-blockcontainer newsletter-subscribe-section w-container">
<div class="w-embed w-script">
<div style="height: 40vmin;min-height: 360px">
<script src="https://cdn.jsdelivr.net/ghost/signup-form@~0.1/umd/signup-form.min.js" data-background-color="" data-text-color="#000000" data-button-color="#1643CE" data-button-text-color="#FFFFFF" data-title="zkBob Newsletter" data-description="Get ahead with early alerts: Subscribe to our weekly newsletter for exclusive airdrop information and unique event updates!" data-icon="https://i.postimg.cc/76JP0kzZ/token-24.png" data-site="https://blog.zkbob.com" async=""></script>
</div>
</div>
</div>
<section class="section-3">
<div class="w-layout-blockcontainer container-4 w-container">
<div class="w-layout-hflex flex-block">
<div class="w-layout-vflex flex-block-2">
<h1 class="heading-3"><span class="text-span-3">zkBob supported </span><span class="text-span-2">tokens and networks</span></h1>
<div class="text-block-13"><span class="text-span-4 text-span-5 text-span-6 text-span-7">Privately send and receive USDC on Polygon, or ETH and USDC on Optimism with the zkBob smart-contract wallet. Additional token support and network deployments are on the horizon.</span></div>
<div class="w-layout-hflex flex-block-4">
<img src="images/USDC-on-Polygon-net-logo.png" loading="lazy" alt="" class="image-19">
<img src="images/OP-USDC-and-ETH.png" loading="lazy" alt="" class="image-19">
<img src="images/USDT-on-Tron-net-logo.png" loading="lazy" alt="" class="image-19"></div>
</div>
</div>
<address class="w-layout-hflex flex-block-3"><img src="images/zkbob-wallet-picture.png" loading="lazy" sizes="100vw" srcset="images/zkbob-wallet-picture-p-500.png 500w, images/zkbob-wallet-picture-p-800.png 800w, images/zkbob-wallet-picture.png 934w" alt="" class="image-18"></address>
</div>
</section>
<section class="section-transactions section-2">
<div class="transactions-headline">
<h2 id="key-features" data-w-id="26f575e9-2df2-8d44-6e09-459ecda1eeb5" style="opacity:0" class="title-regular-2">Key Features</h2>
</div>
<div class="bg-transactions"><img src="images/bg-section.webp" loading="lazy" sizes="100vw" width="720" alt="" srcset="images/bg-section-p-500.webp 500w, images/bg-section-p-800.webp 800w, images/bg-section-p-1080.webp 1080w, images/bg-section.webp 1440w" class="bg-transactions-img"></div>
<div class="main-size">
<div class="inner-transactions">
<div class="transactions-cards">
<div class="transactions-card color-violet">
<div class="bg-transactions-cards"><img src="images/Noise-card.webp" loading="lazy" width="1200" sizes="(max-width: 991px) 100vw, (max-width: 1279px) 97vw, 1200px" alt="" srcset="images/Noise-card-p-500.webp 500w, images/Noise-card-p-800.webp 800w, images/Noise-card-p-1080.webp 1080w, images/Noise-card.webp 2400w" class="noise"></div>
<div class="transactions-card-img">
<div class="card-img-wrapp-1"><img src="images/zkBob-private-wallet---puzzle_1.png" loading="lazy" sizes="(max-width: 479px) 70vw, (max-width: 767px) 265px, (max-width: 1279px) 36vw, 440px" width="440" alt="" srcset="images/zkBob-private-wallet---puzzle_1-p-500.png 500w, images/zkBob-private-wallet---puzzle_1.png 679w"></div>
</div>
<div class="transactions-card-text">
<h3 class="card-title">Compliance features</h3>
<div class="card-text">Daily limits, KYC options, and wallet screening create a safe environment for responsible personal privacy.</div>
</div>
</div>
<div class="transactions-card-group">
<div class="transactions-card transactions-card-half color-blue">
<div class="bg-transactions-cards"><img src="images/Noise-half.webp" loading="lazy" width="579.5" sizes="(max-width: 991px) 100vw, (max-width: 1279px) 47vw, 580px" alt="" srcset="images/Noise-half-p-500.webp 500w, images/Noise-half.webp 1159w" class="noise"></div>
<div class="transactions-card-img transactions-card-half-img">
<div class="card-img-wrapp-2"><img src="images/transfer.webp" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 81vw, (max-width: 1279px) 41vw, (max-width: 1439px) 460px, 440px" width="440" alt="" srcset="images/transfer-p-500.webp 500w, images/transfer-p-800.webp 800w, images/transfer.webp 880w" class="image-2"></div>
</div>
<div class="transactions-card-text transactions-card-half-text">
<div class="wrapp">
<h3 class="card-title">Private transfers</h3>
<div class="card-text">Private P2P transfers using zero-knowledge proof technology protect recipients and anonymize amounts.</div>
</div>
</div>
</div>
<div class="transactions-card transactions-card-half color-blue">
<div class="bg-transactions-cards"><img src="images/Noise-half.webp" loading="lazy" width="579.5" sizes="(max-width: 991px) 100vw, (max-width: 1279px) 47vw, 580px" alt="" srcset="images/Noise-half-p-500.webp 500w, images/Noise-half.webp 1159w" class="noise"></div>
<div class="transactions-card-img transactions-card-half-img">
<div class="card-img-wrapp-2"><img src="images/withdraw.webp" loading="lazy" alt="" width="440" class="image-2"></div>
</div>
<div class="transactions-card-text transactions-card-half-text">
<div class="wrapp">
<h3 class="card-title">Private multitransfer</h3>
<div class="card-text">Send multiple private transfers (up to 127) in a single transaction with the private multitransfer feature.</div>
</div>
</div>
</div>
</div>
<div class="transactions-card-group">
<div class="transactions-card transactions-card-half color-pink">
<div class="bg-transactions-cards"><img src="images/Noise-half.webp" loading="lazy" width="579.5" sizes="(max-width: 991px) 100vw, (max-width: 1279px) 47vw, 580px" alt="" srcset="images/Noise-half-p-500.webp 500w, images/Noise-half.webp 1159w" class="noise"></div>
<div class="transactions-card-img transactions-card-half-img">
<div class="card-img-wrapp-2"><img src="images/zkBob-private-wallet---interface.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 81vw, (max-width: 1279px) 41vw, (max-width: 1439px) 460px, 440px" width="444.5" alt="" srcset="images/zkBob-private-wallet---interface-p-500.png 500w, images/zkBob-private-wallet---interface-p-800.png 800w, images/zkBob-private-wallet---interface.png 844w" class="image-2"></div>
</div>
<div class="transactions-card-text transactions-card-half-text">
<div class="wrapp">
<h3 class="card-title">Easy-to-use interface</h3>
<div class="card-text">The zkBob wallet UI is easy to understand and has been optimized for all types of users, from novices to crytpo experts.</div>
</div>
</div>
</div>
<div class="transactions-card transactions-card-half color-pink">
<div class="bg-transactions-cards"><img src="images/Noise-half.webp" loading="lazy" width="579.5" sizes="(max-width: 991px) 100vw, (max-width: 1279px) 47vw, 580px" alt="" srcset="images/Noise-half-p-500.webp 500w, images/Noise-half.webp 1159w" class="noise"></div>
<div class="transactions-card-img transactions-card-half-img">
<div class="card-img-wrapp-2"><img src="images/zkBob-private-wallet---coins.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 81vw, (max-width: 1279px) 41vw, (max-width: 1439px) 460px, 440px" width="444.5" alt="" srcset="images/zkBob-private-wallet---coins-p-500.png 500w, images/zkBob-private-wallet---coins-p-800.png 800w, images/zkBob-private-wallet---coins.png 869w" class="image-2"></div>
</div>
<div class="transactions-card-text transactions-card-half-text">
<div class="wrapp">
<h3 class="card-title">Cross-chain exchange</h3>
<div class="card-text">An integrated exchange widget lets you exchange currencies across supported chains, quickly and with low fees.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section">
<div class="container-2 step-margins">
<div id="how-to-start" class="step-header">
<div class="learn-headline">
<h2 class="title-regular">Start your journey <br>with zkBob</h2>
</div>
</div>
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d14a" class="step-container">
<div class="step-block">
<div class="step-icon"><img src="images/zkbob-steps---key.png" loading="lazy" alt="" class="step-first-one"></div>
<div class="step-text-block">
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d150" style="color:rgb(187,187,187)" class="body-1 grey-b">Step 1</div>
<div class="body-1 center-text">Visit <a href="https://zkbob.com/" class="link">zkBob</a> and create a zkAccount using MetaMask, WalletConnect, or a private seed phrase.</div>
</div>
</div>
<div class="line-element">
<div class="step-element">
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d159" style="border-color:rgb(187,187,187);-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="dot-step"></div>
<div class="step-line"><img src="images/Stroke.svg" loading="lazy" alt="Stroke_step" class="line-image">
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d15c" style="width:0%" class="load-step-line"></div>
</div>
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d15d" style="border-color:rgb(187,187,187);-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="dot-step"></div>
</div>
</div>
<div class="step-block">
<div class="step-icon"><img src="images/zkbob-steps---wallet.png" loading="lazy" alt="" class="step-first-two"></div>
<div class="step-text-block">
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d163" style="color:rgb(187,187,187)" class="body-1 grey-b">Step 2</div>
<div class="body-1 center-text">Connect your wallet to deposit USDC or other tokens into your newly created zkAccount.</div>
</div>
</div>
<div class="line-element">
<div class="step-element">
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d169" style="border-color:rgb(187,187,187);-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="dot-step"></div>
<div class="step-line"><img src="images/Stroke.svg" loading="lazy" alt="Stroke_step" class="line-image">
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d16c" style="width:0%" class="load-step-line"></div>
</div>
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d16d" style="border-color:rgb(187,187,187);-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="dot-step"></div>
</div>
</div>
<div class="step-block">
<div class="step-icon"><img src="images/zkbob-steps---coins.png" loading="lazy" alt="" class="step-first-three"></div>
<div class="step-text-block">
<div data-w-id="601ef48b-4c50-5356-1100-101b0236d173" style="color:rgb(187,187,187)" class="body-1 grey-b">Step 3</div>
<div class="body-1 center-text">Make private transactions in zkBob and withdraw your tokens to regular wallet if necessary.</div>
</div>
</div>
</div>
<div class="button-step-container">
<div class="button-group button-group-footer">
<a whenclicked="slq('event', 'conversion')" href="https://app.zkbob.com/" target="_blank" class="button-color w-inline-block">
<div>GET STARTED</div>
</a>
<div class="button-pisition"></div>
</div>
</div>
</div>
</div>
<section id="transactions" class="section-transactions">
<div class="bg-transactions"><img src="images/bg-section.webp" loading="lazy" sizes="100vw" width="720" alt="" srcset="images/bg-section-p-500.webp 500w, images/bg-section-p-800.webp 800w, images/bg-section-p-1080.webp 1080w, images/bg-section.webp 1440w" class="bg-transactions-img"></div>
<div class="main-size">
<div class="transactions-headline">
<h2 id="build-with-zkbob" data-w-id="f83027e6-7075-8103-d002-43e07c30a8ee" style="opacity:0" class="title-regular-2">Build with zkBob</h2>
<div data-w-id="f83027e6-7075-8103-d002-43e07c30a8f4" style="opacity:0" class="subtitle-2">
<div>Developers - explore methods to integrate with zkBob and add instant privacy into your application.</div>
</div>
</div>
<div class="inner-transactions">
<div class="transactions-cards">
<div class="transactions-card-group">
<div class="transactions-card transactions-card-half color-blue">
<div class="bg-transactions-cards"><img src="images/Noise-half.webp" loading="lazy" width="579.5" sizes="(max-width: 991px) 100vw, (max-width: 1279px) 47vw, 580px" alt="" srcset="images/Noise-half-p-500.webp 500w, images/Noise-half.webp 1159w" class="noise"></div>
<div class="transactions-card-img transactions-card-half-img">
<div class="card-img-wrapp-2"><img src="images/zkbob_landing-wallet_001.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 81vw, (max-width: 1279px) 41vw, (max-width: 1439px) 460px, 440px" width="440" alt="" srcset="images/zkbob_landing-wallet_001-p-500.png 500w, images/zkbob_landing-wallet_001-p-800.png 800w, images/zkbob_landing-wallet_001-p-1080.png 1080w, images/zkbob_landing-wallet_001.png 1115w" class="image-2-v2"></div>
</div>
<div class="transactions-card-text transactions-card-half-text">
<div class="wrapp">
<h3 class="card-title">zkBob SDK</h3>
<div class="card-text">The client library SDK lets you create custom functionality and features to extend your application and implement novel, full-featured privacy solutions.</div>
</div>
</div>
</div>
<div class="transactions-card transactions-card-half color-pink">
<div class="bg-transactions-cards"><img src="images/Noise-half.webp" loading="lazy" width="579.5" sizes="(max-width: 991px) 100vw, (max-width: 1279px) 47vw, 580px" alt="" srcset="images/Noise-half-p-500.webp 500w, images/Noise-half.webp 1159w" class="noise"></div>
<div class="transactions-card-img transactions-card-half-img">
<div class="card-img-wrapp-2"><img src="images/zkbob_landing-wallet_002.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 81vw, (max-width: 1279px) 41vw, (max-width: 1439px) 460px, 440px" width="444.5" alt="" srcset="images/zkbob_landing-wallet_002-p-500.png 500w, images/zkbob_landing-wallet_002-p-800.png 800w, images/zkbob_landing-wallet_002.png 853w" class="image-2"></div>
</div>
<div class="transactions-card-text transactions-card-half-text">
<div class="wrapp">
<h3 class="card-title">Direct Deposits</h3>
<div class="card-text">Simplify private payments by integrating the direct deposit contract. Direct deposits are processed remotely in a trustless manner.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-get-started">
<div class="main-size">
<div class="get-started-inner">
<div class="get-started-bg"><img src="images/Noise-card.png" loading="lazy" width="1200" sizes="100vw" alt="noise " srcset="images/Noise-card-p-500.png 500w, images/Noise-card-p-800.png 800w, images/Noise-card-p-1080.png 1080w, images/Noise-card.png 2400w" class="get-started-noise img-custom-noise"></div>
<div class="get-started-text">
<h3 class="get-started-title">Ready to get started?</h3>
<div class="get-started-descr">
<div class="text-block-4">Launch the app and connect your wallet to get started with private transactions, or to learn more visit our documentation portal.</div>
</div>
<div class="get-started-button">
<div class="button-group button-group-footer">
<a href="https://app.zkbob.com/" target="_blank" class="button-color button-regular w-inline-block">
<div>Launch App</div>
</a>
<div class="button-pisition button-pisition-regular"></div>
</div>
<a href="https://docs.zkbob.com/" target="_blank" class="button-big button-big-white w-inline-block">
<div>DOCUMENTATION</div>
</a>
</div>
</div>
<div class="get-started-img"><img src="images/Ready-to-get-started_.png" loading="lazy" sizes="100vw" srcset="images/Ready-to-get-started_-p-500.png 500w, images/Ready-to-get-started_.png 542w" alt="ready" class="image-9"></div>
</div>
</div>
</section>
<section class="section-4">
<div class="w-layout-blockcontainer container-5 w-container">
<h1 class="heading-5">Use zkBob when <span class="text-span-8">everyday privacy is important</span></h1>
<div class="div-block-3"><img src="images/zkbob-bot-with-coins.png" loading="lazy" sizes="100vw" srcset="images/zkbob-bot-with-coins-p-500.png 500w, images/zkbob-bot-with-coins.png 708w" alt="" class="image-21"></div>
<div class="buttons-last-section">
<div class="button-group button-group-footer">
<a whenclicked="slq('event', 'conversion')" href="https://app.zkbob.com/" target="_blank" class="button-color w-inline-block">
<div>Launch App</div>
</a>
<div class="button-pisition"></div>
</div>
<a href="https://zkbob.com/use-cases" class="button-big button-big-blue desktop w-inline-block">
<div>USE CASES</div>
</a>
<a href="#stablecoin-mob" class="button-big button-big-blue mob w-inline-block">
<div>USE CASES</div>
</a>
</div>
</div>
</section>
<footer class="footer">
<div class="main-size">
<div class="footer-inner">
<div class="copyright">
<div>© Copyright 2023, All Rights Reserved.<br></div>
</div>
<div class="main-nav main-nav-footer">
<ul role="list" class="menu-list menu-list-footer w-list-unstyled">
<li class="menu-item menu-item-footer">
<a href="#" class="menu-item-link menu-item-link-footer w-inline-block">
<div>Use Cases</div>
</a>
</li>
<li class="menu-item menu-item-footer">
<a href="#" class="menu-item-link menu-item-link-footer w-inline-block">
<div>How it works</div>
</a>
</li>
<li class="menu-item menu-item-footer">
<a href="#" class="menu-item-link menu-item-link-footer w-inline-block">
<div>Advantages</div>
</a>
</li>
<li class="menu-item menu-item-footer">
<a href="https://zkbob.com/privacy-policy" class="menu-item-link menu-item-link-footer w-inline-block">
<div>Privacy Policy</div>
</a>
</li>
</ul>
</div>
<div class="footer-social">
<ul role="list" class="footer-social-list w-list-unstyled">
<li class="footer-social-item">
<a href="https://kriptomat.io/web3/directory/" target="_blank" class="footer-social-link icon-twitter w-inline-block">
<div class="w-embed">
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewbox="0 0 128 128" preserveaspectratio="xMidYMid meet" fill="none">
<g transform="translate(0.000000,128) scale(0.100000,-0.100000)" fill="currentColor" stroke="none">
<path d="M44 1236 l-34 -34 0 -559 c0 -613 -3 -586 60 -618 24 -13 90 -15 395
-15 201 0 365 2 365 5 0 3 -110 139 -245 302 -165 201 -245 306 -245 322 0 27
4 32 255 336 105 126 201 245 213 263 l23 32 -376 0 -377 0 -34 -34z"></path>
<path d="M1057 1229 c-21 -24 -98 -118 -172 -209 -74 -91 -170 -208 -214 -260
-47 -55 -81 -104 -81 -117 0 -12 27 -54 59 -95 143 -175 327 -399 383 -465 58
-69 64 -73 102 -73 51 0 107 27 123 60 10 19 13 156 13 577 l0 553 -29 32
c-24 27 -36 32 -87 36 l-60 4 -37 -43z"></path>
</g>
</svg>
</div>
</a>
</li>
<li class="footer-social-item">
<a href="https://twitter.com/zkBob_" target="_blank" class="footer-social-link icon-twitter w-inline-block">
<div class="w-embed"><svg width="23" height="22" viewbox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1267_261)">
<path d="M21.4141 4.13056C20.6419 4.49235 19.8114 4.73648 18.9394 4.846C19.8293 4.28401 20.5122 3.39358 20.834 2.33194C20.0014 2.85289 19.0797 3.23114 18.0981 3.43507C17.3124 2.55193 16.1925 2 14.9535 2C12.5741 2 10.6451 4.03461 10.6451 6.54409C10.6451 6.90018 10.6831 7.24682 10.7566 7.57938C7.17588 7.39015 4.00102 5.58123 1.87608 2.8318C1.50535 3.50269 1.29284 4.28315 1.29284 5.11626C1.29284 6.69269 2.05342 8.08343 3.20945 8.89855C2.5034 8.87463 1.83878 8.67047 1.25806 8.32994C1.25768 8.34883 1.25768 8.36794 1.25768 8.38749C1.25768 10.5887 2.7428 12.4253 4.71393 12.8431C4.35236 12.9467 3.97169 13.0024 3.5787 13.0024C3.30081 13.0024 3.03105 12.9741 2.76795 12.9208C3.31645 14.726 4.90751 16.0399 6.79249 16.0765C5.31797 17.2954 3.46045 18.0218 1.44166 18.0218C1.09407 18.0218 0.751252 18 0.414062 17.9584C2.32108 19.2479 4.58549 20 7.0185 20C14.9434 20 19.2766 13.0758 19.2766 7.07093C19.2766 6.87423 19.2729 6.67776 19.2646 6.48304C20.1061 5.84245 20.8369 5.04207 21.4141 4.13056Z" fill="currentColor"></path>
</g>
<defs>
<clippath id="clip0_1267_261">
<rect width="22" height="22" fill="currentColor" transform="translate(0.414062)"></rect>
</clippath>
</defs>
</svg></div>
</a>
</li>
<li class="footer-social-item">
<a href="https://t.me/zkbobcommunity" target="_blank" class="footer-social-link icon-linkedin w-inline-block">
<div class="w-embed"><svg width="23" height="22" viewbox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4141 22C17.4892 22 22.4141 17.0751 22.4141 11C22.4141 4.92487 17.4892 0 11.4141 0C5.33893 0 0.414062 4.92487 0.414062 11C0.414062 17.0751 5.33893 22 11.4141 22Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.3874 10.8809C8.59306 9.48873 10.7271 8.56367 11.7987 8.11487C14.8487 6.84177 15.4898 6.62195 15.902 6.61279C15.9936 6.61279 16.1951 6.63111 16.3324 6.74102C16.4424 6.83261 16.4698 6.95168 16.4882 7.04327C16.5065 7.13486 16.5248 7.3272 16.5065 7.47374C16.3416 9.21396 15.6272 13.4363 15.2608 15.378C15.1051 16.2023 14.8029 16.4771 14.5098 16.5045C13.8687 16.5595 13.3832 16.0832 12.7696 15.6802C11.7987 15.0483 11.2583 14.6544 10.315 14.0316C9.22504 13.3172 9.93028 12.9234 10.5531 12.2822C10.718 12.1174 13.5298 9.55284 13.5847 9.32387C13.5939 9.29639 13.5939 9.18648 13.5298 9.13153C13.4657 9.07657 13.3741 9.09489 13.3008 9.11321C13.2001 9.13153 11.6613 10.1573 8.66634 12.1815C8.2267 12.4837 7.83286 12.6303 7.47566 12.6211C7.08182 12.612 6.33078 12.4013 5.76292 12.2181C5.076 11.9983 4.52645 11.8792 4.57225 11.4946C4.59973 11.2931 4.8745 11.0916 5.3874 10.8809Z" fill="#FAB890"></path>
</svg></div>
</a>
</li>
<li class="footer-social-item icon-fb">
<a href="https://mirror.xyz/0x6132eB883e88CD4E007552b871A6444Bfc34E837" target="_blank" class="footer-social-link icon-fb w-inline-block">
<div class="w-embed"><svg width="23" height="23" viewbox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="90" cy="90" r="90" fill="currentColor"></circle>
<path fill-rule="evenodd" clip-rule="evenodd" d="M124.866 78C124.784 78 124.722 77.9276 124.733 77.8468C124.909 76.5864 125 75.3026 125 74C125 56.8792 109.33 43 90 43C70.67 43 55 56.8792 55 74C55 75.3026 55.0907 76.5864 55.2668 77.8468C55.2781 77.9276 55.2155 78 55.1339 78V78C55.0599 78 55 78.0599 55 78.1339V132C55 134.761 57.2386 137 60 137H120C122.761 137 125 134.761 125 132V78.1339C125 78.0599 124.94 78 124.866 78V78Z" fill="#FAB792"></path>
</svg></div>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div class="footer-bg"><img src="images/bg-mobile-bottom.png" loading="lazy" sizes="100vw" width="375" alt="background " srcset="images/bg-mobile-bottom-p-500.png 500w, images/bg-mobile-bottom.png 750w" class="image-max image-max-mobile"><img src="images/bg-footer_1bg-footer.png" loading="lazy" sizes="100vw" width="1440" alt="backgound" srcset="images/bg-footer_1-p-500.png 500w, images/bg-footer_1-p-800.png 800w, images/bg-footer_1-p-1080.png 1080w, images/bg-footer_1-p-1600.png 1600w, images/bg-footer_1-p-2000.png 2000w, images/bg-footer_1bg-footer.png 2880w" class="image-max"></div>
<div class="main-noise"></div>
</div>
<form action="/search" class="search w-form"><label for="search">Search</label><input type="search" class="w-input" maxlength="256" name="query" placeholder="Search…" id="search" required=""><input type="submit" value="Search" class="w-button"></form>
<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">
<style>
.img-custom-noise {
mix-blend-mode: overlay;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?doxdv6');
src: url('fonts/icomoon.eot?doxdv6#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?doxdv6') format('truetype'),
url('fonts/icomoon.woff?doxdv6') format('woff'),
url('fonts/icomoon.svg?doxdv6#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 365px) {
.img-mobile-right {
max-width: 73vw;
}
header .menu-item-link {
font-size: 30px;
}
}
/* hide images */
@media screen and (max-width: 425px) {
.img-hide-mob {
display: none;
}
.info-row-text {
padding-bottom: 0;
}
}
@media (min-width: 993px) and (max-width: 1024px) {
.get-started-inner {
padding: 35px 0px 50px 96px;
}
}
.menu-item:hover .arrow-nav, .menu-item:hover .arrow-nav-el {
border-color: #1b4deb;
}
</style>
</body>
</html>