diff --git a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html
new file mode 100644
index 000000000..6010fe47f
--- /dev/null
+++ b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html
@@ -0,0 +1,42 @@
+
+
+
+
+
Accelerate your Bitcoin transaction?
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.scss b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts
new file mode 100644
index 000000000..0591e58a2
--- /dev/null
+++ b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts
@@ -0,0 +1,17 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+
+@Component({
+ selector: 'app-accelerate-checkout',
+ templateUrl: './accelerate-checkout.component.html',
+ styleUrls: ['./accelerate-checkout.component.scss']
+})
+export class AccelerateCheckout implements OnInit, OnDestroy {
+ constructor() {
+ }
+
+ ngOnInit() {
+ }
+
+ ngOnDestroy() {
+ }
+}
diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts
index 72d9eb04d..4c0acf222 100644
--- a/frontend/src/app/shared/shared.module.ts
+++ b/frontend/src/app/shared/shared.module.ts
@@ -96,6 +96,7 @@ import { MempoolErrorComponent } from './components/mempool-error/mempool-error.
import { AccelerationsListComponent } from '../components/acceleration/accelerations-list/accelerations-list.component';
import { PendingStatsComponent } from '../components/acceleration/pending-stats/pending-stats.component';
import { AccelerationStatsComponent } from '../components/acceleration/acceleration-stats/acceleration-stats.component';
+import { AccelerateCheckout } from '../components/accelerate-checkout/accelerate-checkout.component';
import { BlockViewComponent } from '../components/block-view/block-view.component';
import { EightBlocksComponent } from '../components/eight-blocks/eight-blocks.component';
@@ -212,6 +213,7 @@ import { OnlyVsizeDirective, OnlyWeightDirective } from './components/weight-dir
MempoolErrorComponent,
AccelerationsListComponent,
AccelerationStatsComponent,
+ AccelerateCheckout,
PendingStatsComponent,
HttpErrorComponent,
],
@@ -334,6 +336,7 @@ import { OnlyVsizeDirective, OnlyWeightDirective } from './components/weight-dir
MempoolErrorComponent,
AccelerationsListComponent,
AccelerationStatsComponent,
+ AccelerateCheckout,
PendingStatsComponent,
HttpErrorComponent,
diff --git a/frontend/src/resources/mempool-accelerator-sparkles-compressed.svg b/frontend/src/resources/mempool-accelerator-sparkles-compressed.svg
new file mode 100644
index 000000000..4a5bac3cc
--- /dev/null
+++ b/frontend/src/resources/mempool-accelerator-sparkles-compressed.svg
@@ -0,0 +1 @@
+
\ No newline at end of file