-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
331 lines (328 loc) · 18.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Use our Partner Ecosystem Platform to automate every co-marketing and co-selling activity without sharing prospect, lead and customer data.">
<meta name="author" content="TomoBloq, Inc">
<title>Partner Ecosystem Platform | PromoBloq</title>
<!-- Favicon -->
<link rel="icon" href="assets/img/brand/tomobloq-icon.jpg" type="image/jpg">
<!-- Font Awesome 5 -->
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/libs/@fortawesome/fontawesome-free/css/all.min.css"><!-- Purpose CSS -->
<link rel="stylesheet" href="assets/css/purpose.css" id="stylesheet">
<link rel="stylesheet" href="assets/css/purpose-blue-dark.css" id="stylesheet">
<script>
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t,e){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.1.0";
analytics.load("WIwGn3T0GB9jp6drhETKGazYPHkFF5vL");
analytics.page();
}}();
</script>
<style>
h1, h2, h3, h4, h5 { font-family: 'Merriweather', serif }
</style>
</head>
<body>
<header class="header header-dark bg-dark" id="header-main">
<!-- Main navbar -->
<nav class="navbar navbar-main navbar-expand-lg navbar-dark" id="navbar-main">
<div class="container px-sm-0">
<!-- Logo -->
<a class="navbar-brand mr-sm-4" href="#">
<img alt="promobloq" src="assets/img/brand/promobloq-logo.png" id="navbar-logo" style="height:1.8em; margin-top:auto; margin-bottom:auto;">
</a>
<!-- Navbar collapse trigger -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-main-collapse" aria-controls="navbar-main-collapse" aria-expanded="false" aria-label="toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar nav -->
<div class="collapse navbar-collapse" id="navbar-main-collapse">
<ul class="navbar-nav align-items-center ml-sm-auto">
<!-- Products -->
<li class="nav-item mr-1">
<a class="nav-link" href="#tracks">HOW IT WORKS</a>
</li>
<li class="nav-item mr-1">
<a class="nav-link text-danger" href="#tracks"><u><b>LIVE DEMO</b></u></a>
</li>
<!-- <li class="nav-item mr-1">
<a class="nav-link" href="#price">PRICING</a>
</li> -->
<li class="nav-item mr-1">
<a class="nav-link" href="https://notion.so/promobloq"><i class="fas fa-lock"></i>CLIENT LOGIN</a>
</li>
<li class="nav-item mr-1">
<a href="tel:+13474605775" class="nav-link d-sm-none">
<span class="btn-inner--icon"><i class="fas fa-phone"></i></span>
<span class="btn-inner--text">+1 347 460 5775</span>
</a>
<a href="tel:+13474605775" class="btn btn-sm btn-white btn-icon rounded-pill d-none d-sm-inline-flex" data-toggle="tooltip" data-placement="left" title="Call or Text, Anytime!">
<span class="btn-inner--icon"><i class="fas fa-phone"></i></span>
<span class="btn-inner--text">+1 347 460 5775</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="main-content">
<section class="slice slice-lg bg-cover bg-size--cover" style="background-image:url('assets/img/svg/backgrounds/shapes/overlapping-circles.svg');">
<!-- <span class="mask bg-transparent opacity-8"></span> -->
<div class="container position-relative">
<div class="row row-grid justify-content-between align-items-center">
<div class="col-md-6 align-self-end">
<div class="py-6 py-lg-8 text-center text-lg-left">
<h1 class="text-white mb-4">Solve more problems for the most loyal customer.</h1>
<p class="text-white" style="font-size:20px;">PromoBloq provides a fast, scalable and modern way to remonetize a customer – using only your existing assets.</p>
<div class="mt-5">
<a href="#tracks" class="btn btn-soft-danger rounded-pill mr-lg-3 mb-3 mb-md-0">
<span style="font-size:18px;">Start a free 21-day trial</span></a>
<a href="#tracks" class="btn btn-outline-white btn-icon rounded-pill mr-2">
<span class="btn-inner--icon"><i class="fas fa-play"></i></span>
<span class="btn-inner--text" style="font-size:18px;">Get a live demo</span>
</a>
</div>
</div>
</div>
<div class="col-md-5">
<div class="d-none d-lg-block">
<img src="assets/img/svg/one-collaborate.svg" class="img-fluid">
</div>
</div>
<!-- <div class="col text-center pt-10">
<span class="lead text-danger" style="margin-top:4px;"><b>— WE WORK TOGETHER WITH —</b></span>
<div class="row justify-content-center">
<div class="col-lg-2 pt-2">
<img src="assets/img/svg/proof-logo.svg" width="120px"/>
</div>
<div class="col-lg-2 pt-2">
<img src="assets/img/svg/userpilot-logo.svg" width="120px"/>
</div>
<div class="col-lg-2 pt-2">
<img src="assets/img/svg/wiza-logo.svg" width="100px"/>
</div>
<div class="col-lg-2 pt-2">
<img src="assets/img/svg/sourcediv-logo.png" width="160px" />
</div>
<div class="col-lg-2 pt-2">
<img src="assets/img/svg/b24-logo.svg" width="100px"/>
</div>
</div>
</div>-->
</div>
</div>
</section>
<section class="slice slice-sm bg-dark" id="tracks">
<div class="container position-relative zindex-101">
<div class="row justify-content-center text-left text-white">
<div class="col-lg-10">
<h1 class="text-center text-white">
Three ways to remonetize a customer
</h1>
<span style="font-size:18px;" class="text-center text-white mt-5">
<p>PromoBloq is the first-of-its-kind partner ecosystem platform that helps product, marketing and sales teams automate every co-marketing and co-selling activity without sharing prospect, lead and customer data.<p>
<p>You'll tap into our B2B partner ecosystem to discover complementary partners for your customers.</p>
</span>
</div>
</div>
<span class="px-4"></span>
<div class="row position-relative">
<div class="col-md-4">
<div class="card">
<div class="card-body">
<h5 class="text-white mb-3"><strong>Grow with Solutions Partners</strong></h5>
<span style="font-size:18px;" class="text-white mt-5">
Let agencies and solutions providers create new or additional services for your customers, so your team can deliver core product features.
</span>
</div>
<div class="col mb-4">
<a href="https://form.typeform.com/to/rQC1aY?typeform-medium=embed-snippet" class="btn btn-sm btn-outline-danger rounded-pill mr-sm-3 mb-4 mb-md-0 typeform-share link" data-mode="popup" data-hide-headers="true" data-size="50" target="_blank"><span style="font-size:18px;"><strong>Create account</strong></span></a>
<!-- <a href="#"><span class="text-danger" style="font-size:20px; text-decoration: underline;"><strong>Learn more</strong></span></a> -->
</div>
<!-- <div class="card-footer">
<div class="row align-items-center">
<div class="col-8 col-md-9 d-flex align-items-center">
<div class="pr-3">
</div>
</div>
</div>
</div> -->
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<h5 class="text-white mb-3"><strong>Grow with Developer Partners</strong></h5>
<span style="font-size:18px; margin-top: 5px;" class="text-white">
Let product teams and developers build new apps or integrations for your customers, so your team can close bigger enterprise deals.
</span>
</div>
<div class="col mb-4">
<a href="https://form.typeform.com/to/rQC1aY?typeform-medium=embed-snippet" class="btn btn-sm btn-outline-danger rounded-pill mr-sm-3 mb-3 mb-md-0 typeform-share link" data-mode="popup" data-hide-headers="true" data-size="50" target="_blank"><span style="font-size:18px;">Create account</span></a>
<!-- <a href="#"><span class="text-danger" style="font-size:20px; text-decoration:underline;"><strong>Learn more</strong></span></a> -->
</div>
<!-- <div class="card-footer">
<div class="row align-items-center">
<div class="col-8 col-md-9 d-flex align-items-center">
<div class="pr-3">
</div>
</div>
</div>
</div> -->
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<h5 class="text-white mb-3"><strong>Grow with Referral Partners</strong></h5>
<span style="font-size:18px;" class="text-white mt-5">
Let content creators and marketers educate and solve hard problems for your customers, so your team can capture more market share.
</span>
</div>
<div class="col mb-4">
<a href="https://form.typeform.com/to/rQC1aY?typeform-medium=embed-snippet" class="mr-1 btn btn-sm btn-outline-danger rounded-pill mr-sm-3 mb-4 mb-md-0 typeform-share link" data-mode="popup" data-hide-headers="true" data-size="50" target="_blank"><span style="font-size:18px;">Create account</span></a>
<!-- <a href="#"><span class="text-danger" style="font-size:20px; text-decoration:underline;"><strong>Learn more</strong></span></a> -->
</div>
<!-- <div class="card-footer">
<div class="row align-items-center">
<div class="col-8 col-md-9 d-flex align-items-center">
<div class="pr-3">
</div>
</div>
</div>
</div> -->
</div>
</div>
<script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
</div>
<!-- <div class="row justify-content-center">
<a href="#"><span class="ml-3 text-danger" style="font-size:20px; text-decoration:underline;"><strong>Looking for a product or service to buy? Our marketplace is coming soon.</strong></span></a>
</div> -->
</div>
</section>
<section class="slice slice-md bg-dark">
<div class="container position-relative">
<div class="row justify-content-left text-left text-white">
<div class="col-lg-9">
<h2 class="text-left text-white">
Over 1,600 product teams build, optimize and scale partner ecosystems with PromoBloq
</h2>
</div>
</div>
<div class="row justify-content-center text-center pt-4">
<div class="col-sm-2 pt-2">
<img src="assets/img/svg/subscribers-logo.svg" width="140px"/>
</div>
<div class="col-sm-2 pt-2">
<img src="assets/img/svg/proof-logo.svg" width="120px"/>
</div>
<div class="col-lg-2 pt-2">
<img src="assets/img/svg/userpilot-logo.svg" width="130px"/>
</div>
<div class="col-lg-2 pt-2">
<img src="assets/img/svg/wiza-logo.svg" width="120px"/>
</div>
<div class="col-lg-2 pt-3">
<img src="assets/img/svg/b24-logo.svg" width="100px"/>
</div>
</div>
</div>
</section>
<section class="slice slice-md bg-dark">
<div class="container">
<div class="row row-grid justify-content-around align-items-left">
<div class="col-lg-6">
<div class="pr-lg-4">
<h3>Identify Go-To-Market Partners</h3>
<p class="lead" style="font-size:19px;">Connect your Customer Relationship Management Software (CRMs like Salesforce, HubSpot) to that of your partners. You'll identify the perfect co-selling and co-marketing partner for each prospect and lead. It also works with your Email Marketing Software (like Drip, Keap, Mailchimp).</p>
<!-- <a href="#accountMapping" class="link link-underline-danger font-weight-bold">Find out more about account mapping</a> -->
</div>
</div>
<div class="col-lg-4">
<img alt="find-partners" src="assets/img/svg/partners.svg" class="img-fluid img-center">
</div>
</div>
</div>
</section>
<section class="slice slice-md bg-dark">
<div class="container">
<div class="row row-grid justify-content-around align-items-right">
<div class="col-lg-6 order-lg-2">
<div class="pr-lg-4">
<h3>Discover More Prospects and Leads</h3>
<p class="lead" style="font-size:19px">Automatically discover overlapping prospects and leads so you and your partners can execute co-selling activities to get more repeat customers. Or execute co-marketing activities to acquire pre-qualified prospects and leads that convert into repeat customers for both you and your partners.</p>
<!-- <a href="#leadSwapping" class="link link-underline-danger font-weight-bold">Find out more about lead swapping</a> -->
</div>
</div>
<div class="col-lg-4 order-lg-1">
<img alt="map-account" src="assets/img/svg/map-customers.svg" class="img-fluid img-center">
</div>
</div>
</div>
</section>
<section class="slice slice-sm bg-dark">
<div class="container">
<div class="row row-grid justify-content-around align-items-left">
<div class="col-lg-6">
<div class="pr-lg-4">
<h3>Gain Expertise From Your Partners</h3>
<p class="lead" style="font-size:19px">Acquire marketing content and sales enablement materials from your co-marketing and co-selling partners, so you can educate your prospects and customers about their problems and solutions. You'll also get more market reach, more sales opportunities and close more deals through your partners.</p>
<!-- <a href="#partnershipMarketing" class="link link-underline-danger font-weight-bold">Find out more about partnership marketing</a> -->
</div>
</div>
<div class="col-lg-4">
<img alt="co-marketing" src="assets/img/svg/transfer-docs.svg" class="img-fluid img-center">
</div>
</div>
</div>
</section>
<section class="slice slice-sm bg-dark">
<div class="container position-relative zindex-101">
<div class="row justify-content-center text-center">
<div class="col-lg-10">
<h1 class="text-center text-danger">
Are you ready to partner up?
</h1>
<div class="mt-5">
<a href="#tracks" class="btn btn-soft-danger rounded-pill mr-lg-3 mb-3 mb-md-0">
<span style="font-size:18px;">Start a free 21-day trial</span></a>
<a href="#tracks" class="btn btn-outline-white btn-icon rounded-pill mr-2">
<span class="btn-inner--icon"><i class="fas fa-play"></i></span>
<span class="btn-inner--text" style="font-size:18px;">Get a live demo</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- footer (v5) -->
<section class="slice slice-sm pt-4">
<div class="container">
<ul class="nav justify-content-center mb-2">
<li class="nav-item">
<a class="nav-link h3 px-4" href="https://www.twitter.com/tomobloq" target="_blank"><i class="fab fa-twitter"></i></a>
</li>
<li class="nav-item">
<a class="nav-link h3 px-4" href="https://www.facebook.com/tomobloq" target="_blank"><i class="fab fa-facebook"></i></a>
</li>
<li class="nav-item">
<a class="nav-link h3 px-4" href="https://linkedin.com/company/tomobloq" target="_blank"><i class="fab fa-linkedin"></i></a>
</li>
<li class="nav-item">
<a class="nav-link h3 px-4" href="https://github.com/tomobloq" target="_blank"><i class="fab fa-github"></i></a>
</li>
</ul>
</div>
<center><p class="bg-gray-dark">© 2021 TomoBloq, Inc | <a href="#">Terms of Use</a> | <a href="#">Privacy Policy</a> | <a href="#"> Security</a><br>Proudly Based in New York, NY</p></center>
</section>
</div>
<!-- Core JS - includes jquery, bootstrap, popper, in-view and sticky-kit -->
<script src="assets/js/purpose.core.js"></script>
<!-- Page JS -->
<script src="assets/libs/jquery-countdown/dist/jquery.countdown.min.js"></script>
<!-- Purpose JS -->
<script src="assets/js/purpose.js"></script>
</body>
</html>