[website] Add product-x page

[siriwatknp]

Preview: https://deploy-preview-28106--material-ui.netlify.app/branding/x/

• I have followed (at least) the PR section of the contributing guide.

[danilo-leal]

[ ] 4. There is a horizontal scroll on smaller screens. Maybe we can make two rows for smaller screen sizes?

Mm... Continuing with the six-block grid on small breakpoints would consume a lot of the screen's real state. But I see where the horizontal scroll on this current implementation is a problem: the difference between the X and the Home page.

home.page.mov

x.page.mov

If we made the horizontal sliders on the X page (and on others too) similar to the Home one, I believe it would compensate for the first hidden options as the currently selected block would move all of the scroll container. What do you think? @mnajdova

[mnajdova]

If we made the horizontal sliders on the X page (and on others too) similar to the Home one, I believe it would compensate for the first hidden options as the currently selected block would move all of the scroll container. What do you think?

Okay let’s do it

[mnajdova]

One last comment from my side, I would maybe create a custom PNGs for dark mode to better match the background. This looks a bit off to me:

[siriwatknp]

One last comment from my side, I would maybe create a custom PNGs for dark mode to better match the background. This looks a bit off to me:

@danilo-leal seems like it is worth to do 😂

[siriwatknp]

merged since all of the suggestion have been fixed.