forked from Rosetta/landing
70 lines
2.8 KiB
TypeScript
70 lines
2.8 KiB
TypeScript
import { Anchor, Container, Group, SimpleGrid, Stack, Text } from '@mantine/core';
|
|
import { Link } from 'react-router-dom';
|
|
import { RosettaLogo } from '../RosettaLogo/RosettaLogo';
|
|
import classes from './SiteFooter.module.css';
|
|
|
|
export function SiteFooter() {
|
|
const year = new Date().getFullYear();
|
|
|
|
return (
|
|
<footer className={classes.footer}>
|
|
<Container>
|
|
<SimpleGrid cols={{ base: 1, sm: 3 }} spacing="xl">
|
|
<Stack gap="sm">
|
|
<Group gap="sm">
|
|
<RosettaLogo size={34} />
|
|
<Text fw={700} fz="lg">
|
|
Rosetta
|
|
</Text>
|
|
</Group>
|
|
<Text c="dimmed" size="sm" maw={320} lh={1.6}>
|
|
Private messaging built around strong encryption, local history, and
|
|
user-controlled identity.
|
|
</Text>
|
|
</Stack>
|
|
|
|
<Stack gap="xs">
|
|
<Text fw={600} size="sm">
|
|
Product
|
|
</Text>
|
|
<Anchor component={Link} to="/#features" c="dimmed" size="sm">
|
|
Features
|
|
</Anchor>
|
|
<Anchor component={Link} to="/#apps" c="dimmed" size="sm">
|
|
Apps
|
|
</Anchor>
|
|
<Anchor component={Link} to="/encryption" c="dimmed" size="sm">
|
|
Encryption
|
|
</Anchor>
|
|
<Anchor component={Link} to="/proto" c="dimmed" size="sm">
|
|
Proto
|
|
</Anchor>
|
|
<Anchor component={Link} to="/support" c="dimmed" size="sm">
|
|
Support
|
|
</Anchor>
|
|
</Stack>
|
|
|
|
<Stack gap="xs">
|
|
<Text fw={600} size="sm">
|
|
Legal
|
|
</Text>
|
|
<Anchor component={Link} to="/privacy" c="dimmed" size="sm">
|
|
Privacy Policy
|
|
</Anchor>
|
|
<Anchor component={Link} to="/terms" c="dimmed" size="sm">
|
|
Terms of Use
|
|
</Anchor>
|
|
<Anchor href="mailto:support@rosetta.im" c="dimmed" size="sm">
|
|
Support@rosetta.im
|
|
</Anchor>
|
|
</Stack>
|
|
</SimpleGrid>
|
|
|
|
<Text c="dimmed" size="xs" className={classes.copyright}>
|
|
© {year} ROSETTA CLOUD SERVICES LIMITED
|
|
</Text>
|
|
</Container>
|
|
</footer>
|
|
);
|
|
}
|