dan/abc-project-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(footer): add contact details

Browse Source
This commit is contained in:
Dan Head
2021-01-27 19:04:04 +00:00
parent 635aae7354
commit e8dfbf2263
1 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/footer.js
View File

@@ -1,5 +1,8 @@
import React from "react"; import React from "react";
import styled from "@emotion/styled"; import styled from "@emotion/styled";
import { Grid, IconWithContent, Icon, Link, Text } from ".";
import Envelope from "../icons/envelope.svg";
import Phone from "../icons/phone.svg";
const Container = styled.footer` const Container = styled.footer`
background-color: var(--color-white); background-color: var(--color-white);
@@ -18,7 +21,31 @@ export default function Footer() {
const year = new Date().getFullYear(); const year = new Date().getFullYear();
return ( return (
<Container> <Container>
<Content>&copy; {year} Abc Project Ltd</Content> <Content>
<Grid columns={[1, 2]}>
<IconWithContent>
<Icon color="dark" size="lg">
<Phone />
</Icon>
<Text color="dark" size="lg">
07123 456789
</Text>
</IconWithContent>
<IconWithContent>
<Icon color="dark" size="lg">
<Envelope />
</Icon>
<Link
color="dark"
size="md"
to="mailto:quotations@abcprojectdesign.com"
>
quotations@abcprojectdesign.com
</Link>
</IconWithContent>
</Grid>
<div>&copy; {year} Abc Project Ltd</div>
</Content>
</Container> </Container>
); );
} }