diff --git a/site/assets/scss/_nav.scss b/site/assets/scss/_nav.scss
index d8d24b7230..5e87acf099 100644
--- a/site/assets/scss/_nav.scss
+++ b/site/assets/scss/_nav.scss
@@ -69,3 +69,12 @@
     background: escape-svg($dropdown-active-icon) no-repeat .4rem .6rem/.75rem .75rem;
   }
 }
+
+.bd-announcement {
+  color: $white;
+  background-color: $bd-purple;
+  a {
+    color: $white;
+    text-decoration: underline;
+  }
+}
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
index 664a85494e..afb88c6427 100644
--- a/site/layouts/_default/docs.html
+++ b/site/layouts/_default/docs.html
@@ -6,6 +6,8 @@
   <body>
     {{ partial "skippy" . }}
 
+    {{ partial "announcement" . }}
+
     {{ partial "docs-navbar" . }}
 
     <div class="container-fluid">
diff --git a/site/layouts/_default/home.html b/site/layouts/_default/home.html
index c03de11abb..c404556e57 100644
--- a/site/layouts/_default/home.html
+++ b/site/layouts/_default/home.html
@@ -6,6 +6,8 @@
   <body>
     {{ partial "skippy" . }}
 
+    {{ partial "announcement" . }}
+
     {{ partial "docs-navbar" . }}
 
     {{ partial "home/masthead" . }}
diff --git a/site/layouts/partials/announcement.html b/site/layouts/partials/announcement.html
new file mode 100644
index 0000000000..f7aa62c868
--- /dev/null
+++ b/site/layouts/partials/announcement.html
@@ -0,0 +1,17 @@
+<div class="d-block px-3 py-2 text-center text-bold bd-announcement">
+  Bootstrap 4 has reached end of life.
+  <a
+    href="https://getbootstrap.com/docs/5.3/migration/"
+    target="_blank"
+    rel="noopener"
+    >Upgrade to the latest</a
+  >
+  or consider
+  <a
+    href="https://www.herodevs.com/support/nes-bootstrap?utm_source=Bootstrap_site&utm_medium=Banner&utm_campaign=v4_eol"
+    target="_blank"
+    rel="noopener"
+    >Never-Ending-Support</a
+  >
+  for your project
+</div>
