-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.njk
446 lines (420 loc) · 27 KB
/
index.njk
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
{% extends "_includes/marketingsite.njk" %}
{% block title %}Convolute{% endblock %}
{% block content %}
<main class="lg:relative bg-gray-100 z-10">
<div class="mx-auto max-w-7xl w-full pt-16 pb-20 text-center lg:py-32 lg:text-left">
<div class="ml-6 px-4 lg:w-1/2 sm:px-8 xl:pr-16">
<h1 class="tracking-tight font-extrabold text-gray-900 text-4xl md:text-4xl lg:text-5xl xl:text-5xl tracking-wide">
A Full-Stack AI Company
</h1>
<p class="mt-3 max-w-md mx-auto text-black text-lg md:mt-5 md:max-w-3xl">
A data platform to solve critical challenges facing enterprises, enabling every organization to do more with the power of AI.
</p>
<ul class="pt-1 max-w-md mx-auto text-gray-500 sm:text-md md:mt-2 md:max-w-3xl hidden lg:block">
<li class="flex mt-4">
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 0.5V11.5H11.5" stroke="#3C46A0" stroke-width="1.5"/>
<circle cx="13.5" cy="11.5" r="2.5" stroke="#3C46A0" stroke-width="1.5"/>
</svg>
<div class="ml-2">Flexible annotation tools</div>
</li>
<li class="flex mt-4">
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 0.5V11.5H11.5" stroke="#0D6E6E" stroke-width="1.5"/>
<circle cx="13.5" cy="11.5" r="2.5" stroke="#0D6E6E" stroke-width="1.5"/>
</svg>
<div class="ml-2">Scalable throughput</div>
</li>
<li class="flex mt-4">
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 0.5V11.5H11.5" stroke="#DC8250" stroke-width="1.5"/>
<circle cx="13.5" cy="11.5" r="2.5" stroke="#DC8250" stroke-width="1.5"/>
</svg>
<div class="ml-2">Methodical quality assurance</div>
</li>
</ul>
<div class="mt-10 sm:flex sm:justify-center lg:justify-start">
<a href="/login" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded shadow-sm text-white bg-cobalt-500 hover:bg-cobalt-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-cobalt-500">
Get Started
</a>
<button type="button" class="ml-3 inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded shadow-sm text-black bg-white hover:bg-cobalt-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-cobalt-500">
Talk to us
</button>
</div>
</div>
</div>
<div class="relative w-full h-64 sm:h-72 md:h-96 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 lg:h-full">
<img class="absolute inset-0 w-full h-full object-cover sm:ml-4" src="src/images/hero.svg" alt="">
</div>
</main>
<div class="bg-white" id="features">
<div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8">
<div class="mt-12 pb-8 ml-6">
<h2 class="text-4xl font-extrabold text-gray-900">
Delivering confidence for your AI projects
</h2>
</div>
<dl class="mt-12 space-y-10 sm:space-y-0 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12 lg:grid-cols-4 lg:gap-x-8">
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path d="M3.495 13.465L4.69 15.029L4.948 16.976C5.091 18.056 5.94 18.906 7.02 19.05L8.972 19.311L10.535 20.505C11.4 21.166 12.599 21.166 13.464 20.505L15.028 19.31H15.026L16.974 19.052C18.054 18.909 18.904 18.06 19.048 16.98L19.308 15.028C19.308 15.029 19.912 14.238 20.503 13.465C21.164 12.6 21.163 11.401 20.503 10.536L19.31 8.97099L19.052 7.02399C18.909 5.94399 18.06 5.09399 16.98 4.94999L15.027 4.68999L13.464 3.49599C12.599 2.83499 11.4 2.83499 10.535 3.49599L8.971 4.68999H8.973L7.025 4.94899C5.945 5.09199 5.095 5.94099 4.951 7.02099L4.69 8.97299C4.69 8.97199 4.086 9.76299 3.495 10.536C2.835 11.4 2.835 12.6 3.495 13.465V13.465Z" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.803 10.602L11.302 14.103L9.19901 12.002" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900 this">
Quality
</dt>
<dd class="mt-2 text-base text-gray-500">
We achieve best-in-class data quality by mandating consensus and high worker accuracy.
</dd>
</div>
</div>
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<g stroke-linecap="round" stroke-width="1.5" stroke="#323232" fill="none" stroke-linejoin="round">
<path stroke="#3C46A0" d="M21 21a.1.1 0 110 0 .1.1 0 010 0M21 12a.1.1 0 110 0 .1.1 0 010 0M21 16.4a.1.1 0 110 .2.1.1 0 010-.2M21 7.4a.1.1 0 110 .2.1.1 0 010-.2M16.6 21a.1.1 0 11-.2 0 .1.1 0 01.2 0M3 3a.1.1 0 110 0 .1.1 0 010 0M21 3a.1.1 0 110 0 .1.1 0 010 0M12 3a.1.1 0 110 0 .1.1 0 010 0M7.6 3a.1.1 0 11-.2 0 .1.1 0 01.2 0M16.6 3a.1.1 0 11-.2 0 .1.1 0 01.2 0M3 7.4a.1.1 0 110 .2.1.1 0 010-.2M10.2 21H4.8c-1 0-1.8-.8-1.8-1.8v-5.4c0-1 .8-1.8 1.8-1.8h5.4c1 0 1.8.8 1.8 1.8v5.4c0 1-.8 1.8-1.8 1.8zM11.5 12.5L16 8M16 12V8M12 8h4"/>
</g>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900 this">
Scale
</dt>
<dd class="mt-2 text-base text-gray-500">
Our 2M+ workers generate tens of millions of labels every day with high accuracy.
</dd>
</div>
</div>
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path d="M8 10V7C8 4.791 9.791 3 12 3C14.209 3 16 4.791 16 7V10M17 21H7C5.895 21 5 20.105 5 19V12C5 10.895 5.895 10 7 10H17C18.105 10 19 10.895 19 12V19C19 20.105 18.105 21 17 21ZM9 15.541C8.997 15.541 8.995 15.543 8.995 15.546C8.995 15.549 8.997 15.551 9 15.551C9.003 15.551 9.005 15.549 9.005 15.546C9.005 15.543 9.003 15.541 9 15.541ZM12.005 15.541C12.002 15.541 12 15.543 12 15.546C12 15.549 12.003 15.551 12.005 15.551C12.008 15.551 12.01 15.549 12.01 15.546C12.01 15.543 12.008 15.541 12.005 15.541ZM15 15.541C14.997 15.541 14.995 15.543 14.995 15.546C14.995 15.549 14.997 15.551 15 15.551C15.003 15.551 15.005 15.549 15.005 15.546C15.005 15.543 15.003 15.541 15 15.541Z" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900">
Security
</dt>
<dd class="mt-2 text-base text-gray-500">
We provide multiple secure service offerings, including secure, remote contractors, on-premise solutions, and ISO 27001 / ISO 9001 accredited secure facilities.
</dd>
</div>
</div>
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path d="M12.967 3L4.75 14H12L11.033 21L19.25 10H12L12.967 3Z" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900">
Speed
</dt>
<dd class="mt-2 text-base text-gray-500">
With deep expertise planning and recruiting to meet a variety of uses cases for our clients, we can quickly ramp up new projects in new markets.
</dd>
</div>
</div>
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path d="M11 15.9H3.9C2.85 15.9 2 15.05 2 14V4.9C2 3.85 2.85 3 3.9 3H19.1C20.15 3 21 3.85 21 4.9V10M6 13H5M18 6H17M19.778 16.111L17.556 18.333L16.222 17M13.179 7.971C14.106 8.898 14.106 10.402 13.179 11.33C12.252 12.257 10.748 12.257 9.82 11.33C8.893 10.403 8.893 8.899 9.82 7.971C10.748 7.043 12.252 7.043 13.179 7.971ZM18 21C15.791 21 14 19.209 14 17C14 14.791 15.791 13 18 13C20.21 13 22 14.791 22 17C22 19.209 20.21 21 18 21Z" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900">
Low-Cost
</dt>
<dd class="mt-2 text-base text-gray-500">
Our automated task routing and globally distributed workforce allows us to offer the most cost-effectivesolution on the market.
</dd>
</div>
</div>
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path d="M3 15H8M8 18H5M8 21H7M11.718 7.985V12.636L15.374 14.865M3.059 11C3.557 6.501 7.368 3 12 3C16.971 3 21 7.029 21 12C21 16.971 16.971 21 12 21" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900">
Efficiency
</dt>
<dd class="mt-2 text-base text-gray-500">
Efficiently scale large and multiple data pipelines to realize the impact of AI/ML projects.
</dd>
</div>
</div>
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path d="M8.25 6L15.007 5.987C16.67 5.984 18.019 7.335 18.012 8.998V9.012C18.005 10.664 16.664 12 15.013 12H9.999C8.343 12 7 13.343 7 14.999C7 16.656 8.344 17.999 10.001 17.998L20 17.995M20 17.995L18.003 19.992M20 17.995L18.003 15.997M7.59099 4.40901C8.46967 5.28769 8.46967 6.71231 7.59099 7.59099C6.71231 8.46967 5.28769 8.46967 4.40901 7.59099C3.53033 6.71231 3.53033 5.28769 4.40901 4.40901C5.28769 3.53033 6.71231 3.53033 7.59099 4.40901Z" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900">
Flexibility
</dt>
<dd class="mt-2 text-base text-gray-500">
Operational excellence to provide extreme flexibility on quality and annotation requirements.
</dd>
</div>
</div>
<div class="flex flex-col">
<svg width="24" height="24" class="ml-6 flex-shrink-0 h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path d="M18 10H16.29M18 14H16.29M7.71 10H6M7.71 14H6M10 6V7.71M14 6V7.71M10 16.29V18M14 16.29V18M8.81856 7.714H15.1804C15.7905 7.714 16.285 8.20853 16.285 8.81856V15.1804C16.285 15.7905 15.7905 16.285 15.1804 16.285H8.81856C8.20853 16.285 7.714 15.7905 7.714 15.1804V8.81856C7.714 8.20853 8.20853 7.714 8.81856 7.714ZM10.286 10.286H13.715V13.715H10.286V10.286ZM5.7614 3H18.2386C19.7637 3 21 4.23632 21 5.7614V18.2386C21 19.7637 19.7637 21 18.2386 21H5.7614C4.23632 21 3 19.7637 3 18.2386V5.7614C3 4.23632 4.23632 3 5.7614 3Z" stroke="#3C46A0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="mt-3 ml-6">
<dt class="this text-lg leading-6 font-bold text-gray-900">
Technology Enabled
</dt>
<dd class="mt-2 text-base text-gray-500">
ML-powered annotation tooling and quality assurance systems deliver high quality at low cost.
</dd>
</div>
</div>
</dl>
</div>
</div>
<div class="max-w-7xl mx-auto pt-16 px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-extrabold text-gray-900">
Our products
</h2>
<div class="mt-16">
<div class="sm:hidden bg-gray-100">
<label for="tabs" class="sr-only">Select a tab</label>
<select id="tabs" name="tabs" class="block w-full focus:ring-indigo-500 focus:border-indigo-500 border-gray-300 rounded mb-8">
<option selected>Envelope Scanner</option>
<option>Document scans (coming soon)</option>
<option>Text transcription (coming soon)</option>
<option>Image processing (coming soon)</option>
</select>
</div>
<div class="hidden sm:block">
<div class="">
<nav class="flex max-w-7xl space-y-10 max-w-7xl mx-auto sm:space-y-0 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12 lg:grid-cols-4 lg:gap-x-8" aria-label="Tabs">
<a href="#" class="that py-4 bg-black text-white text-left font-bold" aria-current="page">
<div class="flex">
<svg class="ml-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.121 19.15C21.293 17.978 21.293 16.079 20.121 14.907C18.95 13.735 17.05 13.735 15.878 14.907C14.706 16.079 14.706 17.978 15.878 19.15C17.05 20.322 18.949 20.322 20.121 19.15ZM20.121 19.15L22 21.03M20 11.028V6.03895M20 6.03895C20 6.70495 19.669 7.32995 19.118 7.70395L13.762 11.334C12.397 12.259 10.605 12.259 9.24 11.334L3.883 7.70295C3.331 7.32895 3 6.70595 3 6.03895C3 4.92795 3.9 4.02795 5.011 4.02795H17.989C19.1 4.02795 20 4.92795 20 6.03895ZM11 17.028H5C3.895 17.028 3 16.133 3 15.028V5.99995" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="ml-3">Envelope scanner</span>
</div>
</a>
<a href="#" class="that py-4 border-indigo-500 text-gray-500 text-left font-bold" aria-current="page">
<div class="flex">
<svg class="ml-4" opacity="0.5" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15V19C5 20.105 5.895 21 7 21H17C18.105 21 19 20.105 19 19V15M19 9V7.828C19 7.298 18.789 6.789 18.414 6.414L15.586 3.586C15.211 3.211 14.702 3 14.172 3H7C5.895 3 5 3.895 5 5V9M14 12H16M19 12H21M8.4 12H10.4M3 12H5" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="ml-3">Document scans</span>
<span class="inline-flex items-center ml-2 px-1 rounded-sm text-xs bg-cobalt-100 text-cobalt-600 font-mono font-bold">
COMING SOON
</span>
</div>
</a>
<a href="#" class="that py-4 border-indigo-500 text-gray-500 text-left font-bold" aria-current="page">
<div class="flex">
<svg class="ml-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path d="M6.51 13.82H11.2M6 15.01L8.86 8.38L11.71 15.01M17.75 11V15M17 21H7C4.791 21 3 19.209 3 17V7C3 4.791 4.791 3 7 3H17C19.209 3 21 4.791 21 7V17C21 19.209 19.209 21 17 21ZM17.161 11.579C17.9463 12.3643 17.9463 13.6376 17.161 14.423C16.3757 15.2083 15.1024 15.2083 14.317 14.423C13.5317 13.6376 13.5317 12.3643 14.317 11.579C15.1024 10.7937 16.3757 10.7937 17.161 11.579Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
<span class="ml-3">Text transcription</span>
<span class="inline-flex items-center ml-2 px-1 rounded-sm text-xs bg-cobalt-100 text-cobalt-600 font-mono font-bold">
COMING SOON
</span>
</div>
</a>
<a href="#" class="that py-4 border-indigo-500 text-gray-500 text-left font-bold" aria-current="page">
<div class="flex">
<svg opacity="0.5" class="ml-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 16.014L16.707 11.721C16.316 11.33 15.683 11.33 15.293 11.721L11 16.014M16 21.014L9.707 14.721C9.316 14.33 8.683 14.33 8.293 14.721L3.446 19.568M18 21.014H6C4.343 21.014 3 19.671 3 18.014V6.01404C3 4.35704 4.343 3.01404 6 3.01404H18C19.657 3.01404 21 4.35704 21 6.01404V18.014C21 19.671 19.657 21.014 18 21.014ZM9.26517 8.74887C9.41162 8.89531 9.41162 9.13275 9.26517 9.2792C9.11872 9.42564 8.88129 9.42564 8.73484 9.2792C8.58839 9.13275 8.58839 8.89531 8.73484 8.74887C8.88129 8.60242 9.11872 8.60242 9.26517 8.74887Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="ml-3">Image processing</span>
<span class="inline-flex items-center ml-2 px-1 rounded-sm text-xs bg-cobalt-100 text-cobalt-600 font-mono font-bold">
COMING SOON
</span>
</div>
</a>
</nav>
</div>
</div>
</div>
</div>
<main class="lg:relative bg-black z-10">
<div class="mx-auto max-w-7xl w-full pt-12 pb-20 text-center lg:py-32 lg:text-left">
<div class="px-4 lg:w-1/2 sm:px-8 xl:pr-16">
<h6 class="font-mono uppercase text-gray-400 text-xs mb-4">
How it works
</h6>
<h3 class="text-3xl font-extrabold text-white tracking-tight sm:text-4xl tracking-wide">
Human powered machine checked data
</h3>
<p class="mt-3 max-w-md mx-auto text-white md:mt-5 md:max-w-3xl">
After sending us your data via API call, our platform; through a combination of human work and review, smart tools, statistical confidence checks and machine learning checks; returns scalable, accurate ground truth data.
</p>
<div class="flex items-center mt-10 max-w-md mx-auto lg:mx-0">
<h6 class="font-mono uppercase text-white text-xs">
API CALl
</h6>
<svg class="mx-3" width="70" height="12" viewBox="0 0 70 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 6H69M69 6L65 1M69 6L65 11M6 6C6 7.38071 4.88071 8.5 3.5 8.5C2.11929 8.5 1 7.38071 1 6C1 4.61929 2.11929 3.5 3.5 3.5C4.88071 3.5 6 4.61929 6 6Z" stroke="#F6F8FA"/>
</svg>
<h6 class="font-mono uppercase text-white text-xs">
Convolute Platform
</h6>
<svg class="mx-3" width="70" height="12" viewBox="0 0 70 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 6H69M69 6L65 1M69 6L65 11M6 6C6 7.38071 4.88071 8.5 3.5 8.5C2.11929 8.5 1 7.38071 1 6C1 4.61929 2.11929 3.5 3.5 3.5C4.88071 3.5 6 4.61929 6 6Z" stroke="#F6F8FA"/>
</svg>
<h6 class="font-mono uppercase text-white text-xs">
Response
</h6>
</div>
<div class="mt-12 sm:flex sm:justify-center lg:justify-start">
<button type="button" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded shadow-sm text-black bg-mustard-500 hover:bg-mustard-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-cobalt-500">
Try it out
</button>
</div>
</div>
</div>
<div class="relative w-full h-64 sm:h-72 md:h-96 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 lg:h-full">
<img class="absolute inset-0 w-full h-full object-cover sm:ml-4" src="src/images/how-it-works.svg" alt="">
</div>
</main>
<div class="bg-white">
<div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8">
<div class="pb-8 ml-6">
<h2 class="text-4xl font-extrabold text-gray-900 mb-4">
Use cases
</h2>
<p class="text-gray-500 text-lg w-1/2 sm:w-100">
We use AI to turn data into actionable insights and help companies save tens of millions of dollars annually.
</p>
</div>
<dl class="mt-12 space-y-10 sm:space-y-0 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12 lg:grid-cols-4 lg:gap-x-8">
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
Logo identification
</dt>
<dd class="mt-2 text-base text-gray-500">
Detect logos in images and videos to monitor and monetize your visual content.
</dd>
</div>
</div>
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
User content flagging
</dt>
<dd class="mt-2 text-base text-gray-500">
Automatically and quickly remove inappropriate content to keep your online communities safe and healthy.
</dd>
</div>
</div>
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
Brand safety monitoring
</dt>
<dd class="mt-2 text-base text-gray-500">
Ensure your advertisements aren’t displayed next to unsavory content.
</dd>
</div>
</div>
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
Receipt parsing
</dt>
<dd class="mt-2 text-base text-gray-500">
Identify key receipt information such as price, date, item name, and total cost.
</dd>
</div>
</div>
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
Ad identification
</dt>
<dd class="mt-2 text-base text-gray-500">
Identify advertisements in video content to understand exposure of specific ad spots.
</dd>
</div>
</div>
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
Meeting transcription
</dt>
<dd class="mt-2 text-base text-gray-500">
Automatically transcribe speeches, conversations, and meetings.
</dd>
</div>
</div>
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
Contextual ad delivery
</dt>
<dd class="mt-2 text-base text-gray-500">
Automatically analyze video content to deliver highly relevant ad spots to viewers.
</dd>
</div>
</div>
<div class="flex ml-6">
<div class="mb-8">
<dt class="text-lg leading-6 font-bold text-gray-900 this">
Planogram compliance
</dt>
<dd class="mt-2 text-base text-gray-500">
Automatically identify misaligned products on retail displays.
</dd>
</div>
</div>
</dl>
</div>
</div>
<!-- Testimonials -->
<section class="">
<div class="max-w-7xl mx-auto md:grid md:grid-cols-2 md:px-6 lg:px-8">
<div class="py-12 px-4 sm:px-6 md:flex md:flex-col md:py-16 md:pl-0 md:pr-10 lg:pr-16 ml-6">
<div class="md:flex-shrink-0">
<img class="h-8" src="src/images/logo-testimonial-1.svg" alt="Toyota">
</div>
<blockquote class="mt-6 md:flex-grow md:flex md:flex-col">
<div class="relative text-lg font-medium text-black md:flex-grow">
<svg class="absolute top-0 left-0 transform -translate-x-3 -translate-y-2 h-8 w-8 text-gray-100" fill="currentColor" viewBox="0 0 32 32" aria-hidden="true">
<path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
</svg>
<p class="relative">
“Imagine a future where mobility is truly for all. Regardless of physical faculties, age, or income, you can participate in this world because technology has progressed to enable you to move as you want.”
</p>
</div>
<footer class="mt-8">
<div class="flex">
<div class="ml-0">
<div class="text-base font-bold text-black">David Garber</div>
<div class="text-base font-medium text-gray-500">Product Manager, TRI</div>
</div>
</div>
</footer>
</blockquote>
</div>
<div class="py-12 px-4 sm:px-6 md:py-16 md:pr-0 md:pl-10 lg:pl-12">
<div class="md:flex-shrink-0">
<img class="h-8" src="src/images/logo-testimonial-2.svg" alt="Voyage">
</div>
<blockquote class="mt-6 md:flex-grow md:flex md:flex-col">
<div class="relative text-lg font-medium text-black md:flex-grow">
<svg class="absolute top-0 left-0 transform -translate-x-3 -translate-y-2 h-8 w-8 text-gray-100" fill="currentColor" viewBox="0 0 32 32">
<path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
</svg>
<p class="relative">
“When I think about what Convolute brings to the table, it comes down to machine learning expertise. Convolute has a team of very talented engineers who really understand the problems in training machine learning models, of data annotation, and of data quality.”
</p>
</div>
<footer class="mt-8">
<div class="flex">
<div class="ml-0">
<div class="text-base font-bold text-black">Joseph Rodriguez</div>
<div class="text-base font-medium text-gray-500">CEO, Voyage</div>
</div>
</div>
</footer>
</blockquote>
</div>
</div>
</section>
{% endblock %}