add Landing page (#7)

src/containers/LandingThemeProvider/Fonts.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Global } from '@emotion/react';
+import '@fontsource/open-sans/400.css';
+import '@fontsource/open-sans/700.css';
+
+const Fonts = () => (
+  <Global
+    styles={`
+      /* open-sans-cyrillic-400-normal */
+      @font-face {
+        font-family: 'Open Sans';
+        font-style: normal;
+        font-display: swap;
+        font-weight: 400;
+        src: url(./files/open-sans-cyrillic-400-normal.woff2) format('woff2'), url(./files/open-sans-cyrillic-400-normal.woff) format('woff');
+        unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+      }
+      /* open-sans-cyrillic-700-normal */
+      @font-face {
+        font-family: 'Open Sans';
+        font-style: normal;
+        font-display: swap;
+        font-weight: 700;
+        src: url(./files/open-sans-cyrillic-700-normal.woff2) format('woff2'), url(./files/open-sans-cyrillic-700-normal.woff) format('woff');
+        unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+      }
+      `}
+  />
+);
+
+export default Fonts;

src/containers/LandingThemeProvider/LandingThemeProvider.tsx

@@ -0,0 +1,13 @@
+import React, { FC, PropsWithChildren } from 'react';
+import { ChakraProvider } from '@chakra-ui/react';
+import { default as landingTheme } from './theme-config';
+import Fonts from './Fonts';
+
+export const LandingThemeProvider: FC<PropsWithChildren> = ({ children }) => {
+  return (
+    <ChakraProvider theme={landingTheme}>
+      <Fonts />
+      {children}
+    </ChakraProvider>
+  );
+};

src/containers/LandingThemeProvider/index.ts

@@ -0,0 +1 @@
+export { LandingThemeProvider } from './LandingThemeProvider';

src/containers/LandingThemeProvider/theme-config.ts

@@ -0,0 +1,42 @@
+import { extendTheme } from '@chakra-ui/react';
+
+const overrides = {
+  colors: {
+    primary: {
+      50: "#F1F8ED",
+      100: "#D9EACC",
+      200: "#C0DDAC",
+      300: "#A8D08B",
+      400: "#8FC26B",
+      500: "#77B54A",
+      600: "#5F913B",
+      700: "#476D2C",
+      800: "#2F481E",
+      900: "#18240F"
+    },
+    secondary: {
+      50: "#E7F7FD",
+      100: "#BCEAFB",
+      200: "#91DCF8",
+      300: "#66CEF5",
+      400: "#3BC1F2",
+      500: "#0FB3F0",
+      600: "#0C8FC0",
+      700: "#096B90",
+      800: "#064860",
+      900: "#032430"
+    }
+  },
+  fonts: {
+    heading: `'Open Sans', sans-serif`,
+  },
+  styles: {
+    global: {
+      body: {
+        bg: 'gray.100'
+      }
+    },
+  },
+};
+
+export default extendTheme(overrides);