[website] Add Customers by Industry table to Customers page (DX-102)

[alelthomas]

I only added CGI and Nasa right now as I tinker with it (to visualize what it looks like when we have a Case Study vs when we don't)

Preview: https://deploy-preview-47516--material-ui.netlify.app/customers/

[mui-bot]

Netlify deploy preview

https://deploy-preview-47516--material-ui.netlify.app/

Bundle size report

Bundle	Parsed size	Gzip size
@mui/material	0B(0.00%)	0B(0.00%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	0B(0.00%)	0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against 7c496e2

[prakhargupta1]

The table looks good and I'm assuming it would host all case studies that don't make it to the top-8 grid above. Is that how we plan to use it? Otherwise if we want to add another row in the grid (that could host next four case studies atleast), then the table won't be of much help. Also, tbh, we're in an industry agnostic business, so the info is not really useful to the reader.

[alelthomas]

It's for 2 reasons:

1. Showing the rest of the Case Studies we have without saturating the main grid. I want to keep the first grid as the Spotlight.
2. It exactly proves what you are saying, we are industry agnostic. It's just more proof that anyone can use us and a good corporate showcase. Similar to https://mui.com/material-ui/discover-more/showcase/, but curated.

[prakhargupta1]

I'm not against the idea, but this is one of the solutions. Because I know we'll not produce case studies quickly, I'm just thinking if we should also consider other designs that can solve this better without repetition. Also when there is no case study, then it's just a famous logo and most likely a reader would know the industry of the logo.

But let's see what others think.