diff --git a/src/theme/DocBreadcrumbs/index.tsx b/src/theme/DocBreadcrumbs/index.tsx
index 5382245d..bb64fd81 100644
--- a/src/theme/DocBreadcrumbs/index.tsx
+++ b/src/theme/DocBreadcrumbs/index.tsx
@@ -60,9 +60,24 @@ export default function DocBreadcrumbs(): ReactNode {
     return null;
   }
 
+  const lastBreadcrumb = breadcrumbs[breadcrumbs.length - 1];
+  const showTeamsBanner = lastBreadcrumb?.label === 'Welcome';
+
   return (
     <>
       <DocBreadcrumbsStructuredData breadcrumbs={breadcrumbs} />
+      {showTeamsBanner && (
+        <div className={styles.teamsPromo} role="complementary" aria-label="Roo Code Teams announcement">
+          <span className={styles.teamsPromoHeadline}>Ship Faster with Roo Code Teams.</span>
+          <a
+            className={styles.teamsPromoLink}
+            href="https://app.roocode.com/l/teams?utm_source=docs&utm_medium=banner&utm_campaign=teams_promo"
+            target="_blank"
+            rel="noopener noreferrer">
+            Get early access now.
+          </a>
+        </div>
+      )}
       <nav
         className={clsx(
           ThemeClassNames.docs.docBreadcrumbs,
diff --git a/src/theme/DocBreadcrumbs/styles.module.css b/src/theme/DocBreadcrumbs/styles.module.css
index 77a4bdfe..2f39ea3e 100644
--- a/src/theme/DocBreadcrumbs/styles.module.css
+++ b/src/theme/DocBreadcrumbs/styles.module.css
@@ -14,3 +14,42 @@
   margin: 0;
   flex: 1;
 }
+
+.teamsPromo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+  padding: 0.85rem 1.1rem;
+  border-radius: calc(var(--radius) + 8px);
+  background: linear-gradient(90deg, #4f46e5, #2563eb);
+  border: 1px solid rgba(147, 197, 253, 0.5);
+  margin-bottom: 1rem;
+  color: #ffffff;
+  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.25);
+}
+
+.teamsPromoHeadline {
+  font-weight: 600;
+}
+
+.teamsPromoLink {
+  color: #ffffff;
+  font-weight: 600;
+  text-decoration: underline;
+  text-decoration-color: rgba(255, 255, 255, 0.7);
+  text-decoration-thickness: 2px;
+}
+
+.teamsPromoLink:hover {
+  text-decoration-color: rgba(255, 255, 255, 0.95);
+}
+
+@media (max-width: 768px) {
+  .teamsPromo {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.5rem;
+    padding: 1rem;
+  }
+}