1import Card from '@mui/material/Card';
 2import CardMedia from '@mui/material/CardMedia';
 3import {useTranslation} from 'react-i18next';
 4import Layout from '../../../layouts/Centered';
 5import MailSignUpForm from '../../../containers/MailSignUpForm';
 6import Logo from '../../../components/Logo';
 7import LanguagesIcon from '../../../containers/Languages/Icon';
 8import pageUtils from '../../../lib/pageUtils';
 9
10const MailSignup = () => {
11  const {t} = useTranslation();
12  return (
13    <Layout menuTitle={t('signup.title')} displayMenu={false}>
14      <Card>
15        <CardMedia component={Logo} />
16        <MailSignUpForm />
17        <LanguagesIcon />
18      </Card>
19    </Layout>
20  );
21};
22
23
24export const getServerSideProps = pageUtils.getServerSideProps();
25
26export default MailSignup;