chore: heygermany customer project

apps/website/components/jobs/form/Done.tsx

@@ -0,0 +1,21 @@
+'use client'
+
+import { Stack, Title, Text, Container, Paper } from "@pikku/mantine/core"
+import { useI18n } from '@/context/i18n-provider'
+
+export const Done: React.FunctionComponent<{ name: string }> = ({ name }) => {
+    const t = useI18n()
+
+    return (
+        <Container p={0} size='md' mt='10%'>
+            <Paper p={{ base: '4rem', lg: '8rem' }} withBorder radius='lg'>
+                <Stack>
+                    <Title order={2}>
+                        {t('jobs.done.title', { name })}
+                    </Title>
+                    <Text size="xl" lineBreaks>{t('jobs.done.body')}</Text>
+                </Stack>
+            </Paper>
+        </Container>
+    )
+}