diff --git a/gatsby-node.js b/gatsby-node.js
index affeaf1702c..24d093f4cb1 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -17,7 +17,7 @@ exports.onCreatePage = ({ page, actions }) => {
     const is_market = /markets/g.test(page.path)
     const is_cfds = /cfds/g.test(page.path)
     const is_landing_ebooks =/landing\/ebooks/g.test(page.path)
-    
+
     if (is_landing_ebooks) {
         createRedirect({
             fromPath: `/landing/ebooks/`,
@@ -32,7 +32,7 @@ exports.onCreatePage = ({ page, actions }) => {
             isPermanent: true,
         })
     }
-    
+
     if (is_responsible_trading) {
         createRedirect({
             fromPath: `/responsible-trading/`,
@@ -307,6 +307,12 @@ exports.onCreateWebpackConfig = ({ actions, getConfig }, { ...options }) => {
     actions.setWebpackConfig({
         plugins: [new StylelintPlugin({ ...style_lint_options, ...options })],
         resolve: {
+          alias: {
+            'react': 'preact/compat',
+            'react-dom/test-utils': 'preact/test-utils',
+            'react-dom': 'preact/compat',
+            'react/jsx-runtime': 'preact/jsx-runtime',
+        },
             modules: [path.resolve(__dirname, 'src'), 'node_modules'],
         },
     })
diff --git a/package-lock.json b/package-lock.json
index 5084f9fa5a6..ba514c46f80 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
                 "gatsby-plugin-manifest": "^4.4.0",
                 "gatsby-plugin-nprogress": "^4.4.0",
                 "gatsby-plugin-page-progress": "^2.2.1",
+                "gatsby-plugin-preact": "^6.5.0",
                 "gatsby-plugin-react-helmet": "^5.4.0",
                 "gatsby-plugin-robots-txt": "^1.6.14",
                 "gatsby-plugin-sharp": "^4.4.0",
@@ -42,6 +43,9 @@
                 "lottie-web": "^5.8.1",
                 "match-sorter": "^6.3.1",
                 "nprogress": "^0.2.0",
+                "postcss": "^8.4.5",
+                "preact": "^10.6.4",
+                "preact-render-to-string": "^5.1.19",
                 "prop-types": "^15.8.1",
                 "react": "^17.0.2",
                 "react-dom": "^17.0.2",
@@ -4016,6 +4020,38 @@
                 "url": "https://opencollective.com/popperjs"
             }
         },
+        "node_modules/@prefresh/babel-plugin": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/@prefresh/babel-plugin/-/babel-plugin-0.4.1.tgz",
+            "integrity": "sha512-gj3ekiYtHlZNz0zFI1z6a9mcYX80Qacw84+2++7V1skvO7kQoV2ux56r8bJkTBbKMVxwAgaYrxxIdUCYlclE7Q=="
+        },
+        "node_modules/@prefresh/core": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/@prefresh/core/-/core-1.3.2.tgz",
+            "integrity": "sha512-Iv+uI698KDgWsrKpLvOgN3hmAMyvhVgn09mcnhZ98BUNdg/qrxE7tcUf5yFCImkgqED5/Dcn8G5hFy4IikEDvg==",
+            "peerDependencies": {
+                "preact": "^10.0.0"
+            }
+        },
+        "node_modules/@prefresh/utils": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@prefresh/utils/-/utils-1.1.1.tgz",
+            "integrity": "sha512-MUhT5m2XNN5NsZl4GnpuvlzLo6VSTa/+wBfBd3fiWUvHGhv0GF9hnA1pd//v0uJaKwUnVRQ1hYElxCV7DtYsCQ=="
+        },
+        "node_modules/@prefresh/webpack": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/@prefresh/webpack/-/webpack-3.3.2.tgz",
+            "integrity": "sha512-1cX0t5G7IXWO2164sl2O32G02BzDl6C4UUZWfDb0x1CQM1g3It9PSLWd+rIlHfSg4MEU9YHM8e6/OK8uavRJhA==",
+            "dependencies": {
+                "@prefresh/core": "^1.3.1",
+                "@prefresh/utils": "^1.1.0"
+            },
+            "peerDependencies": {
+                "@prefresh/babel-plugin": "^0.4.0",
+                "preact": "^10.4.0",
+                "webpack": "^4.0.0 || ^5.0.0"
+            }
+        },
         "node_modules/@pushwoosh/logger": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/@pushwoosh/logger/-/logger-1.0.4.tgz",
@@ -5165,6 +5201,23 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/@storybook/builder-webpack4/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
         "node_modules/@storybook/builder-webpack4/node_modules/readable-stream": {
             "version": "2.3.7",
             "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -5770,30 +5823,6 @@
                 "node": ">=10"
             }
         },
-        "node_modules/@storybook/builder-webpack5/node_modules/picocolors": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-            "dev": true
-        },
-        "node_modules/@storybook/builder-webpack5/node_modules/postcss": {
-            "version": "8.4.5",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-            "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-            "dev": true,
-            "dependencies": {
-                "nanoid": "^3.1.30",
-                "picocolors": "^1.0.0",
-                "source-map-js": "^1.0.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            }
-        },
         "node_modules/@storybook/builder-webpack5/node_modules/postcss-modules-extract-imports": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
@@ -8810,30 +8839,6 @@
                 "node": ">=10"
             }
         },
-        "node_modules/@storybook/manager-webpack5/node_modules/picocolors": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-            "dev": true
-        },
-        "node_modules/@storybook/manager-webpack5/node_modules/postcss": {
-            "version": "8.4.5",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-            "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-            "dev": true,
-            "dependencies": {
-                "nanoid": "^3.1.30",
-                "picocolors": "^1.0.0",
-                "source-map-js": "^1.0.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            }
-        },
         "node_modules/@storybook/manager-webpack5/node_modules/postcss-modules-extract-imports": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
@@ -10931,6 +10936,32 @@
                 "postcss": "7.x.x"
             }
         },
+        "node_modules/@types/stylelint/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/@types/stylelint/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/@types/tapable": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.8.tgz",
@@ -12391,6 +12422,32 @@
                 "url": "https://tidelift.com/funding/github/npm/autoprefixer"
             }
         },
+        "node_modules/autoprefixer/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/autoprefixer/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/axe-core": {
             "version": "4.3.5",
             "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.3.5.tgz",
@@ -15395,6 +15452,23 @@
                 "node": ">=4.0.0"
             }
         },
+        "node_modules/css-loader/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
         "node_modules/css-loader/node_modules/schema-utils": {
             "version": "2.7.1",
             "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
@@ -15413,6 +15487,15 @@
                 "url": "https://opencollective.com/webpack"
             }
         },
+        "node_modules/css-loader/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/css-minimizer-webpack-plugin": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-2.0.0.tgz",
@@ -15583,23 +15666,6 @@
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
             "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
         },
-        "node_modules/css-minimizer-webpack-plugin/node_modules/postcss": {
-            "version": "8.4.5",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-            "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-            "dependencies": {
-                "nanoid": "^3.1.30",
-                "picocolors": "^1.0.0",
-                "source-map-js": "^1.0.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            }
-        },
         "node_modules/css-minimizer-webpack-plugin/node_modules/postcss-calc": {
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-8.0.0.tgz",
@@ -20132,6 +20198,25 @@
             "resolved": "https://registry.npmjs.org/gatsby-plugin-page-progress/-/gatsby-plugin-page-progress-2.2.1.tgz",
             "integrity": "sha512-ItrUyMQOyhMjtEsJ+IKQVKNJ7qa+8E4P16mQSPd1fsxTUcmEn5vNT47pCVnePjT5MuxarFRTbvy1mcHARgp0ew=="
         },
+        "node_modules/gatsby-plugin-preact": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-preact/-/gatsby-plugin-preact-6.5.0.tgz",
+            "integrity": "sha512-n9L7dw7ynFthFMSNI2yV6IlI7V1O61yR8ldyvDtqXvGJgT0RLhod2nvyBKlwdrS7ke/zInC960Uc8QfFrvXw2Q==",
+            "dependencies": {
+                "@babel/runtime": "^7.15.4",
+                "@gatsbyjs/webpack-hot-middleware": "^2.25.2",
+                "@prefresh/babel-plugin": "^0.4.1",
+                "@prefresh/webpack": "^3.3.2"
+            },
+            "engines": {
+                "node": ">=14.15.0"
+            },
+            "peerDependencies": {
+                "gatsby": "^4.0.0-next",
+                "preact": "^10.3.4",
+                "preact-render-to-string": "^5.1.8"
+            }
+        },
         "node_modules/gatsby-plugin-react-helmet": {
             "version": "5.4.0",
             "resolved": "https://registry.npmjs.org/gatsby-plugin-react-helmet/-/gatsby-plugin-react-helmet-5.4.0.tgz",
@@ -21649,23 +21734,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/gatsby/node_modules/postcss": {
-            "version": "8.4.5",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-            "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-            "dependencies": {
-                "nanoid": "^3.1.30",
-                "picocolors": "^1.0.0",
-                "source-map-js": "^1.0.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            }
-        },
         "node_modules/gatsby/node_modules/postcss-flexbugs-fixes": {
             "version": "5.0.2",
             "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz",
@@ -23413,6 +23481,32 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/icss-utils/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/icss-utils/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/ieee754": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -28181,6 +28275,32 @@
             }
         },
         "node_modules/postcss": {
+            "version": "8.4.5",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
+            "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+            "dependencies": {
+                "nanoid": "^3.1.30",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/postcss-flexbugs-fixes": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz",
+            "integrity": "sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ==",
+            "dev": true,
+            "dependencies": {
+                "postcss": "^7.0.26"
+            }
+        },
+        "node_modules/postcss-flexbugs-fixes/node_modules/postcss": {
             "version": "7.0.39",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
             "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
@@ -28197,13 +28317,13 @@
                 "url": "https://opencollective.com/postcss/"
             }
         },
-        "node_modules/postcss-flexbugs-fixes": {
-            "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz",
-            "integrity": "sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ==",
+        "node_modules/postcss-flexbugs-fixes/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
             "dev": true,
-            "dependencies": {
-                "postcss": "^7.0.26"
+            "engines": {
+                "node": ">=0.10.0"
             }
         },
         "node_modules/postcss-loader": {
@@ -28281,6 +28401,32 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/postcss-modules-extract-imports/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/postcss-modules-extract-imports/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/postcss-modules-local-by-default": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz",
@@ -28296,6 +28442,32 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/postcss-modules-local-by-default/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/postcss-modules-local-by-default/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/postcss-modules-scope": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
@@ -28309,6 +28481,32 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/postcss-modules-scope/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/postcss-modules-scope/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/postcss-modules-values": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz",
@@ -28319,6 +28517,32 @@
                 "postcss": "^7.0.6"
             }
         },
+        "node_modules/postcss-modules-values/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/postcss-modules-values/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/postcss-resolve-nested-selector": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
@@ -28342,14 +28566,10 @@
             "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
         },
-        "node_modules/postcss/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
+        "node_modules/postcss/node_modules/picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
         },
         "node_modules/potrace": {
             "version": "2.1.8",
@@ -28359,6 +28579,31 @@
                 "jimp": "^0.14.0"
             }
         },
+        "node_modules/preact": {
+            "version": "10.6.4",
+            "resolved": "https://registry.npmjs.org/preact/-/preact-10.6.4.tgz",
+            "integrity": "sha512-WyosM7pxGcndU8hY0OQlLd54tOU+qmG45QXj2dAYrL11HoyU/EzOSTlpJsirbBr1QW7lICxSsVJJmcmUglovHQ==",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/preact"
+            }
+        },
+        "node_modules/preact-render-to-string": {
+            "version": "5.1.19",
+            "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.1.19.tgz",
+            "integrity": "sha512-bj8sn/oytIKO6RtOGSS/1+5CrQyRSC99eLUnEVbqUa6MzJX5dYh7wu9bmT0d6lm/Vea21k9KhCQwvr2sYN3rrQ==",
+            "dependencies": {
+                "pretty-format": "^3.8.0"
+            },
+            "peerDependencies": {
+                "preact": ">=10"
+            }
+        },
+        "node_modules/preact-render-to-string/node_modules/pretty-format": {
+            "version": "3.8.0",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
+            "integrity": "sha1-v77VbV6ad2ZF9LH/eqGjrE+jw4U="
+        },
         "node_modules/prebuild-install": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.0.0.tgz",
@@ -32470,6 +32715,32 @@
                 "postcss": "^7.0.26"
             }
         },
+        "node_modules/stylelint-processor-styled-components/node_modules/postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            }
+        },
+        "node_modules/stylelint-processor-styled-components/node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/stylelint-webpack-plugin": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.1.0.tgz",
@@ -32593,24 +32864,6 @@
             "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
             "dev": true
         },
-        "node_modules/stylelint/node_modules/postcss": {
-            "version": "8.4.5",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-            "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-            "dev": true,
-            "dependencies": {
-                "nanoid": "^3.1.30",
-                "picocolors": "^1.0.0",
-                "source-map-js": "^1.0.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            }
-        },
         "node_modules/stylelint/node_modules/postcss-safe-parser": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
@@ -38687,6 +38940,31 @@
             "integrity": "sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ==",
             "dev": true
         },
+        "@prefresh/babel-plugin": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/@prefresh/babel-plugin/-/babel-plugin-0.4.1.tgz",
+            "integrity": "sha512-gj3ekiYtHlZNz0zFI1z6a9mcYX80Qacw84+2++7V1skvO7kQoV2ux56r8bJkTBbKMVxwAgaYrxxIdUCYlclE7Q=="
+        },
+        "@prefresh/core": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/@prefresh/core/-/core-1.3.2.tgz",
+            "integrity": "sha512-Iv+uI698KDgWsrKpLvOgN3hmAMyvhVgn09mcnhZ98BUNdg/qrxE7tcUf5yFCImkgqED5/Dcn8G5hFy4IikEDvg==",
+            "requires": {}
+        },
+        "@prefresh/utils": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@prefresh/utils/-/utils-1.1.1.tgz",
+            "integrity": "sha512-MUhT5m2XNN5NsZl4GnpuvlzLo6VSTa/+wBfBd3fiWUvHGhv0GF9hnA1pd//v0uJaKwUnVRQ1hYElxCV7DtYsCQ=="
+        },
+        "@prefresh/webpack": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/@prefresh/webpack/-/webpack-3.3.2.tgz",
+            "integrity": "sha512-1cX0t5G7IXWO2164sl2O32G02BzDl6C4UUZWfDb0x1CQM1g3It9PSLWd+rIlHfSg4MEU9YHM8e6/OK8uavRJhA==",
+            "requires": {
+                "@prefresh/core": "^1.3.1",
+                "@prefresh/utils": "^1.1.0"
+            }
+        },
         "@pushwoosh/logger": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/@pushwoosh/logger/-/logger-1.0.4.tgz",
@@ -39510,6 +39788,16 @@
                         "to-regex": "^3.0.2"
                     }
                 },
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
                 "readable-stream": {
                     "version": "2.3.7",
                     "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -39958,23 +40246,6 @@
                         "yallist": "^4.0.0"
                     }
                 },
-                "picocolors": {
-                    "version": "1.0.0",
-                    "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-                    "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-                    "dev": true
-                },
-                "postcss": {
-                    "version": "8.4.5",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-                    "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-                    "dev": true,
-                    "requires": {
-                        "nanoid": "^3.1.30",
-                        "picocolors": "^1.0.0",
-                        "source-map-js": "^1.0.1"
-                    }
-                },
                 "postcss-modules-extract-imports": {
                     "version": "3.0.0",
                     "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
@@ -42377,23 +42648,6 @@
                         "yallist": "^4.0.0"
                     }
                 },
-                "picocolors": {
-                    "version": "1.0.0",
-                    "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-                    "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-                    "dev": true
-                },
-                "postcss": {
-                    "version": "8.4.5",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-                    "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-                    "dev": true,
-                    "requires": {
-                        "nanoid": "^3.1.30",
-                        "picocolors": "^1.0.0",
-                        "source-map-js": "^1.0.1"
-                    }
-                },
                 "postcss-modules-extract-imports": {
                     "version": "3.0.0",
                     "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
@@ -44022,6 +44276,24 @@
             "requires": {
                 "globby": "11.x.x",
                 "postcss": "7.x.x"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "@types/tapable": {
@@ -45189,6 +45461,24 @@
                 "picocolors": "^0.2.1",
                 "postcss": "^7.0.32",
                 "postcss-value-parser": "^4.1.0"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "axe-core": {
@@ -47551,6 +47841,16 @@
                         "json5": "^1.0.1"
                     }
                 },
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
                 "schema-utils": {
                     "version": "2.7.1",
                     "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
@@ -47561,6 +47861,12 @@
                         "ajv": "^6.12.4",
                         "ajv-keywords": "^3.5.2"
                     }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
                 }
             }
         },
@@ -47677,16 +47983,6 @@
                     "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
                     "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
                 },
-                "postcss": {
-                    "version": "8.4.5",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-                    "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-                    "requires": {
-                        "nanoid": "^3.1.30",
-                        "picocolors": "^1.0.0",
-                        "source-map-js": "^1.0.1"
-                    }
-                },
                 "postcss-calc": {
                     "version": "8.0.0",
                     "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-8.0.0.tgz",
@@ -51165,16 +51461,6 @@
                         "find-up": "^4.0.0"
                     }
                 },
-                "postcss": {
-                    "version": "8.4.5",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-                    "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-                    "requires": {
-                        "nanoid": "^3.1.30",
-                        "picocolors": "^1.0.0",
-                        "source-map-js": "^1.0.1"
-                    }
-                },
                 "postcss-flexbugs-fixes": {
                     "version": "5.0.2",
                     "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz",
@@ -51711,6 +51997,17 @@
             "resolved": "https://registry.npmjs.org/gatsby-plugin-page-progress/-/gatsby-plugin-page-progress-2.2.1.tgz",
             "integrity": "sha512-ItrUyMQOyhMjtEsJ+IKQVKNJ7qa+8E4P16mQSPd1fsxTUcmEn5vNT47pCVnePjT5MuxarFRTbvy1mcHARgp0ew=="
         },
+        "gatsby-plugin-preact": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-preact/-/gatsby-plugin-preact-6.5.0.tgz",
+            "integrity": "sha512-n9L7dw7ynFthFMSNI2yV6IlI7V1O61yR8ldyvDtqXvGJgT0RLhod2nvyBKlwdrS7ke/zInC960Uc8QfFrvXw2Q==",
+            "requires": {
+                "@babel/runtime": "^7.15.4",
+                "@gatsbyjs/webpack-hot-middleware": "^2.25.2",
+                "@prefresh/babel-plugin": "^0.4.1",
+                "@prefresh/webpack": "^3.3.2"
+            }
+        },
         "gatsby-plugin-react-helmet": {
             "version": "5.4.0",
             "resolved": "https://registry.npmjs.org/gatsby-plugin-react-helmet/-/gatsby-plugin-react-helmet-5.4.0.tgz",
@@ -53484,6 +53781,24 @@
             "dev": true,
             "requires": {
                 "postcss": "^7.0.14"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "ieee754": {
@@ -57137,20 +57452,19 @@
             "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs="
         },
         "postcss": {
-            "version": "7.0.39",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-            "dev": true,
+            "version": "8.4.5",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
+            "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
             "requires": {
-                "picocolors": "^0.2.1",
-                "source-map": "^0.6.1"
+                "nanoid": "^3.1.30",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.1"
             },
             "dependencies": {
-                "source-map": {
-                    "version": "0.6.1",
-                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-                    "dev": true
+                "picocolors": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+                    "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
                 }
             }
         },
@@ -57161,6 +57475,24 @@
             "dev": true,
             "requires": {
                 "postcss": "^7.0.26"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "postcss-loader": {
@@ -57215,6 +57547,24 @@
             "dev": true,
             "requires": {
                 "postcss": "^7.0.5"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "postcss-modules-local-by-default": {
@@ -57227,6 +57577,24 @@
                 "postcss": "^7.0.32",
                 "postcss-selector-parser": "^6.0.2",
                 "postcss-value-parser": "^4.1.0"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "postcss-modules-scope": {
@@ -57237,6 +57605,24 @@
             "requires": {
                 "postcss": "^7.0.6",
                 "postcss-selector-parser": "^6.0.0"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "postcss-modules-values": {
@@ -57247,6 +57633,24 @@
             "requires": {
                 "icss-utils": "^4.0.0",
                 "postcss": "^7.0.6"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "postcss-resolve-nested-selector": {
@@ -57277,6 +57681,26 @@
                 "jimp": "^0.14.0"
             }
         },
+        "preact": {
+            "version": "10.6.4",
+            "resolved": "https://registry.npmjs.org/preact/-/preact-10.6.4.tgz",
+            "integrity": "sha512-WyosM7pxGcndU8hY0OQlLd54tOU+qmG45QXj2dAYrL11HoyU/EzOSTlpJsirbBr1QW7lICxSsVJJmcmUglovHQ=="
+        },
+        "preact-render-to-string": {
+            "version": "5.1.19",
+            "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.1.19.tgz",
+            "integrity": "sha512-bj8sn/oytIKO6RtOGSS/1+5CrQyRSC99eLUnEVbqUa6MzJX5dYh7wu9bmT0d6lm/Vea21k9KhCQwvr2sYN3rrQ==",
+            "requires": {
+                "pretty-format": "^3.8.0"
+            },
+            "dependencies": {
+                "pretty-format": {
+                    "version": "3.8.0",
+                    "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
+                    "integrity": "sha1-v77VbV6ad2ZF9LH/eqGjrE+jw4U="
+                }
+            }
+        },
         "prebuild-install": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.0.0.tgz",
@@ -60551,17 +60975,6 @@
                     "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
                     "dev": true
                 },
-                "postcss": {
-                    "version": "8.4.5",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-                    "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
-                    "dev": true,
-                    "requires": {
-                        "nanoid": "^3.1.30",
-                        "picocolors": "^1.0.0",
-                        "source-map-js": "^1.0.1"
-                    }
-                },
                 "postcss-safe-parser": {
                     "version": "6.0.0",
                     "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
@@ -60637,6 +61050,24 @@
                 "@babel/traverse": "^7.8.3",
                 "micromatch": "^4.0.2",
                 "postcss": "^7.0.26"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "7.0.39",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+                    "dev": true,
+                    "requires": {
+                        "picocolors": "^0.2.1",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                    "dev": true
+                }
             }
         },
         "stylelint-webpack-plugin": {
diff --git a/package.json b/package.json
index c8331e7a44c..0fb5726d97d 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
         "gatsby-plugin-robots-txt": "^1.6.14",
         "gatsby-plugin-sharp": "^4.4.0",
         "gatsby-plugin-sitemap": "^5.4.0",
+        "gatsby-plugin-preact": "^6.5.0",
         "gatsby-plugin-svgr": "^3.0.0-beta.0",
         "gatsby-plugin-use-query-params": "^1.0.1",
         "gatsby-source-filesystem": "^4.4.0",
@@ -37,6 +38,9 @@
         "lottie-web": "^5.8.1",
         "match-sorter": "^6.3.1",
         "nprogress": "^0.2.0",
+        "postcss": "^8.4.5",
+        "preact": "^10.6.4",
+        "preact-render-to-string": "^5.1.19",
         "prop-types": "^15.8.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
diff --git a/src/components/containers/show.js b/src/components/containers/show.js
index 3fd09719072..26e92927a59 100644
--- a/src/components/containers/show.js
+++ b/src/components/containers/show.js
@@ -35,6 +35,14 @@ export default {
     Desktop,
 }
 
+NonEU.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+}
+
+Eu.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+}
+
 Desktop.propTypes = {
     children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
     max_width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
diff --git a/src/components/layout/nav.js b/src/components/layout/nav.js
index 4148bafd621..e1763785347 100644
--- a/src/components/layout/nav.js
+++ b/src/components/layout/nav.js
@@ -270,7 +270,7 @@ export const StyledLink = styled(LocalizedLink)`
     ${SharedLinkStyle}
 `
 const StyledButton = styled.span`
-    ${SharedLinkStyle}
+    ${SharedLinkStyle};
     cursor: pointer;
     user-select: none;
     white-space: nowrap;
diff --git a/src/pages/dmt5/_interest_free_trading.tsx b/src/pages/dmt5/_interest_free_trading.tsx
index 4cc6b787ca7..39182eed542 100644
--- a/src/pages/dmt5/_interest_free_trading.tsx
+++ b/src/pages/dmt5/_interest_free_trading.tsx
@@ -20,6 +20,10 @@ const ImageWrapper = styled.div`
         width: 80px;
     }
 `
+const ImageTag = styled.img`
+    width: 100%;
+    height: 100%;
+`
 
 const InterestCardFlex = styled(Flex)`
     width: 340px;
@@ -150,7 +154,7 @@ const InterestFreeTrading = () => {
         <StyledContainer>
             <InterestCardFlex fd="column" ai="center" jc="center">
                 <ImageWrapper>
-                    <img src={ZeroPercent} alt="Zero percent interest" width="100%" height="100%" />
+                    <ImageTag src={ZeroPercent} alt="Zero percent interest" />
                 </ImageWrapper>
                 <InterestText size="32px">
                     <Localize translate_text="interest" />
diff --git a/src/pages/p2p/components/_exchange-steps.js b/src/pages/p2p/components/_exchange-steps.js
index b527ac64af8..02f19cd821a 100644
--- a/src/pages/p2p/components/_exchange-steps.js
+++ b/src/pages/p2p/components/_exchange-steps.js
@@ -101,6 +101,10 @@ const StyledText = styled(Text)`
         font-size: 16px;
     }
 `
+const ImageTag = styled.img`
+    width: 100%;
+    height: 100%;
+`
 const ExchangeSteps = () => {
     return (
         <Section>
@@ -110,7 +114,7 @@ const ExchangeSteps = () => {
             <CardContainer>
                 <Card>
                     <Row>
-                        <img src={RightAd} alt="" width="100%" />
+                        <ImageTag src={RightAd} alt="" />
                     </Row>
                     <Row>
                         <Column>
@@ -132,7 +136,7 @@ const ExchangeSteps = () => {
                 </Card>
                 <Card>
                     <Row>
-                        <img src={SettlePayment} alt="" width="100%" />
+                        <ImageTag src={SettlePayment} alt="" />
                     </Row>
                     <Row>
                         <Column>
@@ -154,7 +158,7 @@ const ExchangeSteps = () => {
                 </Card>
                 <Card>
                     <Row>
-                        <img src={CompleteOrder} alt="" width="100%" />
+                        <ImageTag src={CompleteOrder} alt="" />
                     </Row>
                     <Row>
                         <Column>
diff --git a/tsconfig.json b/tsconfig.json
index 9f1f79104e5..da98d4c5fd0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,14 +1,25 @@
 {
-    "include": ["./src/**/*", "./src/custom.d.ts"],
-      "jsx": "react",
-      "compilerOptions": {
-        "baseUrl": "src",
-        "jsx": "preserve",
-        "esModuleInterop": true,
-        "experimentalDecorators": true,
-        "emitDecoratorMetadata": true,
-        "noEmit": true,
-        "skipLibCheck": true,
-        "moduleResolution": "node"
-      }
+  "include": [
+    "./src/**/*",
+    "./src/custom.d.ts"
+  ],
+  "jsx": "react",
+  "compilerOptions": {
+    "baseUrl": "src",
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "moduleResolution": "node"
+  },
+  "paths": {
+    "react": [
+      "node_modules/preact/compat/"
+    ],
+    "react-dom": [
+      "node_modules/preact/compat/"
+    ]
+  }
 }