diff --git a/src/components.d.ts b/src/components.d.ts
index 7c7fcb966..c34f08ad0 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -9,6 +9,7 @@ declare module 'vue' {
export interface GlobalComponents {
BackupButtons: typeof import('./components/buttons/BackupButtons.vue')['default']
Balloon: typeof import('./components/Balloon.vue')['default']
+ Banner: typeof import('./components/Banner.vue')['default']
BirthdayButton: typeof import('./components/buttons/BirthdayButton.vue')['default']
ChannelBackupButton: typeof import('./components/buttons/ChannelBackupButton.vue')['default']
Divider: typeof import('./components/divider.vue')['default']
diff --git a/src/components/Banner.vue b/src/components/Banner.vue
new file mode 100644
index 000000000..f36ec6384
--- /dev/null
+++ b/src/components/Banner.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/MDX.vue b/src/components/MDX.vue
index 0f7743559..314a16a30 100644
--- a/src/components/MDX.vue
+++ b/src/components/MDX.vue
@@ -1,5 +1,6 @@