diff --git a/docs/extra.css b/docs/extra.css
index 110690a..5783ba9 100644
--- a/docs/extra.css
+++ b/docs/extra.css
@@ -1,3 +1,22 @@
+.md-banner {
+    text-align: center;
+    font-weight: bold;
+    background-color: rgb(255, 122, 0);
+}
+.md-banner .upgrade-button {
+    display: inline-block;
+    border-radius: 20px;
+    padding: 3px 10px;
+    background: white;
+    margin-left: 10px;
+}
+.md-banner .md-typeset .learn-more {
+    color: white;
+    padding-left: 10px;
+} 
+.md-banner .md-typeset a {
+    color: rgb(122, 36, 0);
+}
 .md-typeset a {
     color: #066fac
 }
diff --git a/mkdocs.yml b/mkdocs.yml
index 837a222..9a38d32 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -10,6 +10,7 @@ docs_dir: docs
 
 theme:
   name: material
+  custom_dir: overrides
   features:
       - navigation.path
 #      - navigation.sections
@@ -53,8 +54,11 @@ plugins:
 markdown_extensions:
   - attr_list
   - md_in_html
-  - mdx_include
   - admonition
+  - mdx_include
+  - pymdownx.superfences
+  - pymdownx.tabbed:
+      alternate_style: true
   - pymdownx.emoji:
        emoji_index: !!python/name:material.extensions.emoji.twemoji 
        emoji_generator: !!python/name:material.extensions.emoji.to_svg
diff --git a/overrides/main.html b/overrides/main.html
new file mode 100644
index 0000000..c678f4a
--- /dev/null
+++ b/overrides/main.html
@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+
+{% block announce %}
+  Join the beta for the next major version of redesigned Automator! <a href="https://docs.google.com/forms/d/e/1FAIpQLScH3nJMIW9DcaCk012Ba9VrzPk_zmSzuQTJgUML3L4tsBycng/viewform?usp=sf_link" class="upgrade-button">Sign-up for the beta</a> <a class="learn-more" href="https://community.ringcentral.com/workflow-builder-23/automator-is-becoming-workflow-builder-9861">Learn more</a>
+{% endblock %}