Skip to content

Commit 1fa04ff

Browse files
Serhii Prykhozhyiphilippem
Serhii Prykhozhyi
authored and
philippem
committed
update pricing section
1 parent 92760c9 commit 1fa04ff

File tree

6 files changed

+130
-81
lines changed

6 files changed

+130
-81
lines changed

‎client/src/views/lander.js‎

Lines changed: 44 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -155,70 +155,60 @@ Faster, always available, and easy to integrate<br/> into wallets, exchanges, an
155155
<h2 className="font-h2 text-center">Pricing</h2>
156156
<div className="pricing">
157157
<div className="pricing-card">
158-
<img src={`${staticRoot}img/icons/pricing1.svg`} alt="icon" />
159-
<span className="pricing-term">FREE UP TO</span>
160-
<h3 className="font-h3">500k <span>Requests/Month</span></h3>
161-
<p className="font-p2 text-gray">Authenticated users benefit from 500K requests per month for free and higher daily limits providing more capacity than the free public Esplora endpoints. Authenticated users also benefit from dedicated onboarding & support, and a 99.9% SLA for enhanced reliability.</p>
158+
<div className="pricing-card-title">
159+
<img src={`${staticRoot}img/icons/basic.svg`} alt="icon" />
160+
<span className="pricing-term">Basic</span>
161+
</div>
162+
<ul className="pricing-card-features font-p2 text-gray">
163+
<li>Basic support and access to help center</li>
164+
<li><a href="https://help.blockstream.com/hc/en-us/articles/52416257952537-Understanding-and-accessing-Waterfalls" target="_blank">Quick sync</a> access (10 credits per call)</li>
165+
<li>SLA 99.9%</li>
166+
</ul>
167+
<div className="pricing-card-quotas">
168+
<p className="font-h3">500k <span>API calls for </span><i>$40</i></p>
169+
</div>
170+
<a href="https://dashboard.blockstream.info" target="_blank" className="g-btn primary-btn">GET YOUR API KEY NOW</a>
162171
</div>
163172
<div className="pricing-card">
164-
<img src={`${staticRoot}img/icons/pricing2.svg`} alt="icon" />
165-
<span className="pricing-term">ONLY PAY FOR WHAT YOU USE</span>
166-
<div className="pricing-table">
167-
<div className="pricing-table-row">
168-
<div className="pricing-table-price">
169-
<span className="currency">$</span>
170-
<span className="amount">0.01</span>
171-
<span className="rate">/100</span>
172-
</div>
173-
<div className="pricing-table-description">500K - 10M requests</div>
174-
</div>
175-
176-
<div className="pricing-table-row">
177-
<div className="pricing-table-price">
178-
<span className="currency">$</span>
179-
<span className="amount">0.01</span>
180-
<span className="rate">/200</span>
181-
</div>
182-
<div className="pricing-table-description">10M - 50M requests</div>
183-
</div>
184-
185-
<div className="pricing-table-row">
186-
<div className="pricing-table-price">
187-
<span className="currency">$</span>
188-
<span className="amount">0.01</span>
189-
<span className="rate">/500</span>
190-
</div>
191-
<div className="pricing-table-description">50M - 100M requests</div>
192-
</div>
193-
194-
<div className="pricing-table-row">
195-
<div className="pricing-table-price">
196-
<span className="currency">$</span>
197-
<span className="amount">4,000</span>
198-
</div>
199-
<div className="pricing-table-description" style={{lineHeight: `15px`}}>100M+ requests (Unlimited Usage)</div>
200-
</div>
173+
<div className="pricing-card-title">
174+
<img src={`${staticRoot}img/icons/advanced.svg`} alt="icon" />
175+
<span className="pricing-term">Advanced</span>
201176
</div>
202-
<a href="https://dashboard.blockstream.info" target="_blank" className="g-btn primary-btn">GET YOUR API KEY</a>
177+
<ul className="pricing-card-features font-p2 text-gray">
178+
<li>Advanced support with 24h-48h response</li>
179+
<li><a href="https://help.blockstream.com/hc/en-us/articles/52416257952537-Understanding-and-accessing-Waterfalls" target="_blank">Quick sync</a> access (5 credits per call)</li>
180+
<li>Early access to new features</li>
181+
<li>Propose new features</li>
182+
<li>SLA 99.9%</li>
183+
</ul>
184+
<div className="pricing-card-quotas">
185+
<p className="font-h3">1M <span>API calls for </span><i>$100</i></p>
186+
<p className="font-h3">5M <span>API calls for </span><i>$499</i></p>
187+
<p className="font-h3">10M <span>API calls for </span><i>$999</i></p>
188+
<p className="font-h3">30M <span>API calls for </span><i>$2,000</i></p>
189+
</div>
190+
<a href="https://dashboard.blockstream.info" target="_blank" className="g-btn primary-btn">GET YOUR API KEY NOW</a>
203191
</div>
204192
<div className="pricing-card">
205-
<img src={`${staticRoot}img/icons/server-icon.svg`} alt="icon" />
206-
<span className="pricing-term">ENTERPRISE DEPLOYMENT</span>
207-
<div className="pricing-table">
208-
<p className="font-p2 text-gray my-1">For high-volume, mission-critical use cases, get dedicated Explorer API infrastructure with tailored setups.</p>
209-
<ul className="font-p2 text-gray">
210-
<li>Guaranteed geo-availability across regions</li>
211-
<li>Single or multi-tenant options</li>
212-
<li>Electrum RPC and REST endpoints</li>
213-
<li>Enhanced privacy and reliability</li>
214-
</ul>
215-
193+
<div className="pricing-card-title">
194+
<img src={`${staticRoot}img/icons/enterprise.svg`} alt="icon" />
195+
<span className="pricing-term">Enterprise</span>
196+
</div>
197+
<ul className="pricing-card-features font-p2 text-gray">
198+
<li>Optional custom agreements and dedicated servers</li>
199+
<li>Dedicated support</li>
200+
<li><a href="https://help.blockstream.com/hc/en-us/articles/52416257952537-Understanding-and-accessing-Waterfalls" target="_blank">Quick sync</a> access (1 credits per call)</li>
201+
<li>First access to new features</li>
202+
<li>SLA 99.9%</li>
203+
</ul>
204+
<div className="pricing-card-quotas">
205+
<p className="font-h3">Unlimited <span>API calls for </span><i>$3,000</i></p>
206+
<p className="font-p2 text-gray">Contact us now if you are looking for more tailored plans designed for high-volume and enterprise-grade applications.</p>
216207
</div>
217208
<a href="https://blockstream.typeform.com/enterpriseAPI" target="_blank" className="g-btn primary-btn">CONTACT US</a>
218209
</div>
219210
</div>
220211
</div>
221-
222212
</div>
223213
</div>
224214
, { t, activeTab: 'apiLanding', ...S })

‎www/img/icons/advanced.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎www/img/icons/arrow-right-orange.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎www/img/icons/basic.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎www/img/icons/enterprise.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎www/style.css‎

Lines changed: 71 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2919,14 +2919,6 @@ h3.table-title{
29192919
}
29202920
}
29212921

2922-
@media only screen and (max-width: 1280px) {
2923-
2924-
.sub-nav a{
2925-
margin-right: 30px;
2926-
}
2927-
2928-
}
2929-
29302922
@media only screen and (max-width: 475px) {
29312923

29322924
.sub-nav {
@@ -3279,9 +3271,10 @@ h3.table-title{
32793271
display: flex;
32803272
justify-content: center;
32813273
gap: 50px;
3274+
align-items: stretch;
32823275
}
32833276

3284-
@media only screen and (max-width: 820px) {
3277+
@media only screen and (max-width: 1080px) {
32853278
.pricing {
32863279
flex-direction: column;
32873280
align-items: center;
@@ -3292,25 +3285,65 @@ h3.table-title{
32923285
border-radius: 16px;
32933286
border: 1px solid rgba(151, 151, 151, 0.70);
32943287
background: #05090A;
3295-
max-width: 410px;
3288+
max-width: 380px;
32963289
width: 100%;
3297-
min-height: 590px;
3298-
height: 100%;
3299-
padding: 40px;
3290+
padding: 28px;
33003291
display: flex;
33013292
flex-direction: column;
33023293
}
33033294

3304-
@media only screen and (max-width: 820px) {
3295+
@media only screen and (max-width: 1080px) {
33053296
.pricing-card {
33063297
min-height: auto;
33073298
}
33083299
}
33093300

3301+
.pricing-card-title {
3302+
display: flex;
3303+
gap: 15px;
3304+
align-items: center;
3305+
margin-bottom: 20px;
3306+
}
3307+
33103308
.pricing-card img {
3311-
max-width: 56px;
3309+
max-width: 46px;
3310+
max-height: 42px;
33123311
width: 100%;
3313-
margin-bottom: 26px;
3312+
}
3313+
3314+
.pricing-card ul {
3315+
list-style: none;
3316+
padding: 0;
3317+
margin: 0 0 30px 0;
3318+
min-height: 180px;
3319+
}
3320+
3321+
@media only screen and (max-width: 1080px) {
3322+
.pricing-card ul {
3323+
min-height: auto;
3324+
}
3325+
}
3326+
3327+
.pricing-card ul li {
3328+
margin-bottom: 12px;
3329+
font-size: 14px;
3330+
font-style: normal;
3331+
font-weight: 400;
3332+
line-height: 22px;
3333+
padding-left: 30px;
3334+
background-image: url('/img/icons/arrow-right-orange.svg');
3335+
background-repeat: no-repeat;
3336+
background-position: left top 4px;
3337+
background-size: 15px 15px;
3338+
}
3339+
3340+
.pricing-card ul li a {
3341+
color: #FF9417;
3342+
text-decoration: underline;
3343+
}
3344+
3345+
.pricing-card ul li a:hover {
3346+
color: #22E1C9;
33143347
}
33153348

33163349
.pricing-term {
@@ -3320,15 +3353,23 @@ h3.table-title{
33203353
line-height: normal;
33213354
}
33223355

3323-
.pricing-card h3 {
3324-
margin: 40px 0 0;
3325-
font-size: 60px;
3326-
font-style: normal;
3327-
font-weight: 700;
3328-
line-height: 36px;
3356+
.pricing-card-quotas {
3357+
flex: 1;
3358+
display: flex;
3359+
flex-direction: column;
3360+
gap: 8px;
3361+
margin-bottom: 44px;
33293362
}
33303363

3331-
.pricing-card h3 span {
3364+
.pricing-card-quotas span {
3365+
margin: 0 3px;
3366+
}
3367+
3368+
.pricing-card p {
3369+
margin: 0;
3370+
}
3371+
3372+
.pricing-card p span {
33323373
font-size: 12px;
33333374
font-style: normal;
33343375
font-weight: 400;
@@ -3338,8 +3379,11 @@ h3.table-title{
33383379
letter-spacing: normal;
33393380
}
33403381

3341-
.pricing-card p {
3342-
margin-top: 50px;
3382+
.pricing-card p i {
3383+
color: #FF9417;
3384+
font-weight: 600;
3385+
font-size: 24px;
3386+
font-style: normal;
33433387
}
33443388

33453389
.pricing-card p > a {
@@ -3353,13 +3397,13 @@ h3.table-title{
33533397
.pricing-card .g-btn {
33543398
font-size: 14px;
33553399
margin-top: auto;
3400+
max-width: none;
33563401
}
33573402

3358-
@media only screen and (max-width: 820px) {
3403+
@media only screen and (max-width: 1080px) {
33593404
.pricing-card .g-btn {
33603405
margin-top: 16px;
33613406
}
3362-
33633407
}
33643408

33653409
.pricing-table {

0 commit comments

Comments
 (0)