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 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 | import { Box, Container, Stack, Text, Title } from '@mantine/core';
import type { Metadata } from 'next';
import { getLocaleMessages } from '@/lib/locale/locale';
import { getLocaleFromCookies } from '@/lib/locale/locale.server';
import { getMetadata } from '@/lib/seo/seo';
import type { LegalMessages } from '@/types/common';
export async function generateMetadata(): Promise<Metadata> {
const locale = await getLocaleFromCookies();
return getMetadata(locale, 'seo', {
titleKey: 'privacyPolicyTitle',
descriptionKey: 'privacyPolicyDescription',
fallbackTitle: 'Privacy Policy',
fallbackDescription: 'Learn about how Cookbook protects your privacy.',
});
}
const PrivacyPolicyPage = async () => {
const locale = await getLocaleFromCookies();
const messages = await getLocaleMessages(locale);
const legalMessages = messages.legal as unknown as LegalMessages;
const privacyPolicyMessages = legalMessages?.privacyPolicy;
if (!privacyPolicyMessages) return null;
return (
<Container size="md" py="xl">
<Stack gap="lg">
<Title order={1}>{privacyPolicyMessages.title}</Title>
<Text size="sm" c="dimmed">
{privacyPolicyMessages.lastUpdated}
{new Date().toLocaleDateString(locale)}
</Text>
<Stack gap="md">
<Title order={2} size="h3">
{privacyPolicyMessages.introduction.title}
</Title>
<Text>{privacyPolicyMessages.introduction.content}</Text>
</Stack>
<Stack gap="md">
<Title order={2} size="h3">
{privacyPolicyMessages.infoCollect.title}
</Title>
<Text>{privacyPolicyMessages.infoCollect.content}</Text>
<Box component="ul" pl="xl" mt="xs">
<Box component="li" mb="xs">
<Text component="span">
<strong>
{privacyPolicyMessages.infoCollect.list.personalTitle}
</strong>{' '}
{privacyPolicyMessages.infoCollect.list.personalContent}
</Text>
</Box>
<Box component="li" mb="xs">
<Text component="span">
<strong>
{privacyPolicyMessages.infoCollect.list.usageTitle}
</strong>{' '}
{privacyPolicyMessages.infoCollect.list.usageContent}
</Text>
</Box>
</Box>
</Stack>
<Stack gap="md">
<Title order={2} size="h3">
{privacyPolicyMessages.howUse.title}
</Title>
<Text>{privacyPolicyMessages.howUse.content}</Text>
<Box component="ul" pl="xl" mt="xs">
{privacyPolicyMessages.howUse.list.map((item) => (
<Box key={item} component="li" mb="xs">
<Text component="span">{item}</Text>
</Box>
))}
</Box>
</Stack>
<Stack gap="md">
<Title order={2} size="h3">
{privacyPolicyMessages.contact.title}
</Title>
<Text>{privacyPolicyMessages.contact.content}</Text>
</Stack>
</Stack>
</Container>
);
};
export default PrivacyPolicyPage;
|