diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 666212d7..181dd5f9 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -8,6 +8,10 @@ module.exports = {
   organizationName: 'yangshun',
   projectName: 'tech-interview-handbook',
   themeConfig: {
+    announcementBar: {
+      id: 'announcement-1', // Increment on change
+      content: `⭐️ Bring your interview skills to the next level with Educative. <a href="https://www.educative.io/explore?search_string=interview&aff=x23W">Join today for a discount!</a> ⭐️`,
+    },
     prism: {
       theme: require('prism-react-renderer/themes/github'),
       darkTheme: require('prism-react-renderer/themes/dracula'),
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 41de0c38..a05d1403 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -37,3 +37,9 @@ html[data-theme='dark'] {
     --ifm-h3-font-size: 1.25rem;
   }
 }
+
+div[class^='announcementBar_'] {
+  background-color: var(--ifm-color-primary);
+  color: #fff;
+  font-weight: bold;
+}