add Roadmap page for Base UI

Author: danilo-leal

docs/data/base/getting-started/roadmap/roadmap.md

@@ -0,0 +1,31 @@
+# Roadmap
+
+<p class="description">Keep up with ongoing projects and help shape the future of Base UI.</p>
+
+## How we prioritize
+
+Base UI is a community-driven project, meaning we usually pick the issues and suggestions that resonate the most with the community.
+Therefore, make sure to leave an upvote 👍 on [the GitHub issues](https://github.com/mui/base-ui/issues) you are most interested in.
+
+Additionally, we conduct annual [developer surveys](/blog/?tags=Developer+survey/) which also serve as key inputs for Base UI's roadmap.
+Your participation is invaluable—keep an eye on MUI's social media to catch the next survey and help shape the future of the library!
+
+## Keeping track of the roadmap
+
+### GitHub project
+
+The Base UI GitHub project is where you can see the ongoing priorities for the library.
+We typically add umbrella issues to the project board after discussing them internally.
+
+**[Visit the Base UI project board 👉](https://github.com/orgs/mui/projects/1/views/13)**
+
+<img src="/static/base-ui/roadmap/github-roadmap.png" style="width: 814px;" alt="A screenshot of the public Base UI GitHub project." width="1628" height="400" />
+
+### Milestones
+
+We also create milestones within the Base UI repository to keep track of larger cycles.
+Check it out to keep up with ongoing progress and see which issues have been picked up for the stable release.
+
+**[Visit the Base UI milestones page 👉](https://github.com/mui/material-ui/milestone/42)**
+
+<img src="/static/material-ui/roadmap/milestone.png" style="width: 814px; margin-top: 4px; margin-bottom: 8px;" alt="A screenshot from GitHub of the Base UI v6 milestone." width="1628" height="400" />

docs/data/base/pages.ts

@@ -11,6 +11,7 @@ const pages: readonly MuiPage[] = [
       { pathname: '/base-ui/getting-started/usage', title: 'Usage' },
       { pathname: '/base-ui/getting-started/customization', title: 'Customization' },
       { pathname: '/base-ui/getting-started/accessibility', title: 'Accessibility' },
+      { pathname: '/base-ui/getting-started/roadmap', title: 'Roadmap' },
       { pathname: '/base-ui/getting-started/support' },
     ],
   },

docs/data/material/discover-more/roadmap/roadmap.md

@@ -19,7 +19,7 @@ We typically add umbrella issues to the project board after discussing them inte
 
 **[Visit the Material UI project board 👉](https://github.com/orgs/mui/projects/23/views/12)**
 
-<img src="/static/material-ui/roadmap/github-project.png" style="width: 814px; margin-top: 4px; margin-bottom: 8px;" alt="A screenshot of the public Material UI GitHub project." width="1628" height="400" />
+<img src="/static/material-ui/roadmap/github-project.png" style="width: 814px;" alt="A screenshot of the public Material UI GitHub project." width="1628" height="400" />
 
 ### Milestones
 
@@ -28,4 +28,4 @@ Check it out to keep up with ongoing progress and see which issues have been pic
 
 **[Visit the Material UI milestones page 👉](https://github.com/mui/material-ui/milestone/42)**
 
-<img src="/static/material-ui/roadmap/milestone.png" style="width: 814px; margin-top: 4px; margin-bottom: 8px;" alt="A screenshot from GitHub of the Material UI v6 milestone." width="1628" height="400" />
+<img src="/static/material-ui/roadmap/milestone.png" style="width: 814px;" alt="A screenshot from GitHub of the Material UI v6 milestone." width="1628" height="400" />

docs/pages/base-ui/getting-started/roadmap.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/getting-started/roadmap/roadmap.md?muiMarkdown';
+
+export default function Page() {
+  return <MarkdownDocs {...pageProps} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};

docs/public/static/base-ui/roadmap/github-roadmap.png

@@ -38,6 +38,7 @@
     "/base-ui/getting-started/usage": "Usage",
     "/base-ui/getting-started/customization": "Customization",
     "/base-ui/getting-started/accessibility": "Accessibility",
+    "/base-ui/getting-started/roadmap": "Roadmap",
     "/base-ui/getting-started/support": "Support",
     "/base-ui/react-": "Components",
     "/base-ui/all-components": "All components",