import * as React from 'react';
import Box from '@mui/material/Box';
import Divider from '@mui/material/Divider';
import Stack from '@mui/material/Stack';
import Badge from '@mui/material/Badge';
import Typography from '@mui/material/Typography';
import { Link } from '@mui/docs/Link';
import OurValues from 'docs/src/components/about/OurValues';
import PerksBenefits from 'docs/src/components/careers/PerksBenefits';
import CareersFaq from 'docs/src/components/careers/CareersFaq';
import RoleEntry from 'docs/src/components/careers/RoleEntry';
import AppHeader from 'docs/src/layouts/AppHeader';
import AppFooter from 'docs/src/layouts/AppFooter';
import GradientText from 'docs/src/components/typography/GradientText';
import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
import Section from 'docs/src/layouts/Section';
import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
import Head from 'docs/src/modules/components/Head';
import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
const openRolesData = [
{
title: 'Engineering',
roles: [
// {
// title: 'React Engineer — Material UI Maintainer',
// description:
// 'You will provide guidance to the community and solve their struggle, working on one of the most popular React UI library.',
// url: '/careers/react-engineer-material-ui-maintainer/',
// },
// {
// title: 'Product Engineer — Store',
// description:
// 'You will lead the technical, product, and operational development of the store.',
// url: '/careers/product-engineer-store/',
// },
// {
// title: 'React Engineer — xCharts',
// description:
// 'You will help form the xCharts team, build ambitious and complex new features, work on strategic problems, and help grow adoption.',
// url: '/careers/react-engineer-x-charts/',
// },
// {
// title: 'React Engineer — eXplore',
// description:
// 'You will help eXplore, the team behind the Pickers and Tree View components, build the most comprehensive UI library the world has ever seen.',
// url: '/careers/react-engineer-explore/',
// },
// {
// title: 'React Engineer — X',
// description:
// 'You will strengthen the MUI X product, build ambitious and complex new features, work on strategic problems, and help grow adoption.',
// url: '/careers/react-engineer-x/',
// },
],
},
{
title: 'Sales',
roles: [
{
title: 'Account Executive',
description:
'You will be a key player in driving revenue growth and building strong customer relationships.',
url: '/careers/account-executive/',
},
// {
// title: 'Account Manager',
// description:
// 'You will be working with our customers to ensure the successful renewal and retention of existing client contracts.',
// url: '/careers/account-manager/',
// },
],
},
{
title: 'People',
roles: [
// {
// title: 'Technical Recruiter',
// description: 'MUI is looking for an experienced Tech Recruiter to join our People team.',
// url: '/careers/technical-recruiter/',
// },
],
},
{
title: 'Design',
roles: [],
},
{
title: 'Developer Experience',
roles: [],
},
];
const nextRolesData = [
{
title: 'Engineering',
roles: [
// {
// title: 'React Community Engineer — X',
// description:
// 'You will provide guidance to the community and solve their struggle, working primarily in the advanced components team.',
// url: '/careers/react-community-engineer/',
// },
],
},
{
title: 'Sales',
roles: [],
},
{
title: 'People',
roles: [],
},
{
title: 'Marketing',
roles: [],
},
] as typeof openRolesData;
export default function Careers() {
return (
Build the next generation of tools for UI development
}
description="We give developers and designers the tools to bring stunning user interfaces to life with unrivaled speed and ease."
/>
{/* Open roles */}
Open roles
acc + item.roles.length, 0)}
color="success"
showZero
sx={{ ml: 3, '& .MuiBadge-badge': { fontWeight: 'bold' } }}
/>
}
description="We are actively hiring for the following roles:"
/>
}>
{openRolesData
.filter((category) => category.roles.length > 0)
.map((category) => {
return (
{category.title}
{category.roles.map((role) => (
))}
);
})}
{/* Next roles */}
{nextRolesData.length > 0 && (
Next roles
}
description={
We're not actively hiring for these roles yet, but you're welcome to
apply for future consideration. If none of these roles match your profile, you
can apply to{' '}
the dream job
{' '}
and tell us more about what you bring to the table.
}
/>
}>
{nextRolesData
.filter((category) => category.roles.length > 0)
.map((category) => {
return (
{category.title}
{category.roles.map((role) => (
))}
);
})}
)}
);
}