From a2822017286876c21e64ef736c46daa8a6091c0f Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Fri, 6 Jan 2023 02:12:55 +0500
Subject: [PATCH] scaffold footer

---
 src/components/footer.js         |  50 +++++++++++++++++++++++++++++++
 src/components/layout.js         |  11 +++----
 src/images/autonomic-monster.png | Bin 0 -> 2602 bytes
 3 files changed, 54 insertions(+), 7 deletions(-)
 create mode 100644 src/components/footer.js
 create mode 100644 src/images/autonomic-monster.png

diff --git a/src/components/footer.js b/src/components/footer.js
new file mode 100644
index 0000000..a02d1f7
--- /dev/null
+++ b/src/components/footer.js
@@ -0,0 +1,50 @@
+import { Box, Container, Grid, Typography } from "@mui/material"
+import { StaticImage } from "gatsby-plugin-image"
+import React from "react"
+
+const address={
+  name: "Autonomic Co-operative Limited",
+  line1: "1539 Pershore Road",
+  city: "Birmingham",
+  postcode: "B30 2JH",
+  country: "United Kingdom"
+}
+
+const FooterText = ({ children, bold }) => {
+  const normalStyle = { fontSize: 10, lineHeight: "14px" }
+  const boldStyle = { fontSize: 14 }
+  return <Typography sx={bold ? boldStyle : normalStyle}>{children}</Typography>
+}
+
+const Footer = () => (
+  <Box
+    component="footer"
+    color="secondary.contrastText"
+    bgcolor="secondary.main"
+    py={5}
+  >
+    <Container maxWidth="sm">
+      <Grid container>
+        <Grid item xs={12} md={1}>
+          <StaticImage src="../images/autonomic-monster.png" width={38} />
+        </Grid>
+        <Grid item xs={12} md={6}>
+          <FooterText bold>{address.name}</FooterText>
+          <FooterText>{address.line1}</FooterText>
+          <FooterText>{address.city}</FooterText>
+          <FooterText>{address.postcode}</FooterText>
+          <FooterText>{address.country}</FooterText>
+        </Grid>
+        <Grid item xs={12} md={5}>
+          <FooterText bold>
+            We are a Co-operative Society registered with the FCA.
+          </FooterText>
+          <FooterText>Registration Number: 4597</FooterText>
+          <FooterText bold>Member of the CoTech Network</FooterText>
+        </Grid>
+      </Grid>
+    </Container>
+  </Box>
+)
+
+export default Footer
\ No newline at end of file
diff --git a/src/components/layout.js b/src/components/layout.js
index c48fe6f..799f874 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -3,6 +3,7 @@ import { Link as GatsbyLink } from "gatsby"
 import { AppBar, Container, CssBaseline, Grid, Link, ThemeProvider, Toolbar } from "@mui/material"
 import NavMenu from "./nav-menu"
 import theme from "./theme"
+import Footer from "./footer"
 
 const Layout = ({ location, title, children }) => {
   // const rootPath = `${__PATH_PREFIX__}/`
@@ -26,7 +27,7 @@ const Layout = ({ location, title, children }) => {
   return (
     <>
       <ThemeProvider theme={theme}>
-      <CssBaseline />
+        <CssBaseline />
         <AppBar
           component="header"
           color="transparent"
@@ -44,7 +45,7 @@ const Layout = ({ location, title, children }) => {
             </Link>
           </Toolbar>
         </AppBar>
-        <Container maxWidth="md" >
+        <Container maxWidth="md" sx={{ py: 8 }}>
           <Grid container>
             <Grid item xs={12} md={3}>
               <NavMenu />
@@ -53,12 +54,8 @@ const Layout = ({ location, title, children }) => {
               <main>{children}</main>
             </Grid>
           </Grid>
-          <footer>
-            © {new Date().getFullYear()}, Built with
-            {` `}
-            <a href="https://www.gatsbyjs.com">Gatsby</a>
-          </footer>
         </Container>
+        <Footer />
       </ThemeProvider>
     </>
   )
diff --git a/src/images/autonomic-monster.png b/src/images/autonomic-monster.png
new file mode 100644
index 0000000000000000000000000000000000000000..23062cf64101be8074d21eca3f36b934e6e5fb66
GIT binary patch
literal 2602
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
M07*qoM6N<$g6nqAGynhq

literal 0
HcmV?d00001