Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | 7x 7x | import Box from '@mui/material/Box';
import Link from '@mui/material/Link';
import Stack from '@mui/material/Stack';
import Typography from '@mui/material/Typography';
import { useTranslation } from 'react-i18next';
import { PageWrapper } from '../components/PageWrapper';
import Seo from '../components/Seo';
export default function ContactPage() {
const { t } = useTranslation('contact');
return (
<>
<Seo title={t('contact.seoTitle')} description={t('contact.seoDescription')} />
<PageWrapper>
<Typography variant="h4" gutterBottom>
{t('contact.title')}
</Typography>
<Box sx={{ mt: 2 }}>
<Typography variant="body1">
{t('contact.intro')}
</Typography>
<Stack spacing={4}>
<Box>
<Typography variant="h6">{t('contact.emailLabel')}</Typography>
<Link href="mailto:contact@jo2024-ticketing.com">
contact@jo2024-ticketing.com
</Link>
</Box>
<Box>
<Typography variant="h6">{t('contact.phoneLabel')}</Typography>
<Link href="tel:+33123456789">+33 1 23 45 67 89</Link>
</Box>
<Box>
<Typography variant="h6">{t('contact.addressLabel')}</Typography>
<Typography>
10 rue des Jeux<br />
75015 Paris<br />
France
</Typography>
</Box>
<Box>
<Typography variant="h6">{t('contact.hoursLabel')}</Typography>
<Typography>
{t('contact.hours')}
</Typography>
</Box>
</Stack>
<Typography variant="body2" color="text.secondary" sx={{ mt: 4, fontStyle: 'italic' }}>
{t('contact.note')}
</Typography>
</Box>
</PageWrapper>
</ >
);
}
|