-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
391 lines (382 loc) · 18.2 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
<!DOCTYPE html>
<html>
<head>
<title>LinTO, open source end-to-end platform for voice-operated solutions</title>
<meta charset="utf-8">
<meta name="author" content="Linagora" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="language" content="en-GB" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="shortcut icon" type="image/png" href="/favicon-32x32.png" />
<!-- Scripts -->
<script type="text/javascript" src="./assets/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="./assets/js/jquery.modal.min.js"></script>
<script type="text/javascript" src="./assets/js/axios.min.js"></script>
<script type="text/javascript" src="./assets/js/lottie.min.js"></script>
<script type="text/javascript" src="./assets/js/main.js"></script>
<script type="text/javascript" src="./assets/js/home.js"></script>
<script type="text/javascript" src="./assets/js/contact-en.js"></script>
<script type="text/javascript" src="./assets/js/slick.min.js"></script>
<script type="text/javascript" src="./assets/js/ScrollMagic.min.js"></script>
<!-- Matomo Tag Manager -->
<script type="text/javascript">
var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://piwik.linagora.com/piwik/js/container_Fcxr1OWo.js'; s.parentNode.insertBefore(g,s);
</script>
<!-- End Matomo Tag Manager -->
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="./assets/css/slick.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/slick-theme.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/styles.min.css" />
</head>
<body>
<!-- modal-->
<div id="ex1" class="modal">
<a href="https://www.voicetechparis.com" target="_blank"><img src="./assets/img/parisvoicetech.jpg"
style="width:800px; height:600px" /></a>
</div>
<div id="main">
<!-- HEADER -->
<header id="header">
<div class="wrapper flex row" id="desktop-nav">
<div class="flex logo-container">
<a href="index"><img src="./assets/img/linto-ai.svg" class="linto-ai-logo" alt="linto.ai" /></a>
</div>
<div>
<div id="lang-container">
<div class="lang-btn-container">
<button id="lang-btn" class="lang-selector closed">
<span class="icon en"></span>
<span class="label">EN</span>
</button>
<div class="lang-list hidden">
<button class="lang-selector lang-update" data-href="/fr/" data-lang="fr">
<span class="icon fr"></span>
<span class="label">FR</span>
</button>
</div>
</div>
</div>
</div>
<nav class="flex1 navigation flex column">
<a href="index" class="nav-link active">Homepage</a>
<a href="enterprises" class="nav-link">Enterprise solutions</a>
<a href="https://doc.linto.ai/" class="nav-link" target="_blank">Developer resources</a>
<a href="https://research.linagora.com/display/home/Home" target="_blank" class="nav-link">Research
project</a>
<a href="#contact" class="nav-link">Contact us</a>
</nav>
</div>
<div class="wrapper flex row" id="burger-nav">
<div class="logo-container">
<a href="index"><img src="./assets/img/linto-ai.svg" class="linto-ai-logo" alt="linto.ai" /></a>
</div>
<div>
<div id="lang-container">
<div class="lang-btn-container">
<button id="lang-btn-burger" class="lang-selector closed">
<span class="icon en"></span>
<span class="label">EN</span>
</button>
<div class="lang-list hidden">
<button class="lang-selector lang-update" data-href="/fr/" data-lang="fr">
<span class="icon fr"></span>
<span class="label">FR</span>
</button>
</div>
</div>
</div>
</div>
<div class="flex1 burger-menu-container flex row">
<button id="burger-menu" class="closed"></button>
<div id="burger-menu-nav" class="hidden">
<nav class="flex3 navigation flex col">
<a href="index" class="nav-link active">Homepage</a>
<a href="enterprises" class="nav-link">Enterprise solutions</a>
<a href="https://doc.linto.ai/" class="nav-link" target="_blank">Developer resources</a>
<a href="https://research.linagora.com/display/home/Home" target="_blank" class="nav-link">Research
project</a>
<a href="#contact" class="nav-link">Contact us</a>
</nav>
</div>
</div>
</div>
</header>
<div id="page-content">
<section id="home" class="gradient">
<div class="wrapper flex row">
<div class="flex1 flex col home-title-container">
<h1 class="home-title">Your open source end-to-end platform for voice-operated solutions</h1>
<a href="#solutions" class="cta-link">Try LinTO</a>
</div>
<div class="flex1 linto-home-container" id="linto-animated">
</div>
</div>
</section>
<section id="batteries-included" class="white-shadow">
<div class="wrapper flex col">
<h2 class="section-title">Batteries included !</h2>
<div class="flex row charactertics-wrapper">
<div class="characteristics-item-container flex1 flex col">
<!-- Voice command -->
<div class="characteristics-item flex row flex1">
<div class="icon-container">
<span class="icon voice"></span>
</div>
<div class="content-container">
<h3>Voice control</h3>
<p>Your end-customer pilots their applications without lifting a finger</p>
</div>
</div>
<!-- END Voice command -->
<!-- Rich vocabulary -->
<div class="characteristics-item flex row flex1">
<div class="icon-container">
<span class="icon vocabulary"></span>
</div>
<div class="content-container">
<h3>Large vocabulary</h3>
<p>Live retraining of AI models with business-wise dictionaries</p>
</div>
</div>
<!-- END Rich vocabulary -->
<!-- Easy intergration -->
<div class="characteristics-item flex row flex1">
<div class="icon-container">
<span class="icon integration"></span>
</div>
<div class="content-container">
<h3>Easy integration</h3>
<p>Integrates seamlessly in your workflows</p>
</div>
</div>
<!-- END Easy intergration -->
</div>
<div class="characteristics-item-container flex1 flex col">
<!-- Increase productivity -->
<div class="characteristics-item flex row flex1">
<div class="icon-container">
<span class="icon productivity"></span>
</div>
<div class="content-container">
<h3>Increase productivity</h3>
<p>Boost employee productivity with hands-free natural user interfaces</p>
</div>
</div>
<!-- END Increase productivity -->
<!-- Automated skills deployment -->
<div class="characteristics-item flex row flex1">
<div class="icon-container">
<span class="icon skills"></span>
</div>
<div class="content-container">
<h3>Automated skills deployment</h3>
<p>Easy management of new vocabulary and skills</p>
</div>
</div>
<!-- END Automated skills deployment -->
<!-- Open source by design -->
<div class="characteristics-item flex row flex1">
<div class="icon-container">
<span class="icon opensource"></span>
</div>
<div class="content-container">
<h3>Open source by design</h3>
<p>Free, on premise, GDPR compliant, and no GAFAM aboard!</p>
</div>
</div>
<!-- END Open source by design -->
</div>
</div>
</div>
</section>
<section id="hdiw" class="gradient">
<div class="wrapper flex col">
<h2 class="section-title">How does it work ?</h2>
<div class="flex row hdiw-wrapper">
<div class="hdiw-controls flex1 flex col">
<div class="controls">
<button data-index="1" class="hdiw-control active">1</button>
<button class="hdiw-control" data-index="2">2</button>
<button data-index="3" class="hdiw-control">3</button>
<button data-index="4" class="hdiw-control">4</button>
</div>
<div class="content white-box">
<div class="hdiw-content-container">
<div data-index="1" class="hdiw-content flex1 active">
<h3>Voice enabled client</h3>
<ul class="content-list">
<li>Custom HotWords to wake up your LinTO client</li>
<li>Meeting mode with spontaneous multi-party speech</li>
<li>Simple voice commands or large vocabulary integration</li>
</ul>
</div>
<div data-index="2" class="hdiw-content flex1 hidden">
<h3>On premise or SaaS Speech-to-text API</h3>
<ul class="content-list">
<li>Flexible and scalable APIs to handle streaming & audio files</li>
<li>AI based transcription that uses your custom vocabulary</li>
<li>State of the art Word Error Rate</li>
</ul>
</div>
<div data-index="3" class="hdiw-content flex1 hidden">
<h3>Evaluation</h3>
<ul class="content-list">
<li>AI based Natural Language Understanding engine</li>
<li>Intention recognition from text triggering corresponding skills</li>
<li>Automated lexical data augmentation for dictionaries and scenarios</li>
</ul>
</div>
<div data-index="4" class="hdiw-content flex1 hidden">
<h3>Trigger any application with LinTO</h3>
<ul class="content-list">
<li>Modular skills to access any device, API, productivity platform, etc.</li>
<li>Integrates securely into complex workflows</li>
<li>Graphically describe and parametrize your use-cases</li>
</ul>
</div>
</div>
</div>
</div>
<div class="hdiw-animation flex2" id="hdiw-animation">
<div class="hdiw-controls-arrow">
<button class="hdiw-arrow prev disabled"></button>
<button class="hdiw-replay enabled" data-index="1"></button>
<button class="hdiw-arrow next enabled"></button>
</div>
</div>
</div>
</div>
</section>
<section id="solutions" class="white-shadow">
<div class="wrapper flex col">
<h2 class="section-title">Solutions</h2>
<div class="solution-content-container flex row">
<div class="flex1 solution-content ">
<h3>The natural voice interface for your company</h3>
<p>LinTO will enable you to deploy voice control effectively and efficiently.<br />
Let’s explore platform features for your business:</p>
<a href="enterprises.html" class="cta-link">Enterprise solutions</a>
<div id="use-cases-slider">
<div class="use-case-item">
<h4>At the heart of your meeting room</h4>
<img src="./assets/img/illustrations/illustration_01.png" class="slider-img">
</div>
<div class="use-case-item">
<h4>Hands-free processes for better productivity</h4>
<img src="./assets/img/illustrations/illustration_02.png" class="slider-img">
</div>
<div class="use-case-item">
<h4>Vocal control anywhere in your office</h4>
<img src="./assets/img/illustrations/illustration_03.png" class="slider-img">
</div>
<div class="use-case-item">
<h4>The open source framework that propels business-aware, private by design, smart-assistants</h4>
<img src="./assets/img/illustrations/illustration_05.png" class="slider-img">
</div>
</div>
</div>
<div class="flex1 solution-content ">
<h3>Developer? Try it yourself!</h3>
<p>Take a look at the LinTO platform documentation and technical resources.<br />
Browse existing skills, imagine your own, and contribute!</p>
<a href="https://doc.linto.ai/" target="_blank" class="cta-link">Developer resources</a>
<h3 class="raspberry-title">LinTO for Raspberry pi</h3>
<p>The LinTO for Raspberry Pi client, when paired with your LinTO voice platform, is the only 100% open
source, 100% private, DIY smart assistant.</p>
<img src="./assets/img/raspberry-schema.svg" class="raspberry-schema" alt="raspberry pi 3 schema">
<p><a href="https://doc.linto.ai/#/client/rpi" target="_blank" class="cta-link">Read more</a></p>
</div>
</div>
</div>
</section>
<section id="partners" class="gradient">
<div class="wrapper flex col">
<h2 class="section-title">Research project partners</h2>
<div class="partners-container flex row">
<a href="https://linagora.com/" target="_blank">
<img src="./assets/img/logo-linagora.png" alt="Linagora" class="partner-logo" />
</a>
<a href="https://www.irit.fr/" target="_blank">
<img src="./assets/img/logo-irit.png" alt="Irit" class="partner-logo" />
</a>
<a href="https://www.zelros.com/" target="_blank">
<img src="./assets/img/logo-zelros.png" alt="Zelros" class="partner-logo" />
</a>
<a href="https://www.laas.fr/public/" target="_blank">
<img src="./assets/img/logo-laas-cnrs.png" alt="LAAS CNRS" class="partner-logo" />
</a>
<a href="https://www.polytechnique.edu/fr" target="_blank">
<img src="./assets/img/logo-x-polytechnique.png" alt="l'X polytechnique" class="partner-logo" />
</a>
</div>
</div>
</section>
<section id="wakemeup" class="white-shadow">
<div class="wrapper flex col">
<div class="section-title-container">
<h2 class="section-title">Help us improve our data models</h2>
</div>
<p >Participate in our keywords campaign by recording your voice and validating audio samples.</p>
<a href="https://wakemeup.linto.ai/" target="_blank">
<img src="./assets/img/wakemeup-logo.png" class="wakemeup-img" />
</a>
</div>
</section>
<section id="contact">
<div class="wrapper flex col">
<div class="section-title-container">
<h2 class="section-title white">Contact us</h2>
</div>
<div class="contact-wrapper flex row">
<div class="flex1 flex col">
<div class="field-container flex1">
<span class="label">Name<i class="required">*</i> :</span>
<input type="text" id="contact-name" class="contact-input" />
<span class="error-field username">
</div>
<div class="field-container flex1">
<span class="label">Email<i class="required">*</i> :</span>
<input type="text" id="contact-email" class="contact-input" />
<span class="error-field email"></span>
</div>
<div class="field-container flex1">
<span class="label">Phone number :</span>
<input type="text" id="contact-phone" class="contact-input" />
<span class="error-field phone"></span>
</div>
<div class="field-container flex1">
<span class="label">Society :</span>
<input type="text" id="contact-society" class="contact-input" />
<span class="error-field society"></span>
</div>
</div>
<div class="flex1 flex col">
<div class="field-container flex1">
<span class="label">Message<i class="required">*</i> :</span>
<textarea id="contact-msg" class="contact-textarea"></textarea>
<span class="error-field msg"></span>
</div>
<div class="field-container submit">
<button class="submit-btn">Send</button>
<div class="send-notif hidden">
<span class="notif-msg"></span>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="copyright">
<div class="wrapper">
Copyright Linagora 2019 - <a class="footer-link" href="https://linagora.com/privacy-policy"
target="_blank">legal notice</a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>