[docs] Add, update, and revise marketing pages for all products

Summary 💡

Currently:

• mui.com/core and mui.com/x are both outdated
• mui.com/material-ui is just a list of components
• mui.com/base and mui.com/system don’t exist

I think all of these pages are due for updating (or creating). For the individual products, these pages would be the more marketing-oriented counterparts to the “Overview” page that X has (and Base has as a WIP #32310) in the docs.

@danilo-leal I’d love to get your thoughts on the design for these pages. Should we stick with the basic template of the Core and X pages for Base/System/Material UI (and eventually Joy!)? How do we show off Base in particular?

Should the X products get their own individual marketing pages? (e.g. mui.com/x/data-grid) cc: @joserodolfofreitas @flaviendelangle

Would it make more sense for the structure to be like mui.com/material-ui or mui.com/core/material-ui? My gut says the former is better for SEO but I could be persuaded to go either way.

Stuff to do:

• revise copy on mui.com/x
• revise copy (and possibly design) on mui.com/core
• revise mui.com/material-ui
• create mui.com/base
• create mui.com/system

[flaviendelangle]

Should the X products get their own individual marketing pages?

I think it could become interesting later on, when we have a 3rd set of components (Charts ?).

For now, If we are able to restructure mui.com/x to host both the datagrid and the pickers, I think it’s better. Especially if we improve our X overview pages and if we create new marketing pages for advanced examples (like discussed a few weeks ago).

A few things I think we could improve on mui.com/x :

• A new section concerning the Date Range Picker (similar to Data Grid - A level of performance and quality that hasn't been seen before)

• A better feature list for the Data Grid in Data Grid - A level of performance and quality that hasn't been seen before, for instance the editing do not use the new editing API and we could probably a “Grouping”

• A more advanced custom theme in Theming - Advanced and beautiful (which is also related only to the datagrid, the whole structure of the page should be improved with the arrival of the pickers), maybe we will soon be able to do a POC with Joy for instance.

• The Roadmap is outdated (these hardcoded values are really problematic if we want to avoid outdated info, Grouping is released for instance)

• The Tree View might be released but it is not part of X, marking it as such is not great

• Link the Much more of the datagrid features to a good feature list, not the one currently used

• In the data grid example of Powerful components for advanced use-cases, remove the form with Dataset, Rows and Page size, the example is to small for it to be relevant

• Update the Available with MIT and commercial licenses description for premium plan when available

[samuelsycamore]

Thanks for unearthing this @flaviendelangle! 😁 I agree that these pages are now long overdue for updating. Since this is a topic that spans marketing, design, and DX, maybe this would be a good project for us to pick up in the next available product marketing meeting like we talked about in the X team split retro? cc: @gerdadesign

As for where things currently stand, we’ve talked a lot on the Core side of things about prioritizing a landing page for MUI Base since we’ve just “officially” launched it in alpha. I might have dropped the ball there 😅 and I should probably just ask @danilo-leal if his design is ready to go so I can start assembling it.