diff --git a/public/images/pages/discord.svg b/public/images/pages/discord.svg
new file mode 100644
index 0000000000..245d1aac5b
--- /dev/null
+++ b/public/images/pages/discord.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/images/pages/github.svg b/public/images/pages/github.svg
new file mode 100644
index 0000000000..50016b1433
--- /dev/null
+++ b/public/images/pages/github.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/images/pages/twitter.svg b/public/images/pages/twitter.svg
new file mode 100644
index 0000000000..6c2c74bef7
--- /dev/null
+++ b/public/images/pages/twitter.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
new file mode 100644
index 0000000000..fe5f159160
--- /dev/null
+++ b/src/components/layouts/Footer.tsx
@@ -0,0 +1,88 @@
+import { Grid, GridItem, Image, Link, Stack, Text } from '@chakra-ui/react';
+import { FC } from 'react';
+import NextLink from 'next/link';
+
+import { DOCS_PAGE, DOWNLOADS_PAGE, GETH_TWITTER_URL } from '../../constants'
+
+export const Footer: FC = () => {
+ return (
+
+
+
+
+
+
+ DOWNLOADS
+
+
+
+
+
+
+
+
+ DOCUMENTATION
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ © 2013–2022. The go-ethereum Authors.
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/layouts/Layout.tsx b/src/components/layouts/Layout.tsx
index c78ec5a3ab..fb992469ef 100644
--- a/src/components/layouts/Layout.tsx
+++ b/src/components/layouts/Layout.tsx
@@ -1,6 +1,8 @@
import { Container } from '@chakra-ui/react';
import { FC } from 'react';
+import { Footer } from './Footer'
+
interface Props {
children?: React.ReactNode;
}
@@ -10,6 +12,8 @@ export const Layout: FC = ({ children }) => {
return (
{children}
+
+
);
};
diff --git a/src/constants.ts b/src/constants.ts
index 1f481b1b0d..9d52d22697 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -9,4 +9,5 @@ export const ETHEREUM_ORG_URL = 'https://ethereum.org';
export const ETHEREUM_ORG_RUN_A_NODE_URL = 'https://ethereum.org/en/run-a-node/';
export const ETHEREUM_FOUNDATION_URL = 'https://ethereum.foundation';
export const GETH_REPO_URL = 'https://github.com/ethereum/go-ethereum';
+export const GETH_TWITTER_URL = 'https://twitter.com/go_ethereum';
export const GO_URL = 'https://go.dev/';
diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts
index fa4bd9b9ae..f5d381ee0b 100644
--- a/src/theme/foundations/textStyles.ts
+++ b/src/theme/foundations/textStyles.ts
@@ -53,6 +53,12 @@ export const textStyles = {
fontSize: '13px',
fontFamily: '"Inter", sans-serif'
},
+ 'footer-text': {
+ fontFamily: '"Inter", sans-serif',
+ lineHeight: '22px',
+ fontWeight: 400,
+ fontSize: '12px'
+ },
// TODO: refactor w/ semantic tokens for light/dark mode
'link-light': {},
// TODO: refactor w/ semantic tokens for light/dark mode