ui: add footer below pages

src/components/Footer/index.tsx

@@ -0,0 +1,19 @@
+import React, { FC } from "react"
+import packageJson from "../../../package.json"
+import { Container } from "../Container"
+import * as SC from "./styles"
+
+export const Footer: FC = () => {
+  return (
+    <SC.FooterWrapper>
+      <Container>
+        <p>
+          © {new Date().getFullYear()}, Built with
+          {` `}
+          <a href="https://www.gatsbyjs.org">Gatsby</a> - Source on{" "}
+          <a href={packageJson.repository.url}>GitHub</a>
+        </p>
+      </Container>
+    </SC.FooterWrapper>
+  )
+}

src/components/Footer/styles.tsx

@@ -0,0 +1,20 @@
+import styled from "styled-components"
+
+export const FooterWrapper = styled.footer`
+  margin-top: 128px;
+
+  & a {
+    display: inline;
+    color: #0090d8;
+    font-weight: 700;
+    border-bottom: 2px solid;
+    text-decoration: none;
+    transition: color 0.3s;
+
+    &:hover,
+    &:focus {
+      color: #5dbbea;
+      transition: none;
+    }
+  }
+`