Hugging Face's logo

Spaces:
ahalamora
/
verint-bots
Running

App Files Community
ahalamora commited on
Commit
cb40364
·
verified ·
1 Parent(s): 52149fa

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +1112 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Verint Bots
3
- emoji: 📊
4
- colorFrom: red
5
  colorTo: blue
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: verint-bots
3
+ emoji: 🐳
4
+ colorFrom: blue
5
  colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1112 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Verint Bots: Intelligent Automation for Customer Experience</title>
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
8
+ <style>
9
+ :root {
10
+ --primary: #0066cc;
11
+ --secondary: #003366;
12
+ --accent: #00a1df;
13
+ --light: #f8f9fa;
14
+ --dark: #212529;
15
+ --success: #28a745;
16
+ --shadow: 0 8px 30px rgba(0, 86, 179, 0.15);
17
+ --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
18
+ }
19
+
20
+ * {
21
+ margin: 0;
22
+ padding: 0;
23
+ box-sizing: border-box;
24
+ font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif;
25
+ }
26
+
27
+ body {
28
+ background-color: #f5f7fa;
29
+ color: var(--dark);
30
+ overflow-x: hidden;
31
+ }
32
+
33
+ .presentation-container {
34
+ width: 100vw;
35
+ height: 100vh;
36
+ position: relative;
37
+ overflow: hidden;
38
+ }
39
+
40
+ .slide {
41
+ position: absolute;
42
+ width: 100%;
43
+ height: 100%;
44
+ padding: 40px;
45
+ display: flex;
46
+ flex-direction: column;
47
+ justify-content: center;
48
+ align-items: center;
49
+ background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
50
+ transition: var(--transition);
51
+ transform: translateX(100%);
52
+ opacity: 0;
53
+ overflow-y: auto;
54
+ }
55
+
56
+ .slide.active {
57
+ transform: translateX(0);
58
+ opacity: 1;
59
+ z-index: 10;
60
+ }
61
+
62
+ .slide.prev {
63
+ transform: translateX(-100%);
64
+ opacity: 0;
65
+ }
66
+
67
+ .slide.next {
68
+ transform: translateX(100%);
69
+ opacity: 0;
70
+ }
71
+
72
+ .slide-header {
73
+ width: 100%;
74
+ max-width: 1200px;
75
+ display: flex;
76
+ justify-content: space-between;
77
+ align-items: center;
78
+ margin-bottom: 30px;
79
+ padding-bottom: 15px;
80
+ border-bottom: 2px solid var(--accent);
81
+ }
82
+
83
+ .slide-title {
84
+ font-size: 2.8rem;
85
+ background: linear-gradient(90deg, var(--primary), var(--accent));
86
+ -webkit-background-clip: text;
87
+ background-clip: text;
88
+ color: transparent;
89
+ font-weight: 700;
90
+ letter-spacing: -0.5px;
91
+ }
92
+
93
+ .slide-subtitle {
94
+ font-size: 1.5rem;
95
+ color: var(--secondary);
96
+ font-weight: 400;
97
+ margin-top: 10px;
98
+ }
99
+
100
+ .slide-logo {
101
+ height: 60px;
102
+ filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
103
+ }
104
+
105
+ .slide-content {
106
+ width: 100%;
107
+ max-width: 1200px;
108
+ flex: 1;
109
+ display: flex;
110
+ flex-direction: column;
111
+ justify-content: center;
112
+ padding: 20px 0;
113
+ }
114
+
115
+ .content-grid {
116
+ display: grid;
117
+ grid-template-columns: 1fr 1fr;
118
+ gap: 40px;
119
+ align-items: center;
120
+ }
121
+
122
+ .content-text {
123
+ font-size: 1.25rem;
124
+ line-height: 1.7;
125
+ margin-bottom: 25px;
126
+ color: #495057;
127
+ }
128
+
129
+ .content-list {
130
+ list-style-type: none;
131
+ margin: 25px 0;
132
+ }
133
+
134
+ .content-list li {
135
+ padding: 12px 0;
136
+ position: relative;
137
+ padding-left: 45px;
138
+ font-size: 1.2rem;
139
+ color: #495057;
140
+ }
141
+
142
+ .content-list li:before {
143
+ content: "•";
144
+ color: var(--accent);
145
+ font-size: 2.2rem;
146
+ position: absolute;
147
+ left: 10px;
148
+ top: 0;
149
+ }
150
+
151
+ .content-image {
152
+ width: 100%;
153
+ border-radius: 12px;
154
+ box-shadow: var(--shadow);
155
+ transition: var(--transition);
156
+ }
157
+
158
+ .content-image:hover {
159
+ transform: translateY(-5px);
160
+ box-shadow: 0 15px 35px rgba(0, 86, 179, 0.2);
161
+ }
162
+
163
+ .highlight-box {
164
+ background-color: rgba(0, 161, 223, 0.08);
165
+ border-left: 4px solid var(--accent);
166
+ padding: 25px;
167
+ margin: 25px 0;
168
+ border-radius: 0 12px 12px 0;
169
+ position: relative;
170
+ overflow: hidden;
171
+ }
172
+
173
+ .highlight-box:before {
174
+ content: "";
175
+ position: absolute;
176
+ top: 0;
177
+ left: 0;
178
+ width: 100%;
179
+ height: 100%;
180
+ background: linear-gradient(90deg, rgba(0, 161, 223, 0.05), transparent);
181
+ z-index: -1;
182
+ }
183
+
184
+ .highlight-text {
185
+ font-size: 1.4rem;
186
+ color: var(--secondary);
187
+ font-weight: 600;
188
+ line-height: 1.6;
189
+ }
190
+
191
+ .icon-feature {
192
+ display: flex;
193
+ align-items: center;
194
+ margin-bottom: 20px;
195
+ }
196
+
197
+ .icon-feature i {
198
+ font-size: 2rem;
199
+ color: var(--accent);
200
+ margin-right: 20px;
201
+ min-width: 40px;
202
+ }
203
+
204
+ .feature-title {
205
+ font-size: 1.4rem;
206
+ color: var(--primary);
207
+ font-weight: 600;
208
+ margin-bottom: 5px;
209
+ }
210
+
211
+ .feature-desc {
212
+ font-size: 1.1rem;
213
+ color: #495057;
214
+ line-height: 1.6;
215
+ }
216
+
217
+ .tech-card {
218
+ background: white;
219
+ border-radius: 12px;
220
+ padding: 25px;
221
+ box-shadow: var(--shadow);
222
+ margin-bottom: 20px;
223
+ transition: var(--transition);
224
+ border-top: 4px solid var(--accent);
225
+ }
226
+
227
+ .tech-card:hover {
228
+ transform: translateY(-5px);
229
+ box-shadow: 0 15px 35px rgba(0, 86, 179, 0.2);
230
+ }
231
+
232
+ .tech-card h3 {
233
+ color: var(--primary);
234
+ margin-bottom: 15px;
235
+ font-size: 1.4rem;
236
+ }
237
+
238
+ .tech-card p {
239
+ color: #495057;
240
+ line-height: 1.6;
241
+ }
242
+
243
+ .case-study {
244
+ background: white;
245
+ border-radius: 12px;
246
+ padding: 25px;
247
+ box-shadow: var(--shadow);
248
+ margin-bottom: 30px;
249
+ position: relative;
250
+ overflow: hidden;
251
+ }
252
+
253
+ .case-study:before {
254
+ content: "";
255
+ position: absolute;
256
+ top: 0;
257
+ left: 0;
258
+ width: 5px;
259
+ height: 100%;
260
+ background: linear-gradient(to bottom, var(--primary), var(--accent));
261
+ }
262
+
263
+ .case-study h3 {
264
+ color: var(--primary);
265
+ margin-bottom: 15px;
266
+ font-size: 1.5rem;
267
+ }
268
+
269
+ .case-study .results {
270
+ display: flex;
271
+ margin-top: 20px;
272
+ flex-wrap: wrap;
273
+ gap: 15px;
274
+ }
275
+
276
+ .result-item {
277
+ background: rgba(0, 161, 223, 0.1);
278
+ padding: 10px 20px;
279
+ border-radius: 8px;
280
+ font-weight: 600;
281
+ color: var(--secondary);
282
+ display: flex;
283
+ align-items: center;
284
+ }
285
+
286
+ .result-item i {
287
+ color: var(--success);
288
+ margin-right: 10px;
289
+ font-size: 1.2rem;
290
+ }
291
+
292
+ .slide-footer {
293
+ width: 100%;
294
+ max-width: 1200px;
295
+ text-align: center;
296
+ padding-top: 20px;
297
+ font-size: 0.9rem;
298
+ color: #6c757d;
299
+ border-top: 1px solid #dee2e6;
300
+ display: flex;
301
+ justify-content: space-between;
302
+ }
303
+
304
+ .navigation {
305
+ position: fixed;
306
+ bottom: 30px;
307
+ left: 50%;
308
+ transform: translateX(-50%);
309
+ display: flex;
310
+ gap: 15px;
311
+ z-index: 100;
312
+ background: rgba(255, 255, 255, 0.9);
313
+ padding: 10px 20px;
314
+ border-radius: 50px;
315
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
316
+ }
317
+
318
+ .nav-button {
319
+ width: 60px;
320
+ height: 60px;
321
+ border-radius: 50%;
322
+ background: white;
323
+ border: none;
324
+ color: var(--primary);
325
+ display: flex;
326
+ justify-content: center;
327
+ align-items: center;
328
+ cursor: pointer;
329
+ transition: var(--transition);
330
+ font-size: 1.4rem;
331
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
332
+ }
333
+
334
+ .nav-button:hover {
335
+ background: var(--primary);
336
+ color: white;
337
+ transform: translateY(-3px);
338
+ }
339
+
340
+ .slide-indicators {
341
+ position: fixed;
342
+ bottom: 120px;
343
+ left: 50%;
344
+ transform: translateX(-50%);
345
+ display: flex;
346
+ gap: 10px;
347
+ z-index: 100;
348
+ }
349
+
350
+ .indicator {
351
+ width: 14px;
352
+ height: 14px;
353
+ border-radius: 50%;
354
+ background: #adb5bd;
355
+ cursor: pointer;
356
+ transition: var(--transition);
357
+ border: 2px solid transparent;
358
+ }
359
+
360
+ .indicator.active {
361
+ background: var(--primary);
362
+ transform: scale(1.3);
363
+ border-color: white;
364
+ box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
365
+ }
366
+
367
+ .progress-bar {
368
+ position: fixed;
369
+ top: 0;
370
+ left: 0;
371
+ height: 5px;
372
+ background: linear-gradient(90deg, var(--primary), var(--accent));
373
+ z-index: 100;
374
+ transition: width 0.4s ease;
375
+ }
376
+
377
+ .title-slide {
378
+ background: linear-gradient(135deg, #0066cc 0%, #00a1df 100%);
379
+ color: white;
380
+ text-align: center;
381
+ justify-content: center;
382
+ }
383
+
384
+ .title-slide .slide-header {
385
+ border-bottom: 2px solid rgba(255, 255, 255, 0.3);
386
+ flex-direction: column;
387
+ margin-bottom: 0;
388
+ }
389
+
390
+ .title-slide .slide-title {
391
+ color: white;
392
+ background: none;
393
+ -webkit-background-clip: initial;
394
+ background-clip: initial;
395
+ font-size: 3.5rem;
396
+ margin-bottom: 20px;
397
+ }
398
+
399
+ .title-slide .slide-subtitle {
400
+ color: rgba(255, 255, 255, 0.9);
401
+ font-size: 1.8rem;
402
+ font-weight: 300;
403
+ max-width: 800px;
404
+ margin: 0 auto;
405
+ }
406
+
407
+ .title-slide .presenter-info {
408
+ margin-top: 50px;
409
+ font-size: 1.2rem;
410
+ color: rgba(255, 255, 255, 0.8);
411
+ }
412
+
413
+ .title-slide .date {
414
+ margin-top: 20px;
415
+ font-size: 1rem;
416
+ color: rgba(255, 255, 255, 0.6);
417
+ }
418
+
419
+ .three-col-grid {
420
+ display: grid;
421
+ grid-template-columns: repeat(3, 1fr);
422
+ gap: 30px;
423
+ margin-top: 30px;
424
+ }
425
+
426
+ .two-col-grid {
427
+ display: grid;
428
+ grid-template-columns: repeat(2, 1fr);
429
+ gap: 30px;
430
+ margin-top: 30px;
431
+ }
432
+
433
+ .full-width-image {
434
+ width: 100%;
435
+ max-height: 400px;
436
+ object-fit: contain;
437
+ margin: 20px 0;
438
+ border-radius: 8px;
439
+ }
440
+
441
+ @media (max-width: 1024px) {
442
+ .content-grid, .three-col-grid, .two-col-grid {
443
+ grid-template-columns: 1fr;
444
+ }
445
+
446
+ .slide-title {
447
+ font-size: 2.2rem;
448
+ }
449
+
450
+ .content-text, .content-list li {
451
+ font-size: 1.1rem;
452
+ }
453
+ }
454
+
455
+ @media (max-width: 768px) {
456
+ .slide {
457
+ padding: 20px;
458
+ }
459
+
460
+ .title-slide .slide-title {
461
+ font-size: 2.5rem;
462
+ }
463
+
464
+ .title-slide .slide-subtitle {
465
+ font-size: 1.4rem;
466
+ }
467
+
468
+ .nav-button {
469
+ width: 50px;
470
+ height: 50px;
471
+ font-size: 1.2rem;
472
+ }
473
+
474
+ .slide-indicators {
475
+ bottom: 100px;
476
+ }
477
+ }
478
+ </style>
479
+ </head>
480
+ <body>
481
+ <div class="progress-bar" id="progress-bar"></div>
482
+
483
+ <div class="presentation-container">
484
+ <!-- Title Slide -->
485
+ <div class="slide title-slide active" id="slide1">
486
+ <div class="slide-header">
487
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
488
+ <h1 class="slide-title">Verint Bots</h1>
489
+ <p class="slide-subtitle">Intelligent Automation for Exceptional Customer Experience</p>
490
+ </div>
491
+ <div class="presenter-info">
492
+ <p>Presented by: [Your Name]</p>
493
+ <p>[Your Company]</p>
494
+ </div>
495
+ <div class="date">
496
+ <p id="current-date"></p>
497
+ </div>
498
+ </div>
499
+
500
+ <!-- Introduction Slide -->
501
+ <div class="slide" id="slide2">
502
+ <div class="slide-header">
503
+ <h1 class="slide-title">The CX Automation Imperative</h1>
504
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
505
+ </div>
506
+ <div class="slide-content">
507
+ <div class="content-grid">
508
+ <div>
509
+ <p class="content-text">
510
+ Customer expectations are evolving faster than ever, with 73% of customers expecting companies to understand their unique needs.
511
+ </p>
512
+
513
+ <ul class="content-list">
514
+ <li><strong>Rising Expectations:</strong> 24/7 availability, instant responses, personalized experiences</li>
515
+ <li><strong>Operational Challenges:</strong> Increasing contact volumes, agent turnover, cost pressures</li>
516
+ <li><strong>Technology Gap:</strong> Siloed systems, fragmented customer journeys, lack of automation</li>
517
+ </ul>
518
+
519
+ <div class="highlight-box">
520
+ <p class="highlight-text">
521
+ "By 2025, 95% of customer interactions will be powered by AI"
522
+ </p>
523
+ </div>
524
+ </div>
525
+ <div>
526
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/cx-trends.jpg" alt="CX Trends" class="content-image">
527
+ </div>
528
+ </div>
529
+ </div>
530
+ <div class="slide-footer">
531
+ <p>Verint Bots Presentation | Confidential</p>
532
+ <p>1 of 12</p>
533
+ </div>
534
+ </div>
535
+
536
+ <!-- Verint Company Slide -->
537
+ <div class="slide" id="slide3">
538
+ <div class="slide-header">
539
+ <h1 class="slide-title">Verint: The CX Automation Leader</h1>
540
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
541
+ </div>
542
+ <div class="slide-content">
543
+ <div class="three-col-grid">
544
+ <div class="tech-card">
545
+ <h3>Global Leader</h3>
546
+ <p>10,000+ customers in 180 countries, including 85% of Fortune 100 companies</p>
547
+ </div>
548
+ <div class="tech-card">
549
+ <h3>AI Pioneer</h3>
550
+ <p>20+ years of AI innovation with 500+ AI patents and applications</p>
551
+ </div>
552
+ <div class="tech-card">
553
+ <h3>Proven Results</h3>
554
+ <p>Customers achieve 40-60% automation rates and 30-50% cost savings</p>
555
+ </div>
556
+ </div>
557
+
558
+ <div class="highlight-box" style="margin-top: 30px;">
559
+ <p class="highlight-text">
560
+ "Verint is recognized as a Leader in Gartner Magic Quadrant for CCaaS and Workforce Engagement Management"
561
+ </p>
562
+ </div>
563
+
564
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/verint-overview.jpg" alt="Verint Overview" class="full-width-image">
565
+ </div>
566
+ <div class="slide-footer">
567
+ <p>Verint Bots Presentation | Confidential</p>
568
+ <p>2 of 12</p>
569
+ </div>
570
+ </div>
571
+
572
+ <!-- Verint Bots Platform Slide -->
573
+ <div class="slide" id="slide4">
574
+ <div class="slide-header">
575
+ <h1 class="slide-title">Verint Bots Platform</h1>
576
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
577
+ </div>
578
+ <div class="slide-content">
579
+ <div class="content-grid">
580
+ <div>
581
+ <p class="content-text">
582
+ The Verint Bots platform combines conversational AI, knowledge automation, and process automation in a unified cloud platform.
583
+ </p>
584
+
585
+ <div class="icon-feature">
586
+ <i class="fas fa-robot"></i>
587
+ <div>
588
+ <h3 class="feature-title">Verint Da Vinci AI</h3>
589
+ <p class="feature-desc">Our "machine factory" combines generative AI, business rules, and proprietary models to create intelligent bots</p>
590
+ </div>
591
+ </div>
592
+
593
+ <div class="icon-feature">
594
+ <i class="fas fa-brain"></i>
595
+ <div>
596
+ <h3 class="feature-title">Continuous Learning</h3>
597
+ <p class="feature-desc">Bots improve over time through machine learning and human feedback</p>
598
+ </div>
599
+ </div>
600
+ </div>
601
+ <div>
602
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/bots-platform.jpg" alt="Verint Bots Platform" class="content-image">
603
+
604
+ <div class="highlight-box" style="margin-top: 20px;">
605
+ <p class="highlight-text">
606
+ "Open architecture integrates with existing CRM, ERP, and contact center systems"
607
+ </p>
608
+ </div>
609
+ </div>
610
+ </div>
611
+ </div>
612
+ <div class="slide-footer">
613
+ <p>Verint Bots Presentation | Confidential</p>
614
+ <p>3 of 12</p>
615
+ </div>
616
+ </div>
617
+
618
+ <!-- Core Capabilities Slide -->
619
+ <div class="slide" id="slide5">
620
+ <div class="slide-header">
621
+ <h1 class="slide-title">Core Capabilities</h1>
622
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
623
+ </div>
624
+ <div class="slide-content">
625
+ <div class="three-col-grid">
626
+ <div class="tech-card">
627
+ <i class="fas fa-comments" style="font-size: 2rem; color: var(--accent); margin-bottom: 15px;"></i>
628
+ <h3>Intelligent Virtual Assistants</h3>
629
+ <p>Natural language processing, intent recognition, and conversational AI for human-like interactions</p>
630
+ </div>
631
+ <div class="tech-card">
632
+ <i class="fas fa-book" style="font-size: 2rem; color: var(--accent); margin-bottom: 15px;"></i>
633
+ <h3>Knowledge Automation</h3>
634
+ <p>Smart content retrieval, FAQ automation, and personalized knowledge delivery</p>
635
+ </div>
636
+ <div class="tech-card">
637
+ <i class="fas fa-cogs" style="font-size: 2rem; color: var(--accent); margin-bottom: 15px;"></i>
638
+ <h3>Process Automation</h3>
639
+ <p>RPA integration, workflow automation, and backend system orchestration</p>
640
+ </div>
641
+ </div>
642
+
643
+ <div class="two-col-grid" style="margin-top: 30px;">
644
+ <div class="tech-card">
645
+ <i class="fas fa-chart-line" style="font-size: 2rem; color: var(--accent); margin-bottom: 15px;"></i>
646
+ <h3>Data-Driven Insights</h3>
647
+ <p>Real-time analytics, interaction intelligence, and predictive modeling</p>
648
+ </div>
649
+ <div class="tech-card">
650
+ <i class="fas fa-shield-alt" style="font-size: 2rem; color: var(--accent); margin-bottom: 15px;"></i>
651
+ <h3>Security & Compliance</h3>
652
+ <p>Enterprise-grade security, data privacy controls, and regulatory compliance</p>
653
+ </div>
654
+ </div>
655
+ </div>
656
+ <div class="slide-footer">
657
+ <p>Verint Bots Presentation | Confidential</p>
658
+ <p>4 of 12</p>
659
+ </div>
660
+ </div>
661
+
662
+ <!-- Specialized Bots Slide -->
663
+ <div class="slide" id="slide6">
664
+ <div class="slide-header">
665
+ <h1 class="slide-title">Specialized Bots</h1>
666
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
667
+ </div>
668
+ <div class="slide-content">
669
+ <div class="content-grid">
670
+ <div>
671
+ <div class="icon-feature">
672
+ <i class="fas fa-headset"></i>
673
+ <div>
674
+ <h3 class="feature-title">Coaching Bots</h3>
675
+ <p class="feature-desc">Real-time agent guidance during customer interactions to improve outcomes</p>
676
+ </div>
677
+ </div>
678
+
679
+ <div class="icon-feature">
680
+ <i class="fas fa-clipboard-check"></i>
681
+ <div>
682
+ <h3 class="feature-title">Interaction Wrap-Up Bot</h3>
683
+ <p class="feature-desc">Automatically generates call summaries, reducing after-call work by 70%</p>
684
+ </div>
685
+ </div>
686
+
687
+ <div class="icon-feature">
688
+ <i class="fas fa-calendar-alt"></i>
689
+ <div>
690
+ <h3 class="feature-title">TimeFlex Bot</h3>
691
+ <p class="feature-desc">Optimizes schedules using AI and gamification to improve work-life balance</p>
692
+ </div>
693
+ </div>
694
+ </div>
695
+ <div>
696
+ <div class="icon-feature">
697
+ <i class="fas fa-lightbulb"></i>
698
+ <div>
699
+ <h3 class="feature-title">Insight Bots</h3>
700
+ <p class="feature-desc">Transforms business intelligence into actionable recommendations</p>
701
+ </div>
702
+ </div>
703
+
704
+ <div class="icon-feature">
705
+ <i class="fas fa-search-dollar"></i>
706
+ <div>
707
+ <h3 class="feature-title">Sales Assist Bots</h3>
708
+ <p class="feature-desc">Provides real-time product recommendations and cross-sell opportunities</p>
709
+ </div>
710
+ </div>
711
+
712
+ <div class="icon-feature">
713
+ <i class="fas fa-hands-helping"></i>
714
+ <div>
715
+ <h3 class="feature-title">Employee Support Bots</h3>
716
+ <p class="feature-desc">Automates HR and IT helpdesk functions for faster employee support</p>
717
+ </div>
718
+ </div>
719
+ </div>
720
+ </div>
721
+ </div>
722
+ <div class="slide-footer">
723
+ <p>Verint Bots Presentation | Confidential</p>
724
+ <p>5 of 12</p>
725
+ </div>
726
+ </div>
727
+
728
+ <!-- Implementation Slide -->
729
+ <div class="slide" id="slide7">
730
+ <div class="slide-header">
731
+ <h1 class="slide-title">Implementation Approach</h1>
732
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
733
+ </div>
734
+ <div class="slide-content">
735
+ <div class="content-grid">
736
+ <div>
737
+ <p class="content-text">
738
+ Our proven implementation methodology ensures rapid time-to-value with minimal disruption:
739
+ </p>
740
+
741
+ <ul class="content-list">
742
+ <li><strong>Phase 1: Discovery</strong> - Process mapping, use case identification, and success metrics</li>
743
+ <li><strong>Phase 2: Design</strong> - Conversation flows, knowledge base setup, and integration design</li>
744
+ <li><strong>Phase 3: Build</strong> - Bot configuration, testing, and training</li>
745
+ <li><strong>Phase 4: Launch</strong> - Pilot deployment, monitoring, and optimization</li>
746
+ <li><strong>Phase 5: Scale</strong> - Expand to additional use cases and channels</li>
747
+ </ul>
748
+ </div>
749
+ <div>
750
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/implementation.jpg" alt="Implementation" class="content-image">
751
+
752
+ <div class="highlight-box" style="margin-top: 20px;">
753
+ <p class="highlight-text">
754
+ "Typical implementation timeline: 8-12 weeks for initial use cases"
755
+ </p>
756
+ </div>
757
+ </div>
758
+ </div>
759
+ </div>
760
+ <div class="slide-footer">
761
+ <p>Verint Bots Presentation | Confidential</p>
762
+ <p>6 of 12</p>
763
+ </div>
764
+ </div>
765
+
766
+ <!-- Case Study 1 -->
767
+ <div class="slide" id="slide8">
768
+ <div class="slide-header">
769
+ <h1 class="slide-title">Case Study: Global Bank</h1>
770
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
771
+ </div>
772
+ <div class="slide-content">
773
+ <div class="case-study">
774
+ <h3>Challenge</h3>
775
+ <p>A top 10 global bank needed to reduce call center volumes while improving customer satisfaction. They faced long hold times, inconsistent answers, and high operational costs.</p>
776
+
777
+ <h3>Solution</h3>
778
+ <p>Implemented Verint Bots across digital channels to handle routine inquiries (balance checks, transaction history, card controls) with seamless escalation to human agents when needed.</p>
779
+
780
+ <h3>Results</h3>
781
+ <div class="results">
782
+ <div class="result-item"><i class="fas fa-check-circle"></i> 58% of inquiries fully automated</div>
783
+ <div class="result-item"><i class="fas fa-check-circle"></i> 40% reduction in call volume</div>
784
+ <div class="result-item"><i class="fas fa-check-circle"></i> 22% improvement in CSAT</div>
785
+ <div class="result-item"><i class="fas fa-check-circle"></i> $12M annual cost savings</div>
786
+ </div>
787
+ </div>
788
+
789
+ <div class="highlight-box">
790
+ <p class="highlight-text">
791
+ "The Verint implementation exceeded our ROI expectations and transformed our customer experience"
792
+ </p>
793
+ </div>
794
+ </div>
795
+ <div class="slide-footer">
796
+ <p>Verint Bots Presentation | Confidential</p>
797
+ <p>7 of 12</p>
798
+ </div>
799
+ </div>
800
+
801
+ <!-- Case Study 2 -->
802
+ <div class="slide" id="slide9">
803
+ <div class="slide-header">
804
+ <h1 class="slide-title">Case Study: Telecom Provider</h1>
805
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
806
+ </div>
807
+ <div class="slide-content">
808
+ <div class="case-study">
809
+ <h3>Challenge</h3>
810
+ <p>A leading telecom provider struggled with high agent turnover and inconsistent sales performance across their contact centers.</p>
811
+
812
+ <h3>Solution</h3>
813
+ <p>Deployed Verint Coaching Bots and Sales Assist Bots to provide real-time guidance during customer interactions, with automated wrap-up and CRM updates.</p>
814
+
815
+ <h3>Results</h3>
816
+ <div class="results">
817
+ <div class="result-item"><i class="fas fa-check-circle"></i> 35% increase in conversion rates</div>
818
+ <div class="result-item"><i class="fas fa-check-circle"></i> 28% reduction in average handle time</div>
819
+ <div class="result-item"><i class="fas fa-check-circle"></i> 50% faster onboarding for new agents</div>
820
+ <div class="result-item"><i class="fas fa-check-circle"></i> 15% improvement in employee satisfaction</div>
821
+ </div>
822
+ </div>
823
+
824
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/telecom-case.jpg" alt="Telecom Case" class="full-width-image">
825
+ </div>
826
+ <div class="slide-footer">
827
+ <p>Verint Bots Presentation | Confidential</p>
828
+ <p>8 of 12</p>
829
+ </div>
830
+ </div>
831
+
832
+ <!-- ROI Slide -->
833
+ <div class="slide" id="slide10">
834
+ <div class="slide-header">
835
+ <h1 class="slide-title">Measurable Business Impact</h1>
836
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
837
+ </div>
838
+ <div class="slide-content">
839
+ <div class="content-grid">
840
+ <div>
841
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/roi-metrics.jpg" alt="ROI Metrics" class="content-image">
842
+ </div>
843
+ <div>
844
+ <ul class="content-list">
845
+ <li><strong>Cost Reduction:</strong> 30-50% lower operational costs through automation</li>
846
+ <li><strong>Revenue Growth:</strong> 20-35% higher conversion rates with sales assist bots</li>
847
+ <li><strong>Efficiency Gains:</strong> 40-60% reduction in handle times for automated inquiries</li>
848
+ <li><strong>Experience Improvement:</strong> 15-25 point increase in CSAT/NPS scores</li>
849
+ <li><strong>Employee Satisfaction:</strong> 20-30% improvement in agent satisfaction scores</li>
850
+ </ul>
851
+
852
+ <div class="highlight-box" style="margin-top: 20px;">
853
+ <p class="highlight-text">
854
+ "Typical payback period: 6-9 months with full ROI in 12-18 months"
855
+ </p>
856
+ </div>
857
+ </div>
858
+ </div>
859
+ </div>
860
+ <div class="slide-footer">
861
+ <p>Verint Bots Presentation | Confidential</p>
862
+ <p>9 of 12</p>
863
+ </div>
864
+ </div>
865
+
866
+ <!-- Future Slide -->
867
+ <div class="slide" id="slide11">
868
+ <div class="slide-header">
869
+ <h1 class="slide-title">The Future of Verint Bots</h1>
870
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
871
+ </div>
872
+ <div class="slide-content">
873
+ <div class="content-grid">
874
+ <div>
875
+ <p class="content-text">
876
+ Verint continues to innovate at the intersection of AI and customer experience:
877
+ </p>
878
+
879
+ <ul class="content-list">
880
+ <li><strong>Advanced Generative AI:</strong> More human-like conversations with contextual understanding</li>
881
+ <li><strong>Predictive Engagement:</strong> Anticipating customer needs before they contact you</li>
882
+ <li><strong>Emotional Intelligence:</strong> Detecting and responding to customer sentiment in real-time</li>
883
+ <li><strong>Hyper-Personalization:</strong> Tailoring experiences based on complete customer context</li>
884
+ <li><strong>Autonomous Resolution:</strong> End-to-end automation of complex customer journeys</li>
885
+ </ul>
886
+ </div>
887
+ <div>
888
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/future-ai.jpg" alt="Future AI" class="content-image">
889
+
890
+ <div class="highlight-box" style="margin-top: 20px;">
891
+ <p class="highlight-text">
892
+ "Our roadmap focuses on making every customer interaction smarter, faster, and more satisfying"
893
+ </p>
894
+ </div>
895
+ </div>
896
+ </div>
897
+ </div>
898
+ <div class="slide-footer">
899
+ <p>Verint Bots Presentation | Confidential</p>
900
+ <p>10 of 12</p>
901
+ </div>
902
+ </div>
903
+
904
+ <!-- Closing Slide -->
905
+ <div class="slide" id="slide12">
906
+ <div class="slide-header">
907
+ <h1 class="slide-title">Start Your Automation Journey</h1>
908
+ <img src="https://www.verint.com/themes/custom/verint/logo.svg" alt="Verint Logo" class="slide-logo">
909
+ </div>
910
+ <div class="slide-content">
911
+ <div class="content-grid">
912
+ <div>
913
+ <p class="content-text">
914
+ Ready to transform your customer experience with intelligent automation?
915
+ </p>
916
+
917
+ <ul class="content-list">
918
+ <li><strong>Assessment:</strong> Identify high-impact automation opportunities</li>
919
+ <li><strong>Demo:</strong> See Verint Bots in action with your use cases</li>
920
+ <li><strong>Pilot:</strong> Quick-start implementation for rapid results</li>
921
+ <li><strong>Scale:</strong> Expand automation across your organization</li>
922
+ </ul>
923
+
924
+ <div class="highlight-box" style="margin-top: 30px;">
925
+ <p class="highlight-text">
926
+ Contact us today to schedule your personalized consultation
927
+ </p>
928
+ </div>
929
+ </div>
930
+ <div>
931
+ <img src="https://www.verint.com/sites/default/files/styles/large/public/2021-07/contact-us.jpg" alt="Contact Us" class="content-image">
932
+
933
+ <div style="margin-top: 30px; text-align: center;">
934
+ <p style="font-size: 1.3rem; margin-bottom: 15px;">[Your Name]</p>
935
+ <p style="font-size: 1.1rem; margin-bottom: 5px;"><i class="fas fa-envelope"></i> your.email@company.com</p>
936
+ <p style="font-size: 1.1rem;"><i class="fas fa-phone"></i> (123) 456-7890</p>
937
+ </div>
938
+ </div>
939
+ </div>
940
+ </div>
941
+ <div class="slide-footer">
942
+ <p>Verint Bots Presentation | Confidential</p>
943
+ <p>11 of 12</p>
944
+ </div>
945
+ </div>
946
+ </div>
947
+
948
+ <div class="navigation">
949
+ <button class="nav-button" id="prev-btn"><i class="fas fa-arrow-left"></i></button>
950
+ <button class="nav-button" id="next-btn"><i class="fas fa-arrow-right"></i></button>
951
+ </div>
952
+
953
+ <div class="slide-indicators">
954
+ <div class="indicator active" data-slide="1"></div>
955
+ <div class="indicator" data-slide="2"></div>
956
+ <div class="indicator" data-slide="3"></div>
957
+ <div class="indicator" data-slide="4"></div>
958
+ <div class="indicator" data-slide="5"></div>
959
+ <div class="indicator" data-slide="6"></div>
960
+ <div class="indicator" data-slide="7"></div>
961
+ <div class="indicator" data-slide="8"></div>
962
+ <div class="indicator" data-slide="9"></div>
963
+ <div class="indicator" data-slide="10"></div>
964
+ <div class="indicator" data-slide="11"></div>
965
+ <div class="indicator" data-slide="12"></div>
966
+ </div>
967
+
968
+ <script>
969
+ document.addEventListener('DOMContentLoaded', function() {
970
+ // Set current date
971
+ const options = { year: 'numeric', month: 'long', day: 'numeric' };
972
+ document.getElementById('current-date').textContent = new Date().toLocaleDateString('en-US', options);
973
+
974
+ const slides = document.querySelectorAll('.slide');
975
+ const indicators = document.querySelectorAll('.indicator');
976
+ const prevBtn = document.getElementById('prev-btn');
977
+ const nextBtn = document.getElementById('next-btn');
978
+ const progressBar = document.getElementById('progress-bar');
979
+
980
+ let currentSlide = 0;
981
+ const totalSlides = slides.length;
982
+
983
+ // Initialize presentation
984
+ updateProgressBar();
985
+
986
+ // Next slide function
987
+ function goToNextSlide() {
988
+ if (currentSlide < totalSlides - 1) {
989
+ slides[currentSlide].classList.remove('active');
990
+ slides[currentSlide].classList.add('prev');
991
+
992
+ currentSlide++;
993
+
994
+ slides[currentSlide].classList.add('active');
995
+ slides[currentSlide].classList.remove('next');
996
+
997
+ updateIndicators();
998
+ updateProgressBar();
999
+ }
1000
+ }
1001
+
1002
+ // Previous slide function
1003
+ function goToPrevSlide() {
1004
+ if (currentSlide > 0) {
1005
+ slides[currentSlide].classList.remove('active');
1006
+ slides[currentSlide].classList.add('next');
1007
+
1008
+ currentSlide--;
1009
+
1010
+ slides[currentSlide].classList.add('active');
1011
+ slides[currentSlide].classList.remove('prev');
1012
+
1013
+ updateIndicators();
1014
+ updateProgressBar();
1015
+ }
1016
+ }
1017
+
1018
+ // Update navigation indicators
1019
+ function updateIndicators() {
1020
+ indicators.forEach((indicator, index) => {
1021
+ if (index === currentSlide) {
1022
+ indicator.classList.add('active');
1023
+ } else {
1024
+ indicator.classList.remove('active');
1025
+ }
1026
+ });
1027
+ }
1028
+
1029
+ // Update progress bar
1030
+ function updateProgressBar() {
1031
+ const progress = ((currentSlide + 1) / totalSlides) * 100;
1032
+ progressBar.style.width = `${progress}%`;
1033
+ }
1034
+
1035
+ // Event listeners for navigation buttons
1036
+ nextBtn.addEventListener('click', goToNextSlide);
1037
+ prevBtn.addEventListener('click', goToPrevSlide);
1038
+
1039
+ // Event listeners for keyboard navigation
1040
+ document.addEventListener('keydown', function(e) {
1041
+ if (e.key === 'ArrowRight' || e.key === 'PageDown' || e.key === ' ') {
1042
+ goToNextSlide();
1043
+ } else if (e.key === 'ArrowLeft' || e.key === 'PageUp') {
1044
+ goToPrevSlide();
1045
+ }
1046
+ });
1047
+
1048
+ // Event listeners for indicator clicks
1049
+ indicators.forEach(indicator => {
1050
+ indicator.addEventListener('click', function() {
1051
+ const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;
1052
+
1053
+ if (slideIndex !== currentSlide) {
1054
+ // Determine direction
1055
+ if (slideIndex > currentSlide) {
1056
+ slides[currentSlide].classList.remove('active');
1057
+ slides[currentSlide].classList.add('prev');
1058
+
1059
+ currentSlide = slideIndex;
1060
+
1061
+ slides[currentSlide].classList.add('active');
1062
+ slides[currentSlide].classList.remove('next');
1063
+ } else {
1064
+ slides[currentSlide].classList.remove('active');
1065
+ slides[currentSlide].classList.add('next');
1066
+
1067
+ currentSlide = slideIndex;
1068
+
1069
+ slides[currentSlide].classList.add('active');
1070
+ slides[currentSlide].classList.remove('prev');
1071
+ }
1072
+
1073
+ updateIndicators();
1074
+ updateProgressBar();
1075
+ }
1076
+ });
1077
+ });
1078
+
1079
+ // Touch events for mobile swipe
1080
+ let touchStartX = 0;
1081
+ let touchEndX = 0;
1082
+
1083
+ document.addEventListener('touchstart', function(e) {
1084
+ touchStartX = e.changedTouches[0].screenX;
1085
+ }, false);
1086
+
1087
+ document.addEventListener('touchend', function(e) {
1088
+ touchEndX = e.changedTouches[0].screenX;
1089
+ handleSwipe();
1090
+ }, false);
1091
+
1092
+ function handleSwipe() {
1093
+ if (touchEndX < touchStartX - 50) {
1094
+ goToNextSlide();
1095
+ }
1096
+
1097
+ if (touchEndX > touchStartX + 50) {
1098
+ goToPrevSlide();
1099
+ }
1100
+ }
1101
+
1102
+ // Auto-advance (optional)
1103
+ // let autoAdvance = setInterval(goToNextSlide, 10000);
1104
+
1105
+ // document.addEventListener('click', function() {
1106
+ // clearInterval(autoAdvance);
1107
+ // autoAdvance = setInterval(goToNextSlide, 10000);
1108
+ // });
1109
+ });
1110
+ </script>
1111
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body>
1112
+ </html>