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 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 | 1x 1x 36x 36x 36x | 'use client';
import { Anchor, Group, Stack, Text } from '@mantine/core';
import Link from 'next/link';
import { useTranslations } from 'next-intl';
import type { FC } from 'react';
import { PUBLIC_ROUTES } from '../../types/routes';
import { Logo } from '../Logo';
const Footer: FC = () => {
const currentYear = new Date().getFullYear();
const t = useTranslations('footer');
return (
<>
{/* Mobile Footer */}
<Stack
h="100%"
px="md"
justify="center"
align="center"
gap={4}
hiddenFrom="md"
>
<Logo
variant="icon"
width={36}
height={36}
withText
href={PUBLIC_ROUTES.HOME}
/>
<Text size="xs" c="dimmed" data-testid="footer-copyright">
{t('copyright', { year: currentYear })}
</Text>
<Group gap="md">
<Anchor
component={Link}
href={PUBLIC_ROUTES.PRIVACY_POLICY}
size="xs"
c="dimmed"
underline="hover"
data-testid="footer-privacy"
>
{t('privacy')}
</Anchor>
<Anchor
variant="subtle"
component={Link}
href={PUBLIC_ROUTES.COOKIE_POLICY}
size="xs"
c="dimmed"
underline="hover"
data-testid="footer-cookie"
>
{t('cookies')}
</Anchor>
</Group>
</Stack>
{/* Desktop Footer */}
<Group
h="100%"
justify="space-between"
align="center"
px="md"
visibleFrom="md"
>
<Group gap="xs">
<Logo
variant="icon"
width={36}
height={36}
withText
href={PUBLIC_ROUTES.HOME}
/>
<Text size="xs" c="dimmed" data-testid="footer-copyright">
{t('copyright', { year: currentYear })}
</Text>
</Group>
<Group gap="md">
<Anchor
component={Link}
href={PUBLIC_ROUTES.PRIVACY_POLICY}
size="xs"
c="dimmed"
underline="hover"
data-testid="footer-privacy"
>
{t('privacy')}
</Anchor>
<Anchor
component={Link}
href={PUBLIC_ROUTES.COOKIE_POLICY}
size="xs"
c="dimmed"
underline="hover"
variant="subtle"
data-testid="footer-cookie"
>
{t('cookies')}
</Anchor>
</Group>
</Group>
</>
);
};
export default Footer;
|