diff --git a/frontend/src/app/components/accelerator-landing/accelerator-landing.component.html b/frontend/src/app/components/accelerator-landing/accelerator-landing.component.html index d11d8e49b..172708df5 100644 --- a/frontend/src/app/components/accelerator-landing/accelerator-landing.component.html +++ b/frontend/src/app/components/accelerator-landing/accelerator-landing.component.html @@ -1,33 +1,28 @@
-

Transaction stuck in the mempool?
Get it confirmed quickly with Mempool Accelerator™

+
+

Stuck Bitcoin transaction?
Get it confirmed quickly with Mempool Accelerator™

-

Get your transaction confirmed quicker through mempool.space's network of mining partners—fairly, reliably, and transparently.

- +

Get your transaction confirmed quicker through mempool.space's network of mining pool partners—fairly, reliably, and transparently.

+
-
-

In partnership with

- +
+ Join the Waitlist
- +

Easy

-

Simply tell us which transaction you need accelerated, and we'll take care of the rest. No technical knowledge needed.

+

Simply tell us which transaction you need accelerated, set the maximum rate you're willing to pay, and we'll take care of the rest.

- +

Fair

-

No opaque pricing—your acceleration fee is based on the fair market rate for getting a transaction included in the next block.

+

Our service is based on feerates and block templates you can verify by running The Mempool Open Source Project™ yourself.

- -

Transparent

-

Verify the fee estimates and block templates we use to accelerate your transaction by running The Mempool Open Source Project™ yourself.

-
-
- +

Reliable

Mempool's best-in-class fee estimation—combined with its mining pool relationships—means you can expect your transaction to be confirmed fast.

@@ -36,28 +31,19 @@
What makes Mempool Accelerator™ different from other accelerators?
 -
- -
-
-
-
How can I trust Mempool Accelerator™?
 -
- -
+

Mempool Accelerator™ strives to be fair, reliable, and transparent. The fee you pay to accelerate, for example, is based on the fair market price for blockspace—which you can verify from your own node running The Mempool Open Source Project™.

My transaction has been stuck for days. How quickly can Mempool Accelerator™ get it confirmed?
 -
- -
+

Mempool Accelerator™ prioritizes your transaction directly with mining pools based on the feerate ceiling you determine.

While it is not possible to provide a precise timeframe, your transaction will go from being "stuck" in the mempool to being in the top portion of pending transactions likely to be confirmed soon.

-
All of this sounds great, but is there someone I can reach out to for help first?
 -
- -
+
When will Mempool Accelerator™ be available?
 +

Soon™. Join the waitlist to be notified when it's ready.

- -
+ +
+ Join the Waitlist +
+ diff --git a/frontend/src/app/components/accelerator-landing/accelerator-landing.component.scss b/frontend/src/app/components/accelerator-landing/accelerator-landing.component.scss index 7e986055a..be6cca948 100644 --- a/frontend/src/app/components/accelerator-landing/accelerator-landing.component.scss +++ b/frontend/src/app/components/accelerator-landing/accelerator-landing.component.scss @@ -1,18 +1,28 @@ +p { + margin-top: 1rem; +} + +tr { + white-space: normal; +} + #hero { text-align: center; margin: 60px auto; width: 100%; max-width: 2000px; + padding: 0 20px; } #hero p { color: rgba(255, 255, 255, 0.568627451); } -#hero img { +#hero video { height: auto; width: 50%; max-width: 675px; + margin-top: 40px; } h2 { @@ -21,7 +31,7 @@ h2 { } .panel { - padding: 50px 80px 40px 80px; + padding: 30px 40px 30px 40px; } .panel-lead { @@ -40,18 +50,26 @@ h2 { height: auto; } +.cta.panel { + text-align: center; +} + +.cta.bottom.panel { + position: relative; +} + .explainer.panel { text-align: center; width: 100%; max-width: 2000px; margin: 0 auto; - margin-top: 50px; + margin-bottom: 75px; } .explainer.panel .point { text-align: center; width: 460px; - height: 400px; + height: 300px; padding: 30px; display: inline-block; } @@ -66,11 +84,9 @@ h2 { .explainer.panel .point svg { height: auto; - width: 125px; - background: #1d1f31; + width: 115px; border-radius: 50%; - padding: 20px; - filter: sepia(100%); + padding: 25px; } .panel.faq { @@ -81,7 +97,7 @@ h2 { } .endpoint-container { - margin-bottom: 5px; + margin-bottom: 25px; } .endpoint-container .section-header { @@ -100,7 +116,21 @@ h2 { text-decoration: none; } +.bg-effect { + position: absolute; + z-index: -100 !important; + height: 90vh; + opacity: 0.3; + background-repeat: no-repeat; + max-width: calc(100% - 50px); + animation: 2s ease forwards .5s bg-scale; +} +.bg-effect.top { + background-position: top left; + top: 20px; + width: 1000px; +} @media (max-width: 992px) { @@ -108,4 +138,8 @@ h2 { width: 80%; } + .explainer.panel .point { + width: 100%; + } + } diff --git a/frontend/src/resources/accelerator-hero-transparent.png b/frontend/src/resources/accelerator-hero-transparent.png deleted file mode 100644 index 66d39dafe..000000000 Binary files a/frontend/src/resources/accelerator-hero-transparent.png and /dev/null differ