[website] New wave of open roles (#35240)

Signed-off-by: Marija Najdova <mnajdova@gmail.com>
Signed-off-by: Olivier Tassinari <olivier.tassinari@gmail.com>
Co-authored-by: Michał Dudak <michal.dudak@gmail.com>
Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>
Co-authored-by: Matt <github@nospam.33m.co>

docs/data/joy/components/tooltip/tooltip.md

@@ -61,7 +61,7 @@ You can use the `arrow` prop to give your tooltip an arrow indicating which elem
 
 ## Common examples
 
-### Github tooltip
+### GitHub tooltip
 
 The `title` prop can receive a custom React element.
 

docs/pages/careers.tsx

@@ -48,7 +48,7 @@ function Role(props: RoleProps) {
             variant="body1"
             color="text.primary"
             fontWeight={700}
-            sx={{ display: 'block', my: 1 }}
+            sx={{ display: 'block', mb: 0.5 }}
           >
             {props.title}
           </Typography>
@@ -138,7 +138,7 @@ const faqData = [
   {
     summary: 'Does MUI offer contract job opportunities?',
     detail:
-      'Yes. People outside of France will be hired as full-time contractors. (Benefits may vary.)',
+      'Yes. People outside of France can be hired as full-time contractors. (Benefits may vary.)',
   },
 ];
 
@@ -147,16 +147,56 @@ const openRolesData = [
     title: 'Engineering',
     roles: [
       {
-        title: 'React Engineer - X',
+        title: 'React Tech Lead - Core',
         description:
-          'You will strengthen the advanced components team, build new ambitious complex features, work on strategic problems, and help grow the adoption.',
-        url: '/careers/react-engineer-x/',
+          'You will lead the development of MUI Core, positioning the library as the industry standard for design teams while doubling its adoption.',
+        url: '/careers/react-tech-lead-core/',
+      },
+      {
+        title: 'React Engineer - Core',
+        description:
+          'You will strengthen the core components team by collaborating with the community to land contributions.',
+        url: '/careers/react-engineer-core/',
+      },
+      {
+        title: 'React Tech Lead - xGrid',
+        description:
+          'You will lead the development of the MUI X Data Grid, positioning the component as the next industry standard.',
+        url: '/careers/react-tech-lead-x-grid/',
+      },
+      {
+        title: 'React Engineer - xGrid',
+        description:
+          'You will strengthen the Data Grid team, build ambitious and complex new features, work on strategic problems, and help grow adoption.',
+        url: '/careers/react-engineer-x-grid/',
       },
       {
         title: 'Product Engineer - Store',
-        description: 'You will lead the technical and operational development of MUI Store.',
+        description:
+          'You will lead the technical, product, and operational development of the store.',
         url: '/careers/product-engineer/',
       },
+      {
+        title: 'Accessibility Engineer',
+        description:
+          'You will become our go-to expert for accessibility, to ensure all products meet or exceed WCAG 2.1 level AA guidelines.',
+        url: '/careers/accessibility-engineer/',
+      },
+    ],
+  },
+  {
+    title: 'Design',
+    roles: [
+      {
+        title: 'Lead Designer',
+        description: "You will own most of MUI's design work and manage a small team of designers.",
+        url: '/careers/lead-designer/',
+      },
+      {
+        title: 'Design Engineer',
+        description: 'You will focus on design to implement great product experiences.',
+        url: '/careers/design-engineer/',
+      },
     ],
   },
   {
@@ -170,6 +210,27 @@ const openRolesData = [
       },
     ],
   },
+  {
+    title: 'Developer Experience',
+    roles: [
+      {
+        title: 'Developer Advocate',
+        description:
+          'You will build a thriving and connected developer community around our suite of products.',
+        url: '/careers/developer-advocate/',
+      },
+    ],
+  },
+  {
+    title: 'Marketing',
+    roles: [
+      {
+        title: 'Product Marketing Manager',
+        description: 'You will own the marketing efforts at MUI.',
+        url: '/careers/product-marketing-manager/',
+      },
+    ],
+  },
 ];
 
 const nextRolesData = [
@@ -182,12 +243,6 @@ const nextRolesData = [
           'You will join the MUI Toolpad team, to explore the role of MUI in the low code space and help bring the early prototype to a usable product.',
         url: '/careers/fullstack-engineer/',
       },
-      {
-        title: 'React Engineer - Core',
-        description:
-          'You will strengthen the core components team, e.g. collaborate with the community to land contributions.',
-        url: '/careers/react-engineer-core/',
-      },
       {
         title: 'React Support Engineer - X',
         description:
@@ -197,21 +252,22 @@ const nextRolesData = [
     ],
   },
   {
-    title: 'Sales',
+    title: 'People',
     roles: [
       {
-        title: 'Account Executive',
-        description:
-          'You will build client relationships and manage the sales process from start to finish.',
+        title: 'Technical Recruiter',
+        description: 'You will hire the next engineers, among other roles, joining the team.',
+        url: '/careers/technical-recruiter/',
       },
     ],
   },
   {
-    title: 'People',
+    title: 'Sales',
     roles: [
       {
-        title: 'Technical Recruiter',
-        description: 'You will hire the next engineers joining the team.',
+        title: 'Account Executive',
+        description:
+          'You will build client relationships and manage the sales process from start to finish.',
       },
     ],
   },
@@ -222,7 +278,6 @@ const nextRolesData = [
         title: 'Support Agent - Store',
         description:
           "You will provide support for the customers of MUI Store. You will directly impact customers' satisfaction and success.",
-        url: '/careers/support-agent/',
       },
     ],
   },
@@ -348,11 +403,11 @@ function CareersContent() {
                 ['Remote work:', 'Our entire company is distributed.'],
                 [
                   'Retreats:',
-                  'We meet up once or twice a year for a short week of meetings, events, and fun!',
+                  'We meet up every eight months for a week of working and having fun together!',
                 ],
                 [
                   'Equipment:',
-                  'MUI will let you choose new hardware of your choice (up to $2,500 USD).',
+                  'MUI will provide the hardware of your choice (initial grant of $2,500 USD).',
                 ],
                 ['Time off:', 'We provide five weeks of paid time off.'],
               ].map((textArray) => (
@@ -435,10 +490,10 @@ function CareersContent() {
             {`Open roles (${openRolesData.reduce((acc, item) => acc + item.roles.length, 0)})`}
           </Typography>
           <Typography color="text.secondary" sx={{ mb: 2, maxWidth: 500 }}>
-            The company is bootstrapped (up to now). It was incorporated in mid-2019 and yet growing
-            fast (x2-3 YoY). We doubled the team in 2020 (6), accelerated in 2021 (16), and are on
-            track to triple it in 2022 (40). We&apos;re looking for help keep growing in the
-            following areas:
+            The company is bootstrapped (so far). It was incorporated in mid-2019 and is growing
+            fast (x2-3 YoY). We doubled the team in 2020 (6), accelerated in 2021 (15), kept a
+            similar pace in 2022 (25), and we plan to triple it in 2023 (75). We&apos;re looking for
+            help to grow in the following areas:
           </Typography>
         </div>
         <Divider

docs/pages/careers/accessibility-engineer.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
+import * as pageProps from 'docs/src/pages/careers/accessibility-engineer.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutCareers {...pageProps} />;
+}

docs/pages/careers/design-engineer.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
+import * as pageProps from 'docs/src/pages/careers/design-engineer.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutCareers {...pageProps} />;
+}

docs/pages/careers/developer-advocate.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
+import * as pageProps from 'docs/src/pages/careers/developer-advocate.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutCareers {...pageProps} />;
+}

docs/pages/careers/support-agent.js → docs/pages/careers/lead-designer.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/src/pages/careers/support-agent.md?@mui/markdown';
+import * as pageProps from 'docs/src/pages/careers/lead-designer.md?@mui/markdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;

docs/pages/careers/product-marketing-manager.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
+import * as pageProps from 'docs/src/pages/careers/product-marketing-manager.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutCareers {...pageProps} />;
+}

docs/pages/careers/react-engineer-x.js → docs/pages/careers/react-engineer-x-grid.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
-import * as pageProps from 'docs/src/pages/careers/react-engineer-x.md?@mui/markdown';
+import * as pageProps from 'docs/src/pages/careers/react-engineer-x-grid.md?@mui/markdown';
 
 export default function Page() {
   return <TopLayoutCareers {...pageProps} />;

docs/pages/careers/react-tech-lead-core.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
+import * as pageProps from 'docs/src/pages/careers/react-tech-lead-core.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutCareers {...pageProps} />;
+}

docs/pages/careers/react-tech-lead-x-grid.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
+import * as pageProps from 'docs/src/pages/careers/react-tech-lead-x-grid.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutCareers {...pageProps} />;
+}

docs/pages/careers/technical-recruiter.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutCareers from 'docs/src/modules/components/TopLayoutCareers';
+import * as pageProps from 'docs/src/pages/careers/technical-recruiter.md?@mui/markdown';
+
+export default function Page() {
+  return <TopLayoutCareers {...pageProps} />;
+}

docs/src/components/home/MuiStatistics.tsx

@@ -5,7 +5,7 @@ import Typography from '@mui/material/Typography';
 
 const data = [
   { title: '4M', metadata: 'Weekly downloads on npm' },
-  { title: '82.9k', metadata: 'Stars on GitHub' },
+  { title: '83k', metadata: 'Stars on GitHub' },
   { title: '2.6k', metadata: 'Open-source contributors' },
   { title: '18.1k', metadata: 'Followers on Twitter' },
 ];

docs/src/pages/careers/ROLE_TEMPLATE.md

@@ -5,29 +5,30 @@
 ## Details of the Role
 
 - Location: Remote (preference for UTC-6 to UTC+5).
-- Type of work: Full-time (contractor or employee [depending on circumstances](https://mui-org.notion.site/Hiring-FAQ-64763b756ae44c37b47b081f98915501))
+- Type of work: Full-time (contractor or employee [depending on circumstances](https://mui-org.notion.site/Hiring-FAQ-64763b756ae44c37b47b081f98915501#494af1f358794028beb4b7697b5d3102)).
 - Level: [4 or above](https://docs.google.com/spreadsheets/d/1dDdPD-flNXlgZ0E3ZxVvCDx27RFuhVWJrcfcjNu_I8k/edit#gid=0).
 - We're a remote company, we prefer asynchronous communication over meetings.
 - We work independently, the rest of us won't know what you're doing day-to-day unless you tell us.
 
 ## About the company
 
 MUI started with Material UI, the most successful React implementation of Google's Material Design.
-It has gained a large following, not only due to the fidelity to Material Design, but also because of the number of components, its carefully designed component API, obsession for details, and community engagement.
+We have gained a large following, thanks to our focus on Material Design fidelity, our obsession with details, on offering a large number of components, our community engagement, and by carefully improving the DX.
 Today, countless teams and organizations rely on our open-source libraries to build their design system.
 
 A couple of years ago, we started to expand our suite of products.
-We released [MUI X](https://mui.com/x/), a collection of advanced components; [MUI Design kits](https://mui.com/design-kits/), the MUI components available for the most popular design tools; and also host [Templates](https://mui.com/templates/), a set of pre-built UI kits.
+We released [MUI X](https://mui.com/x/), a collection of advanced components; [MUI Design kits](https://mui.com/design-kits/), the MUI components available for Figma, Sketch, etc.; and also host [Templates](https://mui.com/templates/), a set of pre-built UI kits.
 We've seen rapid growth with all of them (2-3x per year) and we have more to come.
+We are building [a low-code platform](https://mui.com/toolpad/) for developers to significantly increase the speed and lower the barrier for creating simple CRUD/dashboard UIs with MUI.
 
-We are a fully distributed team, spread across multiple timezones.
+We are a fully distributed team, spread across multiple time zones.
 We work mainly asynchronously, relying mostly on written collaboration.
 Every contributor has the freedom to define how they work — the rest of us won't know what you're doing day-to-day unless you tell us.
-For additional details about the MUI team and culture, you can check our [careers](https://mui.com/careers/) and [about](/about/) pages and also our [public Handbook](https://mui-org.notion.site/Handbook-f086d47e10794d5e839aef9dc67f324b).
+For additional details about the MUI team and culture, you can check our [careers](https://mui.com/careers/) and [about](https://mui.com/about/) pages and also our [public Handbook](https://mui-org.notion.site/Handbook-f086d47e10794d5e839aef9dc67f324b).
 
 ## Why we're hiring
 
-Both our open-source community and our premium products are growing fast (x2-3 YoY).
+Both our open-source community and our premium products are growing fast (x2 YoY).
 We need talented people to keep that going!
 
 XXXXXX
@@ -36,8 +37,7 @@ XXXXXX
 
 XXXXXX
 
-Our solution empowers React developers to build awesome applications faster – we see over a million developers on MUI's docs every month.
-Hundreds of thousands of developers use MUI every month.
+Our solution empowers React developers to build awesome applications faster – we see millions of developers on MUI's docs every year, one million a month.
 
 ## About the role