forked from Rosetta/landing
Redesign landing and generate Proto docs
This commit is contained in:
66
src/components/SiteFooter/SiteFooter.tsx
Normal file
66
src/components/SiteFooter/SiteFooter.tsx
Normal file
@@ -0,0 +1,66 @@
|
||||
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="/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:admin@rosetta.im" c="dimmed" size="sm">
|
||||
Admin@rosetta.im
|
||||
</Anchor>
|
||||
</Stack>
|
||||
</SimpleGrid>
|
||||
|
||||
<Text c="dimmed" size="xs" className={classes.copyright}>
|
||||
© {year} ROSETTA CLOUD SERVICES LIMITED
|
||||
</Text>
|
||||
</Container>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user