From e8dfbf2263d7c44ffc89ea9cb174ae787b0dd32c Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Wed, 27 Jan 2021 19:04:04 +0000
Subject: [PATCH] feat(footer): add contact details

---
 src/components/footer.js | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/components/footer.js b/src/components/footer.js
index ea611c3..361363e 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -1,5 +1,8 @@
 import React from "react";
 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`
   background-color: var(--color-white);
@@ -18,7 +21,31 @@ export default function Footer() {
   const year = new Date().getFullYear();
   return (
     <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>
   );
 }