diff --git a/examples/basic/next.config.js b/examples/basic/next.config.js
index 819d9006a..3f8252f79 100644
--- a/examples/basic/next.config.js
+++ b/examples/basic/next.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  assetPrefix: process.env.NODE_ENV === 'production' ? '/examples/basic' : '',
+  assetPrefix: process.env.NODE_ENV === 'production' ? '/examples/basic' : '/',
 };
diff --git a/examples/landing/next.config.js b/examples/landing/next.config.js
index 7cc91936a..d7b8e340a 100644
--- a/examples/landing/next.config.js
+++ b/examples/landing/next.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  assetPrefix: process.env.NODE_ENV === 'production' ? '/examples/landing' : '',
+  assetPrefix: process.env.NODE_ENV === 'production' ? '/examples/landing' : '/',
 };
diff --git a/site/docs/api/useEditor.md b/site/docs/api/useEditor.md
index 22e1d4b45..b97c1cc80 100644
--- a/site/docs/api/useEditor.md
+++ b/site/docs/api/useEditor.md
@@ -58,7 +58,7 @@ const { connectors, actions, query, ...collected } = useEditor(collector);
         "(sourceNodeId: NodeId, targetNodeId: NodeId, pos: {x: number, y: number}, nodesToDOM?: (node: Node) => HTMLElement = node => node.dom)",
         "Given the target Node and mouse coordinates on the screen, determine the best possible location to drop the source Node. By default, the Node's DOM property is taken into consideration."
       ],
-      ["node", "(id: NodeId) => NodeHelpers", "Returns an object containing helper methods to describe the specified Node. Click <a href='/docs/api/helpers/'>here</a> for more information."],
+      ["node", "(id: NodeId) => NodeHelpers", "Returns an object containing helper methods to describe the specified Node. Click <a href='/docs/api/helpers'>here</a> for more information."],
       ["parseReactElement", "(element: React.ReactElement) => Object", [
         ["toNodeTree", "(normalize?: (node: Node, jsx: React.ReactElement) => void) => NodeTree", "Parse a given React element into a NodeTree"]
       ]],
diff --git a/site/docs/concepts/editor-components.md b/site/docs/concepts/editor.md
similarity index 99%
rename from site/docs/concepts/editor-components.md
rename to site/docs/concepts/editor.md
index 3ba31a6d7..ce77f692d 100755
--- a/site/docs/concepts/editor-components.md
+++ b/site/docs/concepts/editor.md
@@ -1,5 +1,5 @@
 ---
-id: editor-components
+id: editor
 title: Interacting with the Editor
 ---
 
diff --git a/site/docs/concepts/nodes.md b/site/docs/concepts/nodes.md
index 0a0041d67..f54f8847b 100755
--- a/site/docs/concepts/nodes.md
+++ b/site/docs/concepts/nodes.md
@@ -54,7 +54,7 @@ By default, a non-Canvas Node is created. So, how do we actually create a Canvas
 
 In the above example, using the `<Element />` component with the `canvas` prop, we've created a Canvas node of the type `div`. Since our `div` element is now handled by a Canvas node, therefore it is now a droppable region. On the other hand, since `h1`, `MyComp` and `MyContainerComp` are child Nodes of a Canvas, they are now draggable. 
 
-The `<Element />` component can also be used to configure other values of a Node, which is further detailed [here](../api/Element)
+The `<Element />` component can also be used to configure other values of a Node, which is further detailed [here](../api/element)
 
 <!-- We could also specify other things with the `<Element />` component, such as we could tell Craft to prevent parsing the children of an element as Nodes:
 
diff --git a/site/docs/concepts/serializing.md b/site/docs/concepts/serializing.md
deleted file mode 100755
index 22a4ee6c1..000000000
--- a/site/docs/concepts/serializing.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-id: serializing
-title: Serializing
----
-
-### Serializing
-We can serialize the editor's current state of Nodes into JSON by calling the `serialize` method provided by the `useEditor` hook
-```jsx
-const Toolbar = () => {
-  const { query } = useEditor();
-
-  return (
-    <a onClick={() => console.log(query.serialize())}>Serialize</a>
-  )
-}
-```
-
-## Resolvers
-Craft.js exports the nodes in its internal state into a serialzable JSON format. For this to be possible, complex objects such as functions cannot be included - which means User Components cannot be serialised. 
-
-To overcome this is why when setting up Craft.js with your React application, one of the first things you have to do is to specify a map of user components in the `resolver` prop of the `Manager` component.
-
-
-```jsx
-import {Text, Hero, Container} from ".../myproject/components";
-
-const App = () => {
-  return (
-    <Manager resolvers={{
-      "MyText" : Text
-    }}>
-      <Frame>
-        <Element is="div">
-          <h1>Hi</h1>
-          <Text text="Hi" />
-        </Element>
-      </Frame>
-    </Manager>
-  )
-}
-```
-
-Given the above example, when a `Node` that is of the type  `Text` is serialised, it will return something like this:
-```json
-"node-randomId": {
-  "type": {
-    "resolvedName": "MyText"
-  },
-  "props": {
-    "text" : "Hi World!"
-  },
-  "parent": "ROOT",
-  "displayName": "Card"
-  ...
-}
-```
-Notice how the `resolvedName` is `MyText` rather than the name of the component, `Text`. This is because in our `resolver`, we mapped `MyText` to our Text component. Now, when we deserialize - Craft.js is easily able to find `MyText` in our resolver, and knows the component it refers to.
diff --git a/site/docs/sponsor.md b/site/docs/sponsor.md
new file mode 100755
index 000000000..70f49a806
--- /dev/null
+++ b/site/docs/sponsor.md
@@ -0,0 +1,10 @@
+---
+id: sponsor
+title: Sponsor
+---
+
+Craft.js is released under the [MIT license](https://github.com/prevwong/craft.js/blob/master/LICENSE) and is built with 100% love. Since it's first release in early 2020, it has been used by various individuals and companies to power their own page editor solution. 
+
+In July 2022, I left my full-time job and in that time to focus on Craft and it's [future](https://github.com/prevwong/craft.js/issues/507). If you found this project useful and would like to ensure its continued development, please consider sponsoring/donating to the project. Your contribution would mean a lot to me!
+
+You can choose to contribute via [Github Sponsors](https://github.com/sponsors/prevwong), [OpenCollective](https://opencollective.com/craftjs), [Patreon](https://patreon.com/imprev) or [Ko-fi](https://ko-fi.com/prevwong).
\ No newline at end of file
diff --git a/site/docusaurus.config.js b/site/docusaurus.config.js
index 3f6ee22c2..8db1ac617 100755
--- a/site/docusaurus.config.js
+++ b/site/docusaurus.config.js
@@ -38,7 +38,7 @@ module.exports = {
           position: 'right',
           items: [
             {
-              to: 'pathname:///examples/landing/',
+              to: 'pathname:///examples/landing',
               label: 'Landing',
             },
             {
@@ -47,7 +47,7 @@ module.exports = {
             },
           ],
         },
-        { to: 'support', label: 'Support', position: 'right' },
+        { to: 'docs/sponsor', label: 'Sponsor', position: 'right' },
         {
           href: 'https://github.com/prevwong/craft.js',
           label: 'GitHub',
diff --git a/site/sidebars.js b/site/sidebars.js
index 9ec7a2c9f..d8c7faaa0 100755
--- a/site/sidebars.js
+++ b/site/sidebars.js
@@ -8,11 +8,11 @@
 module.exports = {
   docs: {
     Migrating: ['migrating/migrating-0.1.x'],
-    Introduction: ['overview', 'acknowledgements'],
+    Introduction: ['overview', 'acknowledgements', 'sponsor'],
     'Core Concepts': [
       'concepts/nodes',
       'concepts/user-components',
-      'concepts/editor-components',
+      'concepts/editor',
     ],
     Guides: ['guides/basic-tutorial', 'guides/save-load-state'],
     'API Reference': [
diff --git a/site/src/css/custom.css b/site/src/css/custom.css
index 063d0fe79..7b2de182d 100755
--- a/site/src/css/custom.css
+++ b/site/src/css/custom.css
@@ -29,7 +29,7 @@ html {
   --ifm-color-primary-light: rgb(70, 203, 174);
   --ifm-color-primary-lighter: rgb(102, 212, 189);
   --ifm-color-primary-lightest: rgb(146, 224, 208);
-  --ifm-navbar-background-color: #39423e;
+  --ifm-navbar-background-color: #1e1e1e;
   --ifm-navbar-link-color: rgba(255, 255, 255, 0.85);
   --ifm-font-family-base: 'acumin-pro', 'Source Sans Pro', system-ui,
     -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,
@@ -63,7 +63,7 @@ html {
 }
 
 .navbar__title {
-  font-size: 20px;
+  font-size: 1.3rem;
   font-weight: 200;
   color: #fff;
   margin-top: -2px;
diff --git a/site/src/pages/support.js b/site/src/pages/support.js
deleted file mode 100644
index 9b4f8f0ba..000000000
--- a/site/src/pages/support.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from 'react';
-import Layout from '@theme/Layout';
-
-function Support() {
-  return (
-    <Layout title="Support">
-      <div className="padding-vert--lg">
-        <div className="container">
-          <div className="row">
-            <div className="col">
-              <article>
-                <header>
-                  <h1
-                    style={{
-                      fontSize: '3rem',
-                      marginBottom: '3rem',
-                    }}
-                  >
-                    Support
-                  </h1>
-                </header>
-                <p>
-                  Development for Craft.js began in April 2019 as a personal
-                  project of mine. It was months after months of experimenting
-                  and trial-and-error until it was able to become a viable
-                  solution. The repository was made public and the first public
-                  beta release was made in January 2020! Since then, the project
-                  has gained traction and contributions from people all over the
-                  world.
-                </p>
-                <p>
-                  Craft.js is released under the{' '}
-                  <a
-                    target="_blank"
-                    href="https://github.com/prevwong/craft.js/blob/master/LICENSE"
-                  >
-                    MIT license
-                  </a>{' '}
-                  and is built with 100% love. If you found it useful and would
-                  like to ensure its continued development, please consider
-                  becoming a backer/sponsor or making a one-time donation via{' '}
-                  <a
-                    href="https://opencollective.com/craftjs/contribute"
-                    target="_blank"
-                  >
-                    Open Collective
-                  </a>{' '}
-                  or{' '}
-                  <a href="https://paypal.me/prevwong" target="_blank">
-                    Paypal
-                  </a>
-                  .
-                </p>
-                <a
-                  href="https://opencollective.com/craftjs/contribute"
-                  target="_blank"
-                >
-                  <img
-                    src="https://opencollective.com/craftjs/donate/button@2x.png?color=blue"
-                    width={260}
-                  />
-                </a>
-              </article>
-            </div>
-            <div className="col col--3"></div>
-          </div>
-        </div>
-      </div>
-    </Layout>
-  );
-}
-
-export default Support;