feat: Move Teams banner to all pages with dismissible functionality

[roomote]

This PR implements the requested changes to move the Teams banner from homepage-only to all pages, positioned above the navbar with dismissible functionality stored in localStorage.

Changes Made

• ✅ Created new TeamsBanner component with localStorage-based dismiss functionality
• ✅ Added banner to main Layout component so it appears on all pages
• ✅ Positioned banner above navbar with proper z-index (1000)
• ✅ Implemented dismiss button that stores preference in localStorage
• ✅ Added responsive styles for mobile devices
• ✅ Removed old homepage-only banner from DocBreadcrumbs

Implementation Details

• Banner appears at the top of all pages with a gradient background
• Clicking the X button dismisses the banner and saves preference to localStorage
• On subsequent visits, the banner remains hidden if previously dismissed
• The navbar is properly pushed down when the banner is visible
• Fully responsive design with adjusted layout for mobile screens

Testing

• Banner appears on all pages (docs, homepage, etc.)
• Dismiss functionality works and persists across page refreshes
• Navbar positioning adjusts correctly when banner is visible/hidden
• Mobile responsive layout works as expected

Resolves the Slack request: "Can you make it so the teams banner on the homepage gets put on all pages instead, above the navbar? It should be dismissible with that stored in local storage."

---

Important

Introduces a dismissible TeamsBanner on all pages, replacing the old homepage-only banner, with localStorage persistence and responsive styling.

• Behavior:
  • New TeamsBanner component added with dismiss functionality using localStorage in index.tsx.
  • Banner appears on all pages by adding it to Layout in index.js.
  • Removed old banner from DocBreadcrumbs in index.tsx.
• Styling:
  • Styles for TeamsBanner in styles.module.css with responsive design for mobile.
  • Adjusted navbar positioning to accommodate banner visibility.
• Functionality:
  • Dismiss button in TeamsBanner stores preference in localStorage.
  • Banner remains hidden on subsequent visits if dismissed.

^{This description was created by for 1d52082. You can customize this summary. It will automatically update as commits are pushed.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
roo-code-docs	Ready	Preview	Comment	Sep 27, 2025 2:07pm