61 lines
1.6 KiB
TypeScript
61 lines
1.6 KiB
TypeScript
import { i18n } from '@lingui/core';
|
|
import { Column, Container, Row } from '@react-email/components';
|
|
import { Link } from 'src/components/Link';
|
|
import { ShadowText } from 'src/components/ShadowText';
|
|
|
|
const footerContainerStyle = {
|
|
marginTop: '12px',
|
|
};
|
|
|
|
export const Footer = () => {
|
|
return (
|
|
<Container style={footerContainerStyle}>
|
|
<Row>
|
|
<Column>
|
|
<ShadowText>
|
|
<Link
|
|
href="https://twenty.com/"
|
|
value={i18n._('Website')}
|
|
aria-label={i18n._("Visit Twenty's website")}
|
|
/>
|
|
</ShadowText>
|
|
</Column>
|
|
<Column>
|
|
<ShadowText>
|
|
<Link
|
|
href="https://github.com/twentyhq/twenty"
|
|
value={i18n._('Github')}
|
|
aria-label={i18n._("Visit Twenty's GitHub repository")}
|
|
/>
|
|
</ShadowText>
|
|
</Column>
|
|
<Column>
|
|
<ShadowText>
|
|
<Link
|
|
href="https://twenty.com/user-guide"
|
|
value={i18n._('User guide')}
|
|
aria-label={i18n._("Read Twenty's user guide")}
|
|
/>
|
|
</ShadowText>
|
|
</Column>
|
|
<Column>
|
|
<ShadowText>
|
|
<Link
|
|
href="https://docs.twenty.com/"
|
|
value={i18n._('Developers')}
|
|
aria-label={i18n._("Visit Twenty's developer documentation")}
|
|
/>
|
|
</ShadowText>
|
|
</Column>
|
|
</Row>
|
|
<ShadowText>
|
|
<>
|
|
{i18n._('Twenty.com, Public Benefit Corporation')}
|
|
<br />
|
|
{i18n._('San Francisco / Paris')}
|
|
</>
|
|
</ShadowText>
|
|
</Container>
|
|
);
|
|
};
|