diff --git a/gatsby-browser.js b/gatsby-browser.js index e13f525..f7ddf2e 100644 --- a/gatsby-browser.js +++ b/gatsby-browser.js @@ -1,3 +1,5 @@ import "@fontsource/karmilla/400.css" import "@fontsource/karmilla/700.css" -import "@fontsource/darker-grotesque/600.css" \ No newline at end of file +import "@fontsource/darker-grotesque/400.css" +import "@fontsource/darker-grotesque/600.css" +import "@fontsource/darker-grotesque/700.css" \ No newline at end of file diff --git a/src/components/footer.js b/src/components/footer.js index e13eb82..2bd6f81 100644 --- a/src/components/footer.js +++ b/src/components/footer.js @@ -1,6 +1,7 @@ -import { Box, Container, Grid, Typography } from "@mui/material" +import { Box, Container, Grid, Link, Stack, Typography } from "@mui/material" import { StaticImage } from "gatsby-plugin-image" import React from "react" +import theme from "./theme" const address={ name: "Autonomic Co-operative Limited", @@ -10,18 +11,56 @@ const address={ country: "United Kingdom" } -const FooterText = ({ children, bold }) => { - const normalStyle = { fontSize: 10, lineHeight: "14px" } - const boldStyle = { fontSize: 14 } +const FooterText = ({ children, bold, sx }) => { + const normalStyle = { + ...sx, + fontSize: 10, + lineHeight: "12px", + } + const boldStyle = { + ...normalStyle, + fontFamily: `"Darker Grotesque", sans-serif`, + fontSize: 14, + lineHeight: "16px", + fontWeight: 700, + } return {children} } +const ConnectWithUs = () => ( + + + +) + +const connectLinks = [ + { label: "RSS feed", url: "/" }, + { label: "Fedivers", url: "/" }, + { label: "Gitea", url: "/" }, + { label: "Matrix", url: "/" }, +] + const Footer = () => ( @@ -36,19 +75,46 @@ const Footer = () => ( {address.name} - {address.line1} - {address.city} - {address.postcode} - {address.country} + + {address.line1} +
+ {address.city} +
+ {address.postcode} +
+ {address.country} +
- We are a Co-operative Society registered with the FCA. + We are a Co-operative Society registered with the{" "} + + FCA + + . + + Registration Number: 4597 + + Member of the{" "} + + CoTech Network + - Registration Number: 4597 - Member of the CoTech Network + + + + + {connectLinks.map(({ label, path }) => ( + + {label} + + ))} + + helo[at]autonomic.zone + +