diff --git a/client/src/views/lander.js b/client/src/views/lander.js index 9d9e6d3a..f0a1a680 100644 --- a/client/src/views/lander.js +++ b/client/src/views/lander.js @@ -36,12 +36,13 @@ const LandingPage = ({ t, theme, ...S }) => {
-

Powering Bitcoin and Liquid Applications with Real-Time Blockchain Data

-

Built to simplify development and enhance performance for existing Bitcoin and Liquid applications, the Blockstream Explorer API offers faster address lookups, robust DoS protection, and seamless integration.

+

Build on Bitcoin
at Scale

+

Let the Blockstream Explorer API
handle the blockchain backend for you.
+Faster, always available, and easy to integrate
into wallets, exchanges, and fintech platforms.

GET YOUR API KEY
- Hero Image + Hero Image
@@ -80,53 +81,53 @@ const LandingPage = ({ t, theme, ...S }) => {
WHY EXPLORER API

High performance service - optimized for scaling and uptime

-

Extensive blockchain data indexing powers pre-populated, cache-ready results for fast and reliable access. The infrastructure is built to handle demanding workloads, ensuring high availability and scalability, even during peak usage.

+

Proven in production, and trusted by some of the biggest names in the industry,
our API is built to handle demanding workloads so your team can focus on growth.

icon -

Integrate & Scale

-

Effortless integration with a transparent pricing model eliminates upfront infrastructure costs. Developers can focus on building applications without the complexity of managing backend systems, saving both time and resources.

+

Plug in and Scale

+

Innovate without the burden of backend systems.

icon -

Operational Redundancy

-

Whether used as a primary solution or backup, the service eliminates costly infrastructure maintenance and disaster recovery planning. Its high reliability ensures uninterrupted access during outages or demand spikes.

+

Always Online

+

99.9% uptime SLA guarantee.

icon -

Privacy & Security

-

With no persistent logging and full end-to-end encryption, the service ensures confidentiality and adherence to best practices. Robust security protocols reduce the need for self-managed security solutions.

+

Privacy and Security

+

No persistent logging and end-to-end encryption.

FEATURES
-

Fast data access, scalable infrastructure, and 99.9% uptime

+

Explorer handles millions of requests on globally distributed infrastructure so your services are always online

icon -

Powered by the open-source Esplora project, Blockstream Explorer can be self-hosted. Run your own instance to suit your specific needs while leveraging the same robust software that powers our Enterprise solution.

+

Built on the battle-tested and
well-maintained Esplora stack.

icon -

Access data across Bitcoin Mainnet, Testnet, and Liquid networks, offering a broad spectrum of blockchain data for diverse applications.

+

Access Bitcoin mainnet, testnet,
and Liquid network data.

icon -

An HTTP REST API (with Electrs RPC coming soon) provides extended transaction details and seamless integration.

+

API designed for developers
with up-to-date documentation.

icon -

Partner with Blockstream for seamless integration, unmatched performance, and dedicated ongoing support.

+

Enterprise reliability from one of the
most experienced teams in Bitcoin.

icon -

Fully encrypted connections and secure access ensure data integrity, delivering reliable performance for mission-critical operations.

+

Blockstream runs the infrastructure
so your team can focus on product.

icon -

Advanced indexing and database storage reduce query times and remove the need to self-host expensive hardware like 2TB+ high-speed SSDs with extensive CPU resources.

+

Pre-indexed blockchain data
makes applications run faster

@@ -138,7 +139,7 @@ const LandingPage = ({ t, theme, ...S }) => {
icon

HTTP REST API
for Bitcoin and Liquid

-

Get real-time access to network data with simple RESTful endpoints, delivering low-latency, high-availability insights into UTXOs, balances, mempool transactions, and fee estimates, with seamless transaction broadcasting.

+

Instant API keys, clear docs, and well-maintained repos make integration seamless.
Access UTXOs, balances, mempool, and fee data through low-latency REST endpoints.

EXPLORE DOCUMENTATION
@@ -154,70 +155,60 @@ const LandingPage = ({ t, theme, ...S }) => {

Pricing

- icon - FREE UP TO -

500k Requests/Month

-

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.

+
+ icon + Basic +
+
    +
  • Basic support and access to help center
  • +
  • Quick sync access (10 credits per call)
  • +
  • SLA 99.9%
  • +
+
+

500k API calls for $40

+
+ GET YOUR API KEY NOW
- icon - ONLY PAY FOR WHAT YOU USE -
-
-
- $ - 0.01 - /100 -
-
500K - 10M requests
-
- -
-
- $ - 0.01 - /200 -
-
10M - 50M requests
-
- -
-
- $ - 0.01 - /500 -
-
50M - 100M requests
-
- -
-
- $ - 4,000 -
-
100M+ requests (Unlimited Usage)
-
+
+ icon + Advanced
- GET YOUR API KEY +
    +
  • Advanced support with 24h-48h response
  • +
  • Quick sync access (5 credits per call)
  • +
  • Early access to new features
  • +
  • Propose new features
  • +
  • SLA 99.9%
  • +
+
+

1M API calls for $100

+

5M API calls for $499

+

10M API calls for $999

+

30M API calls for $2,000

+
+ GET YOUR API KEY NOW
- icon - ENTERPRISE DEPLOYMENT -
-

For high-volume, mission-critical use cases, get dedicated Explorer API infrastructure with tailored setups.

-
    -
  • Guaranteed geo-availability across regions
  • -
  • Single or multi-tenant options
  • -
  • Electrum RPC and REST endpoints
  • -
  • Enhanced privacy and reliability
  • -
- +
+ icon + Enterprise +
+
    +
  • Optional custom agreements and dedicated servers
  • +
  • Dedicated support
  • +
  • Quick sync access (1 credits per call)
  • +
  • First access to new features
  • +
  • SLA 99.9%
  • +
+
+

Unlimited API calls for $3,000

+

Contact us now if you are looking for more tailored plans designed for high-volume and enterprise-grade applications.

CONTACT US
-
, { t, activeTab: 'apiLanding', ...S }) diff --git a/www/img/explorer-api-compass.png b/www/img/explorer-api-compass.png new file mode 100644 index 00000000..d4ce67c3 Binary files /dev/null and b/www/img/explorer-api-compass.png differ diff --git a/www/img/icons/advanced.svg b/www/img/icons/advanced.svg new file mode 100644 index 00000000..4a272c49 --- /dev/null +++ b/www/img/icons/advanced.svg @@ -0,0 +1,4 @@ + + + + diff --git a/www/img/icons/arrow-right-orange.svg b/www/img/icons/arrow-right-orange.svg new file mode 100644 index 00000000..d5d14d6b --- /dev/null +++ b/www/img/icons/arrow-right-orange.svg @@ -0,0 +1,3 @@ + + + diff --git a/www/img/icons/basic.svg b/www/img/icons/basic.svg new file mode 100644 index 00000000..67d318e8 --- /dev/null +++ b/www/img/icons/basic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/www/img/icons/enterprise.svg b/www/img/icons/enterprise.svg new file mode 100644 index 00000000..d6afc330 --- /dev/null +++ b/www/img/icons/enterprise.svg @@ -0,0 +1,4 @@ + + + + diff --git a/www/style.css b/www/style.css index ce2b780b..e9c1458c 100644 --- a/www/style.css +++ b/www/style.css @@ -2919,14 +2919,6 @@ h3.table-title{ } } -@media only screen and (max-width: 1280px) { - - .sub-nav a{ - margin-right: 30px; - } - -} - @media only screen and (max-width: 475px) { .sub-nav { @@ -3191,8 +3183,12 @@ h3.table-title{ } } +.info-card { + text-align: center; +} + .info-card h3 { - max-width: 210px; + /* max-width: 210px; */ margin: 20px 0 10px; } @@ -3211,6 +3207,7 @@ h3.table-title{ flex: 0 1 calc(33.333% - 20px); box-sizing: border-box; margin-bottom: 50px; + text-align: center; } @media only screen and (max-width: 820px) { @@ -3274,9 +3271,10 @@ h3.table-title{ display: flex; justify-content: center; gap: 50px; + align-items: stretch; } -@media only screen and (max-width: 820px) { +@media only screen and (max-width: 1080px) { .pricing { flex-direction: column; align-items: center; @@ -3287,25 +3285,65 @@ h3.table-title{ border-radius: 16px; border: 1px solid rgba(151, 151, 151, 0.70); background: #05090A; - max-width: 410px; + max-width: 380px; width: 100%; - min-height: 590px; - height: 100%; - padding: 40px; + padding: 28px; display: flex; flex-direction: column; } -@media only screen and (max-width: 820px) { +@media only screen and (max-width: 1080px) { .pricing-card { min-height: auto; } } +.pricing-card-title { + display: flex; + gap: 15px; + align-items: center; + margin-bottom: 20px; +} + .pricing-card img { - max-width: 56px; + max-width: 46px; + max-height: 42px; width: 100%; - margin-bottom: 26px; +} + +.pricing-card ul { + list-style: none; + padding: 0; + margin: 0 0 30px 0; + min-height: 180px; +} + +@media only screen and (max-width: 1080px) { + .pricing-card ul { + min-height: auto; + } +} + +.pricing-card ul li { + margin-bottom: 12px; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 22px; + padding-left: 30px; + background-image: url('/img/icons/arrow-right-orange.svg'); + background-repeat: no-repeat; + background-position: left top 4px; + background-size: 15px 15px; +} + +.pricing-card ul li a { + color: #FF9417; + text-decoration: underline; +} + +.pricing-card ul li a:hover { + color: #22E1C9; } .pricing-term { @@ -3315,15 +3353,23 @@ h3.table-title{ line-height: normal; } -.pricing-card h3 { - margin: 40px 0 0; - font-size: 60px; - font-style: normal; - font-weight: 700; - line-height: 36px; +.pricing-card-quotas { + flex: 1; + display: flex; + flex-direction: column; + gap: 8px; + margin-bottom: 44px; +} + +.pricing-card-quotas span { + margin: 0 3px; +} + +.pricing-card p { + margin: 0; } -.pricing-card h3 span { +.pricing-card p span { font-size: 12px; font-style: normal; font-weight: 400; @@ -3333,8 +3379,11 @@ h3.table-title{ letter-spacing: normal; } -.pricing-card p { - margin-top: 50px; +.pricing-card p i { + color: #FF9417; + font-weight: 600; + font-size: 24px; + font-style: normal; } .pricing-card p > a { @@ -3348,13 +3397,13 @@ h3.table-title{ .pricing-card .g-btn { font-size: 14px; margin-top: auto; + max-width: none; } -@media only screen and (max-width: 820px) { +@media only screen and (max-width: 1080px) { .pricing-card .g-btn { margin-top: 16px; } - } .pricing-table {