-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
447 lines (392 loc) · 20.5 KB
/
home.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- ========== VIEWPORT META ========== -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!-- ========== PAGE TITLE ========== -->
<title>Botimize | analytics designed to OPTIMIZE your bot</title>
<!-- ========== META TAGS ========== -->
<meta name="description" content="Behavioral and conversational analytics designed to OPTIMIZE your chatbot.">
<meta name="keywords" content="analytics, software, bot, chatbot, saas">
<meta name="author" content="getbotimize.com">
<!-- ========== FAVICON & APPLE ICONS ========== -->
<link rel="shortcut icon" href="images/btmz_favicon.png">
<link rel="apple-touch-icon" href="images/btmz_apple-touch-icon.png">
<meta itemprop="image" content="https://www.getbotimize.com/images/btmz_easy-to-use-demo.gif">
<meta property="og:image" content="https://www.getbotimize.com/images/btmz_easy-to-use-demo.gif">
<!-- ========== MINIFIED VENDOR CSS ========== -->
<link rel="stylesheet" href="styles/vendor.css">
<link rel="stylesheet" href="styles/main.css">
<!-- ========== MODERNIZR ========== -->
<script src="scripts/vendor/modernizr.js"></script>
</head>
<body class="animsition">
<!-- ========== NAVIGATION ========== -->
<nav class="navbar yamm navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- end navbar-toggle -->
<a class="navbar-brand" href="/">
<img src="images/btmz logo_light bg_with tagline.png" alt="botimize Logo" class="light-logo">
<img src="images/new btmz_dark-logo.png" alt="botimize Logo" class="dark-logo">
</a>
<!-- end navbar-brand -->
</div>
<!-- end navbar-header -->
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav pull-right">
<li class="active dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home</a>
</li>
<li>
<a href="#features-section">Feature</a>
</li>
<li>
<a href="https://dashboard.getbotimize.com/docs" target="_blank">Docs</a>
</li>
<li>
<a href="https://www.facebook.com/groups/chatbot/" target="_blank">Community</a>
</li>
</ul>
<!-- end navbar-nav -->
</div>
<!--end nav-collapse -->
</div>
<!-- end container -->
</nav>
<!-- ========== HEADER ========== -->
<header class="header main-header header-style-3" id="circular-particles">
<div class="primary-trans-bg white-bg" style="background: #314755; background: -webkit-linear-gradient(to left, rgba(0, 190, 235, 0.8) , rgba(18, 140, 198, 0.8)); background: linear-gradient(to left, rgba(0, 190, 235, 0.8) , rgba(18, 140, 198, 0.8));">
<div class="container">
<!-- For centering the content vertically -->
<div class="outer">
<div class="inner">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h1 class="white-color">Optimize your bot for happier customers, scientifically.</h1>
<h5 class="">Track, test, and action in real time. It's as easy as 1 - 2 -
<span onclick="location.href='./index-33'">3</span>. </h5>
</div>
<!-- end col-md-4 -->
</div>
<!-- end row -->
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-2">
<a href="https://dashboard.getbotimize.com/?apiKey=9I73FI99TS3TB6DZ6LO4D9E8B2IR5WZR" target="_blank" class="btn se-btn-white btn-rounded">
<b>SEE DEMO</b>
</a>
</div>
</div>
</div>
<!-- end inner -->
</div>
<!-- end outer -->
</div>
<!-- end container -->
</div>
<!-- end primary-trans-bg -->
<!-- Start of Async Drift Code -->
<!--
<script>
!function() {
var t;
if (t = window.driftt = window.drift = window.driftt || [], !t.init) return t.invoked ? void (window.console && console.error && console.error("Drift snippet included twice.")) : (t.invoked = !0,
t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ],
t.factory = function(e) {
return function() {
var n;
return n = Array.prototype.slice.call(arguments), n.unshift(e), t.push(n), t;
};
}, t.methods.forEach(function(e) {
t[e] = t.factory(e);
}), t.load = function(t) {
var e, n, o, i;
e = 3e5, i = Math.ceil(new Date() / e) * e, o = document.createElement("script"),
o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + i + "/" + t + ".js",
n = document.getElementsByTagName("script")[0], n.parentNode.insertBefore(o, n);
});
}();
drift.SNIPPET_VERSION = '0.3.1';
drift.load('tf7x2y5nnput');
</script>
-->
<!-- End of Async Drift Code -->
</header>
<!-- ========== FEATURES ========== -->
<section class="se-section features-section" id="features-section">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 se-feature">
<i class="icon ion-ios-analytics-outline"></i>
<h5>Rich Visualization</h5>
<p>Analytics for bots are different from traditional web or app analytics. We make both generic data and
bot-specific metrics easy-to-understand for you with elegant visualization.</p>
</div>
<!-- end se-feature -->
<div class="col-md-3 col-sm-6 se-feature">
<i class="icon ion-ios-speedometer-outline"></i>
<h5>Tailored Notification</h5>
<p>Unexpected accidents happen - and bots are not smart enough to solve them independently. Not yet. Call
in human agents to save the day manually! We've got your back with emails and Slack push-notifs.</p>
</div>
<!-- end se-feature -->
<div class="col-md-3 col-sm-6 se-feature">
<i class="icon ion-ios-lightbulb-outline"></i>
<h5>Easy To Use</h5>
<p>Sweatless integration - keep us copied with the message exchange between users and your bot, and we'll
take care of the rest. Play with your analytics on our handcrafted dashboard - data interaction's
meant to be this easy.</p>
</div>
<!-- end se-feature -->
<div class="col-md-3 col-sm-6 se-feature">
<i class="icon ion-ios-paper-outline"></i>
<h5>Everything's Archived</h5>
<p>Keep up with things in real-time, or dive into historical data anytime later for hingsights. Do it here
or download CSV for offline uses - you're the boss of your own data.</p>
</div>
<!-- end se-feature -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- ========== SINGLE FEATURE SECTION ========== -->
<section class="se-section single-feature" style="overflow: auto; height: auto; padding: 90px 0 130px 0;">
<div class="col-md-6 zero-padding col-md-push-6 side-img">
<img src="images/btmz_easy-to-use-demo.gif" alt="" class="img-responsive">
</div>
<!-- end side-img -->
<div class="container feature-desc">
<div class="row">
<div class="col-md-5 feature-info">
<h3 style="margin-top: 0;">Informative != Confusing. Powerfulness made simple.</h3>
<p>Analytics reports today are too complicated to be interpreted even by their owners? We think so, too.
</p>
<p>You'll need your analytics to be
<b>understandable</b> to actually best use it. </p>
<p>At botimize, it's believed simplicity is paramount for knowledge. No more searching-through-user-manuals
for that detailed definition of certain metrics. Understand what your numbers really mean whenever
you see them with our intuitive design, or with handy explainations wherever we think you'd need
them.</p>
<a href="#" class="btn se-btn btn-rounded">Learn More</a>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- ========== SINGLE FEATURE SECTION ========== -->
<section class="se-section single-feature">
<div class="col-md-6 zero-padding side-img">
<img src="images/btmz_freq-analysis-demo.gif" alt="" class="img-responsive pull-right">
</div>
<!-- end side-img -->
<div class="container feature-desc">
<div class="row">
<div class="col-md-5 col-md-push-7 feature-info">
<h3 style="margin-top: 0;">Hear what your users are really saying.</h3>
<p>Conversational analytics should be different from app or web analytics.</p>
<p>See how popular terms customers use are trending over time. This is something you can never learn about
by just tracking CTRs. Listening to your users is always the one key to building a product that brings
happier customers on board. </p>
<a href="#" class="btn se-btn btn-rounded">Learn More</a>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- ========== STEPS ========== -->
<section class="se-section se-steps">
<div class="container">
<div class="row text-center">
<h3 class="underline mtn">It's as ease as 1 - 2 - 3!</h3>
</div>
<!-- end row -->
<div class="row">
<div class="col-md-4 col-sm-4 one-step">
<h4>Sign Up</h4>
<p>Sign up an account with your email, and verify it in your inbox. This takes less than 15 secs.</p>
</div>
<div class="col-md-4 col-sm-4 one-step">
<h4>Create A Project</h4>
<p>Love the demo dashboard you're seeing? Create your first project, and integrate your bot with your unique
project API key :)</p>
</div>
<div class="col-md-4 col-sm-4 one-step">
<h4>Ready To Go!</h4>
<p>Drop any line of message to your bot. And you're all set to go!</p>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- ========== FEATURES ========== -->
<section class="se-section features-section parallax-bg" data-parallax="scroll" data-image-src="images/bg-img-3.jpg" data-speed="0.4">
<div class="black-gradient">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 se-feature-style-2 mb60">
<div class="left">
<i class="icon ion-arrow-expand"></i>
</div>
<div class="right">
<h5>Conversation-Specific Metrics</h5>
<p>Rich data visualization & easy-to-understand metrics, designed specifically for bots.</p>
</div>
</div>
<!-- end se-feature -->
<div class="col-md-6 col-sm-6 se-feature-style-2 mb60">
<div class="left">
<i class="icon ion-android-search"></i>
</div>
<div class="right">
<h5>Discover the tipping points</h5>
<p>With semantic analysis, listen to both what you're users are saying - and what they're not. </p>
</div>
</div>
<!-- end se-feature -->
<div class="col-md-6 col-sm-6 se-feature-style-2 mb60">
<div class="left">
<i class="icon ion-ios-bolt"></i>
</div>
<div class="right">
<h5>Live analytics for live events</h5>
<p>Data are pulled every few milliseconds - stay tuned for up-to-date events on our real-time panel.
</p>
</div>
</div>
<!-- end se-feature -->
<div class="col-md-6 col-sm-6 se-feature-style-2 mb60">
<div class="left">
<i class="icon ion-information"></i>
</div>
<div class="right">
<h5>Frustration-free prompts</h5>
<p>No more guessing what any metrics means. Understand what every number stands for, and make informed
decisions upon them.</p>
</div>
</div>
<!-- end se-feature -->
<div class="col-md-6 col-sm-6 se-feature-style-2">
<div class="left">
<i class="icon ion-checkmark"></i>
</div>
<div class="right">
<h5>Actionable analytics</h5>
<p>Instead of just passively telling you what's already happened, our real-time notification enables
you to walk in any conversation and make the click, whenever needed. </p>
</div>
</div>
<!-- end se-feature -->
<div class="col-md-6 col-sm-6 se-feature-style-2">
<div class="left">
<i class="icon ion-settings"></i>
</div>
<div class="right">
<h5>Customized funnel</h5>
<p>Validate your hypothesis by measuring the hit rate of almost any appointed end goals!
<i>(coming soon)</i>
</p>
</div>
</div>
<!-- end se-feature -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<!-- end black-gradient -->
</section>
<!-- end features-section -->
<!-- ========== FOOTER ========== -->
<footer class="light-footer">
<div class="container">
<div class="row">
<div class="col-md-2 col-sm-3 col-xs-6">
<img src="images/new btmz_dark-logo.png" alt="" class="footer-logo">
</div>
<div class="col-md-2 col-sm-3 col-xs-6">
<h6 class="mtn">Botimize</h6>
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="https://dashboard.getbotimize.com/docs" target="_blank">Documentation</a>
</li>
<li>
<a href="https://www.facebook.com/groups/chatbot/" target="_blank">Community</a>
</li>
</ul>
</div>
<div class="col-md-2 col-sm-3 col-xs-6">
<h6 class="mtn">LEGAL</h6>
<ul>
<li>
<a href="privacy-policy">Privacy Policy</a>
</li>
<li>
<a href="terms-of-service">Terms of Service</a>
</li>
</ul>
</div>
<div class="col-md-2 col-sm-3 col-xs-6">
<h6 class="mtn">MEDIA</h6>
<ul>
<li>
<a href="https://www.facebook.com/botimize/" target="_blank">Facebook</a>
</li>
<li>
<a href="https://twitter.com/botimize" target="_blank">Twitter</a>
</li>
</ul>
</div>
<div class="col-md-4 col-sm-8 col-sm-offset-2 col-md-offset-0">
<h6 class="mtn">IMPORTANT UPDATES</h6>
<div class="input-group">
<input type="email" class="form-control inp-rounded" placeholder="Your email ID" id="subscribe-email">
<span class="input-group-btn">
<button class="btn se-btn btn-rounded" type="button" id="subscribe-button">Subscribe!</button>
</span>
<!-- end input-group-btn -->
</div>
<!-- end input-group -->
<div id="subscribe-result">
</div>
<p class="text-center text-muted">Unsubscribe anytime you want. We don't spam!</p>
</div>
</div>
<!-- end row -->
<div class="row footer-bottom">
<div>
<p>Made with ♥ San Jose | Taipei | Hong Kong ． Copyright © Bosion Inc. 2018. All Rights Reserved.</p>
<p>¿Cómo estás?
<a style="font-size: 1em; font-weight: bold;" href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
<!-- end footer-bottom -->
</div>
<!-- end container -->
</footer>
<script src="scripts/vendor.js"></script>
<script src="scripts/subscribe.js"></script>
<!-- ========== MINIFIED PLUGINS JS ========== -->
<script src="scripts/plugins.js"></script>
<script src="scripts/main.js"></script>
<script src="scripts/init-animation-circle.js"></script>
</body>
</html>