-
Notifications
You must be signed in to change notification settings - Fork 55
/
Copy pathpricing.html
302 lines (299 loc) · 16.9 KB
/
pricing.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Paystack</title>
<meta name="description" content="Accept payments online with Paystack">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<nav class="global-nav global-nav--transparent">
<div class="container">
<div class="global-nav__left">
<a href="index.html" class="global-nav__logo">
<img src="images/logo.svg" alt="Paystack">
</a>
</div>
<div class="global-nav__right">
<ul class="global-nav__menu">
<li class="global-nav__item global-nav__item--has-dropdown">
<a href="product.html">Product</a>
<ul class="global-dropdown-menu">
<li class="global-dropdown-menu__item">
<a href="product_payments.html">Payments</a>
</li>
<li class="global-dropdown-menu__item">
<a href="product_subscriptions.html">Subscriptions</a>
</li>
<li class="global-dropdown-menu__item">
<a href="product_dashboard.html">Dashboard</a>
</li>
<li class="global-dropdown-menu__item">
<a href="product_developers.html">Developers</a>
</li>
<li class="global-dropdown-menu__item">
<a href="product_fraud.html">Fraud</a>
</li>
<li class="global-dropdown-menu__divider"></li>
<li class="global-dropdown-menu__item global-dropdown-menu__item--muted">
<a href="product.html">Home</a>
</li>
</ul>
</li>
<li class="global-nav__item"><a href="pricing.html">Pricing</a></li>
<li class="global-nav__item"><a href="https://developers.paystack.co" target="_blank">Docs</a></li>
<li class="global-nav__item global-nav__item--has-dropdown">
<a href="#">
Company
</a>
<ul class="global-dropdown-menu">
<li class="global-dropdown-menu__item">
<a href="company.html">About</a>
</li>
<li class="global-dropdown-menu__item">
<a href="brand.html">Brand</a>
</li>
<li class="global-dropdown-menu__item">
<a href="careers.html">Careers</a>
</li>
<li class="global-dropdown-menu__item">
<a href="https://blog.paystack.com">Blog</a>
</li>
</ul>
</li>
<li class="global-nav__button">
<a href="#" class="button button--default-white button--rounded">
Log In
</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="hero-section hero-section--features">
<div class="hero-section__background"></div>
<div class="hero-section__content">
<div class="hero-section__icon">
<div class="svg svg--large svg--price-tag"></div>
</div>
<h2 class="hero-section__secondary-title">How much does it cost to use Paystack for your business? It's simple.</h2>
</div>
</section>
<section class="pricing-section pricing-section--options">
<div class="container">
<div class="grid grid--with-gutters grid--flex">
<div class="grid__column grid__column--6">
<div class="pricing-card">
<div class="pricing-card__header">
<h3 class="pricing-card__amount">1.5% <span>+ ₦100</span></h3>
<h5 class="pricing-card__label">For Local Cards</h5>
</div>
<div class="pricing-card__body">
<div class="breakdown-card breakdown-card--inline">
<div class="breakdown-card__icon">
<div class="svg svg--zero-setup"></div>
</div>
<div class="breakdown-card__content">
<h3 class="global-u-body-title">Micro Transactions</h3>
<p class="global-u-body-text">The ₦100 fee is waived for transactions less than ₦2500</p>
</div>
</div>
<div class="breakdown-card breakdown-card--inline">
<div class="breakdown-card__icon">
<div class="svg svg--cards"></div>
</div>
<div class="breakdown-card__content">
<h3 class="global-u-body-title">Local card fee caps</h3>
<p class="global-u-body-text">Fees for local cards are capped at ₦2000 - which means you won't pay more than that for such transactions.</p>
</div>
</div>
</div>
</div>
</div>
<div class="grid__column grid__column--6">
<div class="pricing-card">
<div class="pricing-card__header">
<h3 class="pricing-card__amount">3.9% <span>+ ₦100</span></h3>
<h5 class="pricing-card__label">For International Cards</h5>
</div>
<div class="pricing-card__body">
<div class="breakdown-card breakdown-card--inline">
<div class="breakdown-card__icon">
<div class="svg svg--multicurrency"></div>
</div>
<div class="breakdown-card__content">
<h3 class="global-u-body-title">Currencies</h3>
<p class="global-u-body-text">Accept payments from other countries with the same flow.</p>
</div>
</div>
<div class="breakdown-card breakdown-card--inline">
<div class="breakdown-card__icon">
<div class="svg svg--next-day-payouts"></div>
</div>
<div class="breakdown-card__content">
<h3 class="global-u-body-title">Settlements</h3>
<p class="global-u-body-text">International transactions are also settled directly to you.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pricing-section pricing-section--value">
<div class="container">
<div class="pricing-section__divider"></div>
<div class="grid">
<div class="grid__column grid__column--centered">
<div class="home-section-header company-section-header--centered">
<h2 class="home-section-header__primary-title">What's in the box?</h2>
<h4 class="home-section-header__secondary-title">Our simple transaction fees give you access to all Paystack products and features along with responsive, friendly support.</h4>
</div>
</div>
</div>
<div class="values-section">
<div class="grid grid--with-gutters">
<div class="grid__column grid__column--6">
<div class="value-item">
<div class="value-item__icon">
<img src="images/icons/source/check.svg" alt="check">
</div>
<div class="value-item__title">Payments & Subscriptions</div>
<div class="value-item__text">
The easiest and most reliable way to accept payments across multiple channels. Use payment pages to run online campaigns for your products and services without writing code, with an option to run your subscription business with ease.
</div>
</div>
</div>
<div class="grid__column grid__column--6">
<div class="value-item">
<div class="value-item__icon">
<img src="images/icons/source/check.svg" alt="check">
</div>
<div class="value-item__title">Accounting Integration</div>
<div class="value-item__text">
Paystack is constantly working to integrate with your workflow. We've integrated with popular business services to deliver a more satisfying customer experience. Use your Shopify & Woocommerce store with Paystack out of the box.
</div>
</div>
</div>
<div class="u-clear"></div>
<div class="grid__column grid__column--6">
<div class="value-item">
<div class="value-item__icon">
<img src="images/icons/source/check.svg" alt="check">
</div>
<div class="value-item__title">Plugins & Libraries</div>
<div class="value-item__text">
It's important for developers to be able to set up payments easily. Use one of many proprietary or community created libraries and plugins to jumpstart your integration. Our open-source community is also constantly adding more plugins you can use.
</div>
</div>
</div>
<div class="grid__column grid__column--6">
<div class="value-item">
<div class="value-item__icon">
<img src="images/icons/source/check.svg" alt="check">
</div>
<div class="value-item__title">Fraud Prevention</div>
<div class="value-item__text">
For Paystack, stopping fraud is top priority. We've used machine learning to minimize risks, reduce chargebacks and it's associated costs. We protect you with proactive screening, intelligent rules, network wide learning, and personalization.
</div>
</div>
</div>
<div class="u-clear"></div>
<div class="grid__column grid__column--6">
<div class="value-item">
<div class="value-item__icon">
<img src="images/icons/source/check.svg" alt="check">
</div>
<div class="value-item__title">Real-time reporting</div>
<div class="value-item__text">
Use your dashboard to follow all your transactions. You also get a real time dashboard of your growth, and payouts. You can also filter and download all your to allow you provide the best customer service and learn from your transactions.
</div>
</div>
</div>
<div class="grid__column grid__column--6">
<div class="value-item">
<div class="value-item__icon">
<img src="images/icons/source/check.svg" alt="check">
</div>
<div class="value-item__title">Payouts & Invoicing (soon)</div>
<div class="value-item__text">
One of the many new features we're working on is the ability to payout money from your dashboard to any bank account in the country. You'll also be able to create and send invoices to your customers then send reminders for them to pay you later.
</div>
</div>
</div>
</div>
</div>
</section>
<section class="global-signup">
<div class="container">
<div class="grid">
<div class="grid__column grid__column--6 grid__column--centered">
<h2 class="global-signup__primary-title">
Sign Up. Go Live. Get Paid.
</h2>
<h3 class="global-signup__secondary-title">
Paystack is an easy to setup, complete payments solution for your business. Ready to try it out?
</h3>
<ul class="global-signup__call-to-action">
<li class="global-signup__button">
<a class="button button--green" href="/">Create Account</a>
</li>
<li class="global-signup__button">
<a class="button button--default" href="/">Try a demo</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<footer class="global-footer">
<div class="container">
<div class="global-footer__grid grid">
<div class="grid__column grid__column--3 grid__column--6-s">
<div class="global-footer__menu-container">
<h4 class="global-footer__menu-header">Solutions</h4>
<ul class="global-footer__menu">
<li><a href="">Payments</a></li>
<li><a href="">Subscriptions</a></li>
<li><a href="">Business Tools</a></li>
<li><a href="">Developer Tools</a></li>
</ul>
</div>
</div>
<div class="grid__column grid__column--3 grid__column--6-s">
<h4 class="global-footer__menu-header">Resources</h4>
<ul class="global-footer__menu">
<li><a href="">Demo</a></li>
<li><a href="">Slack</a></li>
<li><a href="">API Documentation</a></li>
<li><a href="">Privacy & Terms</a></li>
</ul>
</div>
<div class="grid__column grid__column--6">
<div class="grid__column grid__column--6 grid__column--6-s">
<h4 class="global-footer__menu-header">San Francisco</h4>
<p class="global-footer__address">1281 Lawrence Station Road, Sunnyvale, California.</p>
</div>
<div class="grid__column grid__column--6 grid__column--6-s">
<h4 class="global-footer__menu-header">Lagos</h4>
<p class="global-footer__address">22A, Olatunbosun Str, Shonibare Estate, Ikeja. Lagos</p>
</div>
<div class="grid__column grid__column--6 grid__column--6-s">
<a href="" class="global-footer__contact">hello@paystack.com</a>
</div>
<div class="grid__column grid__column--6 grid__column--6-s">
<a href="" class="global-footer__contact">+234 908 566 2909</a>
</div>
</div>
<div class="grid__column grid__column--12">
<div class="global-footer__copyright">© 2016, Paystack Payments Limited</div>
</div>
</div>
</div>
</footer>
<script src="js/vendor/animate.min.js"></script>
<script src="js/stack-animations.js"></script>
</body>
</html>