diff --git a/docusaurus.config.js b/docusaurus.config.js
index b105d80d..58d5af46 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -10,6 +10,7 @@ const prism = require("prism-react-renderer");
 const baseLightCodeBlockTheme = prism.themes.vsLight;
 const baseDarkCodeBlockTheme = prism.themes.vsDark;
 
+
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: "🦜️🛠️ LangSmith",
@@ -105,6 +106,10 @@ const config = {
         disableSwitch: false,
         respectPrefersColorScheme: true,
       },
+      announcementBar: {
+        content: 
+        'Learn the essentials of LangSmith in the new Introduction to LangSmith course! <a href="https://academy.langchain.com/courses/intro-to-langsmith" target="_blank" rel="noopener noreferrer"> Enroll for free. </a>', 
+      },
       prism: {
         theme: {
           ...baseLightCodeBlockTheme,
diff --git a/src/css/custom.css b/src/css/custom.css
index 61b70c45..1d80a0ed 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -351,3 +351,8 @@ hr {
   background-color: var(--joy-palette-background-level2) !important;
 }
 
+div[class^='announcementBar_'] {
+  font-size: 20px;
+  background-color: #d0c9feff;
+  font-weight: bold;
+}
\ No newline at end of file