I have spent 1 hour on this PR, you can review the commits I have pushed. I have tried to polish stuff up. It looks great.

1. The page should have an h1, maybe this one? ✅ Fixed

2. I'm not sure if h3 is correct at this level ✅ Change to div instead

3. "Material-UI X" should become "MUI X" in the copywriting? ✅ Fixed
4. Outdated wording? ✅ Fixed

5. The different prices not on the same horizontal line feels weird ✅ Fixed

6. ? ✅ Fixed

-The community edition let's you get going right away. Switch to MUI Advanced X to get more components & premium support.
+The community edition lets you get going right away. Switch to MUI X to get more components & premium support.

7. I think that there is a "weight" issue with the yes/no checkmarks in the pricing table. This is the current version:

Can you easily figure out where is what? I personally feel that the yes/no icons should be unbalanced, with different levels of luminance.

Add an opacity: 0.7 on the no icon, isn't it clearer?

It might need even more. opacity: 0.5 feels even clearer (IMHO)

@oliviertassinari

7. I think that there is a "weight" issue with the yes/no checkmarks in the pricing table. This is the current version:

I think check should be a little bit bigger?

@siriwatknp it seems common (in other popular products) to leave the no cells blank, with no no-icon. I didn't experiment with the size, maybe it helps.

@danilo-leal any thought? otherwise, we can merge this as a first iteration and do the improvement again (there are some code that I need for the homepage improvement).

@danilo-leal any thought? otherwise, we can merge this as a first iteration and do the improvement again (there are some code that I need for the homepage improvement).

I think what we can do is darken a little bit the check blue and make the X a little lighter (had received other feedback saying that the first iteration of the X icon seemed like it was disabled. Which, to me, wasn't so much of a big deal since it is, after all, not interactive. But...)

Edit: tried to do that in my latest commit. Let me know what you think.

It's looking amazing! Very nice work, Jun! 😍
I have just two pieces of feedback:

1. About the Data Grid row: are we going to add the icons there? And it's a bit weird to me that only this row is missing the recommended column background.

2. I think we should standardize the inline link styles, we have two different ones going in this page: one on the Data Grid features and another on the FAQ box there. I personally would prefer we use the first.

Both are not a priority though. We can tackle it in a refinement phase.

1. About the Data Grid row: are we going to add the icons there? And it's a bit weird to me that only this row is missing the recommended column background.

Added highlighted background but I think leaving the cell blank makes it different from usual cell which is better because it has interaction.

2. I think we should standardize the inline link styles, we have two different ones going in this page: one on the Data Grid features and another on the FAQ box there. I personally would prefer we use the first.

I changed the weight of the links to 500, I think it looks better (not too bold but still obvious among normal text).

I'm consolidating a list of feedback that we could handle for the polish phase:

• In dark mode, the icons look broken

• In dark mode, are we should about the tab selection UI state?

• The "no" icons look too balanced in retrospect to the "yes" icons.

The Figma asset was updated to leverage imbalance, it works better

• In the "How many licenses do I need?" FAQ, we use "Material-UI X" over MUI X".
• There is something weird on smaller screens

• We should kill the legacy page
• We might want to try with a lighter "flash" background color:

• We probably miss an aria-label on this button

• Maybe we need to reconsider this illustration. I personally fail to get the link with the message

• What should we do for the social card?

https://cards-dev.twitter.com/validator

• Should we leverage h3? I have tried to search on Google about SEO impacts, I couldn't find clear information. The places where it might make sense:

• In the title "Pricing - Material-UI" => "Pricing - MUI"?