From e8651ec6ba7324dbde214710bc1f15da21e00989 Mon Sep 17 00:00:00 2001
From: heyjul3s <julian.cy.low@gmail.com>
Date: Tue, 12 Jan 2021 17:14:22 +1100
Subject: [PATCH] Move HomePage to containers dir, update imports

---
 .../Nav/Mobile/NavSlides/NavSlides.tsx        |   6 +-
 docs/components/Nav/Mobile/Navbar/Navbar.tsx  |   5 +-
 .../HomePage/HomePage.tsx                     |   0
 .../HomePage/content/About.tsx                |   0
 .../HomePage/content/Features/Features.tsx    |   0
 .../content/Features/Icons/BuildIcon.tsx      |   0
 .../content/Features/Icons/ExtensibleIcon.tsx |   0
 .../Features/Icons/LightweightIcon.tsx        |   0
 .../content/Features/Icons/ModularIcon.tsx    | 171 ++++++++++++++++++
 .../content/Features/Icons/SimpleIcon.tsx     |   0
 .../content/Features/Icons/TSIcon.tsx         |   0
 .../HomePage/content/Features/Icons/index.tsx |   0
 .../Features/components/FeatureItem.tsx       |   0
 .../Features/components/FeaturedItemIcon.tsx  |   0
 .../Features/components/FeaturesGrid.tsx      |   1 -
 .../content/Features/components/index.tsx     |   0
 .../HomePage/content/Installation.tsx         |   0
 .../HomePage/content/Modules.tsx              |   0
 .../HomePage/content/Specs/Specs.tsx          |   0
 .../content/Specs/components/Spec.tsx         |   0
 .../content/Specs/components/SpecCol.tsx      |   0
 .../Specs/components/SpecContainer.tsx        |   0
 .../content/Specs/components/index.tsx        |   0
 .../HomePage/content/index.tsx                |   0
 .../content/Features/Icons/ModularIcon.tsx    |  65 -------
 docs/pages/index.tsx                          |   2 +-
 26 files changed, 174 insertions(+), 76 deletions(-)
 rename docs/{pages => containers}/HomePage/HomePage.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/About.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/Features.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/Icons/BuildIcon.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/Icons/ExtensibleIcon.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/Icons/LightweightIcon.tsx (100%)
 create mode 100644 docs/containers/HomePage/content/Features/Icons/ModularIcon.tsx
 rename docs/{pages => containers}/HomePage/content/Features/Icons/SimpleIcon.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/Icons/TSIcon.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/Icons/index.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/components/FeatureItem.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/components/FeaturedItemIcon.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Features/components/FeaturesGrid.tsx (97%)
 rename docs/{pages => containers}/HomePage/content/Features/components/index.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Installation.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Modules.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Specs/Specs.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Specs/components/Spec.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Specs/components/SpecCol.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Specs/components/SpecContainer.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/Specs/components/index.tsx (100%)
 rename docs/{pages => containers}/HomePage/content/index.tsx (100%)
 delete mode 100644 docs/pages/HomePage/content/Features/Icons/ModularIcon.tsx

diff --git a/docs/components/Nav/Mobile/NavSlides/NavSlides.tsx b/docs/components/Nav/Mobile/NavSlides/NavSlides.tsx
index 96f9ca2..3451ffa 100644
--- a/docs/components/Nav/Mobile/NavSlides/NavSlides.tsx
+++ b/docs/components/Nav/Mobile/NavSlides/NavSlides.tsx
@@ -50,12 +50,8 @@ export function NavSlides() {
 
   const onClickLink = (route: string) => (e: React.SyntheticEvent) => {
     e.preventDefault();
-
     setPanelOpen(false);
-
-    setTimeout(() => {
-      router.push(route);
-    }, 200);
+    router.push(route);
   };
 
   const onClickCloseMenu = () => {
diff --git a/docs/components/Nav/Mobile/Navbar/Navbar.tsx b/docs/components/Nav/Mobile/Navbar/Navbar.tsx
index 10648ba..d9572bd 100644
--- a/docs/components/Nav/Mobile/Navbar/Navbar.tsx
+++ b/docs/components/Nav/Mobile/Navbar/Navbar.tsx
@@ -19,10 +19,7 @@ export function Navbar() {
       setViewIndex(navIndex);
     } else {
       setPanelOpen(false);
-
-      setTimeout(() => {
-        router.push(links.Home.route);
-      }, 200);
+      router.push(links.Home.route);
     }
   };
 
diff --git a/docs/pages/HomePage/HomePage.tsx b/docs/containers/HomePage/HomePage.tsx
similarity index 100%
rename from docs/pages/HomePage/HomePage.tsx
rename to docs/containers/HomePage/HomePage.tsx
diff --git a/docs/pages/HomePage/content/About.tsx b/docs/containers/HomePage/content/About.tsx
similarity index 100%
rename from docs/pages/HomePage/content/About.tsx
rename to docs/containers/HomePage/content/About.tsx
diff --git a/docs/pages/HomePage/content/Features/Features.tsx b/docs/containers/HomePage/content/Features/Features.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/Features.tsx
rename to docs/containers/HomePage/content/Features/Features.tsx
diff --git a/docs/pages/HomePage/content/Features/Icons/BuildIcon.tsx b/docs/containers/HomePage/content/Features/Icons/BuildIcon.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/Icons/BuildIcon.tsx
rename to docs/containers/HomePage/content/Features/Icons/BuildIcon.tsx
diff --git a/docs/pages/HomePage/content/Features/Icons/ExtensibleIcon.tsx b/docs/containers/HomePage/content/Features/Icons/ExtensibleIcon.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/Icons/ExtensibleIcon.tsx
rename to docs/containers/HomePage/content/Features/Icons/ExtensibleIcon.tsx
diff --git a/docs/pages/HomePage/content/Features/Icons/LightweightIcon.tsx b/docs/containers/HomePage/content/Features/Icons/LightweightIcon.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/Icons/LightweightIcon.tsx
rename to docs/containers/HomePage/content/Features/Icons/LightweightIcon.tsx
diff --git a/docs/containers/HomePage/content/Features/Icons/ModularIcon.tsx b/docs/containers/HomePage/content/Features/Icons/ModularIcon.tsx
new file mode 100644
index 0000000..a8847e3
--- /dev/null
+++ b/docs/containers/HomePage/content/Features/Icons/ModularIcon.tsx
@@ -0,0 +1,171 @@
+import React from 'react';
+
+export function ModularIcon() {
+  return (
+    <svg
+      id="Layer_1"
+      data-name="Layer 1"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 100 100"
+    >
+      <defs>
+        <clipPath id="clip-path">
+          <rect
+            x="-1391.45"
+            y="64.88"
+            width="355.81"
+            height="354.97"
+            fill="none"
+          />
+        </clipPath>
+      </defs>
+
+      <g clipPath={'url(#clip-path)'}>
+        <line
+          x1="0.13"
+          y1="43.42"
+          x2="-518.38"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="10.73"
+          y1="43.42"
+          x2="-507.78"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="21.34"
+          y1="43.42"
+          x2="-497.17"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="31.94"
+          y1="43.42"
+          x2="-486.57"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="42.55"
+          y1="43.42"
+          x2="-475.96"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="53.15"
+          y1="43.42"
+          x2="-465.36"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="63.76"
+          y1="43.42"
+          x2="-454.75"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+      </g>
+
+      <path
+        d="M41.85,62.23A18.33,18.33,0,1,1,60.18,43.9,18.35,18.35,0,0,1,41.85,62.23Zm0-29.72A11.39,11.39,0,1,0,53.24,43.9,11.4,11.4,0,0,0,41.85,32.51Z"
+        fill="#fff"
+      />
+      <rect
+        x="15.92"
+        y="16.94"
+        width="4.17"
+        height="15.36"
+        transform="translate(-12.13 19.94) rotate(-45)"
+        fill="#fff"
+      />
+      <rect
+        x="23.88"
+        y="66.51"
+        width="22.14"
+        height="2.08"
+        transform="translate(-40.54 58.26) rotate(-55.63)"
+        fill="#fff"
+      />
+      <rect x="65.05" y="43.56" width="14.51" height="4.17" fill="#fff" />
+      <circle cx="9.03" cy="15.64" r="7.42" fill="#fff" />
+      <circle cx="90.97" cy="45.64" r="7.42" fill="#fff" />
+      <circle cx="22.86" cy="84.36" r="7.42" fill="#fff" />
+      <path
+        d="M62.06,25.57a6.4,6.4,0,1,1,6.4-6.4A6.4,6.4,0,0,1,62.06,25.57Zm0-10.71a4.31,4.31,0,1,0,4.32,4.31A4.32,4.32,0,0,0,62.06,14.86Z"
+        fill="#fff"
+      />
+      <path
+        d="M12.65,59.46a6.4,6.4,0,1,1,6.4-6.4A6.41,6.41,0,0,1,12.65,59.46Zm0-10.71A4.32,4.32,0,1,0,17,53.06,4.31,4.31,0,0,0,12.65,48.75Z"
+        fill="#fff"
+      />
+      <rect
+        x="50.83"
+        y="25.15"
+        width="8.86"
+        height="2.09"
+        transform="translate(-2.34 46.74) rotate(-45)"
+        fill="#fff"
+      />
+      <path
+        d="M62.43,69.78a4.24,4.24,0,1,1,4.25-4.24A4.24,4.24,0,0,1,62.43,69.78Zm0-6.4a2.16,2.16,0,1,0,2.16,2.16A2.16,2.16,0,0,0,62.43,63.38Z"
+        fill="#fff"
+      />
+    </svg>
+    // <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+    //   <defs>
+    //     <clipPath id="clip-path">
+    //       <rect fill="none" x="-1391.45" y="64.88" width="355.81" height="354.97" />
+    //     </clipPath>
+    //   </defs>
+
+    //   <g clipPath="url(#clip-path)">
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="0.13" y1="43.42" x2="-518.38" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="10.73" y1="43.42" x2="-507.78" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="21.34" y1="43.42" x2="-497.17" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="31.94" y1="43.42" x2="-486.57" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="42.55" y1="43.42" x2="-475.96" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="53.15" y1="43.42" x2="-465.36" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="63.76" y1="43.42" x2="-454.75" y2="441.31" />
+    //   </g>
+
+    //   <path fill={theme.colors.white} d="M42,62.08A18.11,18.11,0,1,1,60.05,44,18.13,18.13,0,0,1,42,62.08Zm0-29.36A11.26,11.26,0,1,0,53.2,44,11.27,11.27,0,0,0,42,32.72Z" />
+    //   <rect fill={theme.colors.white} x="16.33" y="17.33" width="4.12" height="15.18" transform="translate(-12.24 20.3) rotate(-45)" />
+    //   <rect fill={theme.colors.white} x="24.19" y="66.78" width="21.88" height="1.14" transform="translate(-40.3 58.41) rotate(-55.69)" />
+    //   <rect fill={theme.colors.white} x="64.88" y="43.63" width="14.34" height="4.12" />
+    //   <circle fill={theme.colors.white} cx="9.52" cy="16.05" r="7.33" />
+    //   <circle fill={theme.colors.white} cx="90.48" cy="45.69" r="7.33" />
+    //   <circle fill={theme.colors.white} cx="23.19" cy="83.95" r="7.33" />
+    //   <path fill={theme.colors.white} d="M61.92,25.4a5.87,5.87,0,1,1,5.86-5.86A5.87,5.87,0,0,1,61.92,25.4Zm0-10.59a4.73,4.73,0,1,0,4.72,4.73A4.73,4.73,0,0,0,61.92,14.81Z" />
+    //   <path fill={theme.colors.white} d="M13.1,58.89A5.87,5.87,0,1,1,19,53,5.87,5.87,0,0,1,13.1,58.89Zm0-10.59A4.73,4.73,0,1,0,17.82,53,4.72,4.72,0,0,0,13.1,48.3Z" />
+    //   <polygon fill={theme.colors.white} points="52.5 29.97 51.7 29.16 57.88 22.98 58.69 23.79 52.5 29.97" />
+    //   <path fill={theme.colors.white} d="M62.29,69.09A3.74,3.74,0,1,1,66,65.35,3.75,3.75,0,0,1,62.29,69.09Zm0-6.33a2.59,2.59,0,1,0,2.59,2.59A2.6,2.6,0,0,0,62.29,62.76Z" />
+    // </svg>
+  );
+}
diff --git a/docs/pages/HomePage/content/Features/Icons/SimpleIcon.tsx b/docs/containers/HomePage/content/Features/Icons/SimpleIcon.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/Icons/SimpleIcon.tsx
rename to docs/containers/HomePage/content/Features/Icons/SimpleIcon.tsx
diff --git a/docs/pages/HomePage/content/Features/Icons/TSIcon.tsx b/docs/containers/HomePage/content/Features/Icons/TSIcon.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/Icons/TSIcon.tsx
rename to docs/containers/HomePage/content/Features/Icons/TSIcon.tsx
diff --git a/docs/pages/HomePage/content/Features/Icons/index.tsx b/docs/containers/HomePage/content/Features/Icons/index.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/Icons/index.tsx
rename to docs/containers/HomePage/content/Features/Icons/index.tsx
diff --git a/docs/pages/HomePage/content/Features/components/FeatureItem.tsx b/docs/containers/HomePage/content/Features/components/FeatureItem.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/components/FeatureItem.tsx
rename to docs/containers/HomePage/content/Features/components/FeatureItem.tsx
diff --git a/docs/pages/HomePage/content/Features/components/FeaturedItemIcon.tsx b/docs/containers/HomePage/content/Features/components/FeaturedItemIcon.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/components/FeaturedItemIcon.tsx
rename to docs/containers/HomePage/content/Features/components/FeaturedItemIcon.tsx
diff --git a/docs/pages/HomePage/content/Features/components/FeaturesGrid.tsx b/docs/containers/HomePage/content/Features/components/FeaturesGrid.tsx
similarity index 97%
rename from docs/pages/HomePage/content/Features/components/FeaturesGrid.tsx
rename to docs/containers/HomePage/content/Features/components/FeaturesGrid.tsx
index 644dba0..bf00d9a 100644
--- a/docs/pages/HomePage/content/Features/components/FeaturesGrid.tsx
+++ b/docs/containers/HomePage/content/Features/components/FeaturesGrid.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 import { Grid } from 'artifak';
 import { StyledFeatureItem, FeaturedItemContainer } from './FeatureItem';
diff --git a/docs/pages/HomePage/content/Features/components/index.tsx b/docs/containers/HomePage/content/Features/components/index.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Features/components/index.tsx
rename to docs/containers/HomePage/content/Features/components/index.tsx
diff --git a/docs/pages/HomePage/content/Installation.tsx b/docs/containers/HomePage/content/Installation.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Installation.tsx
rename to docs/containers/HomePage/content/Installation.tsx
diff --git a/docs/pages/HomePage/content/Modules.tsx b/docs/containers/HomePage/content/Modules.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Modules.tsx
rename to docs/containers/HomePage/content/Modules.tsx
diff --git a/docs/pages/HomePage/content/Specs/Specs.tsx b/docs/containers/HomePage/content/Specs/Specs.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Specs/Specs.tsx
rename to docs/containers/HomePage/content/Specs/Specs.tsx
diff --git a/docs/pages/HomePage/content/Specs/components/Spec.tsx b/docs/containers/HomePage/content/Specs/components/Spec.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Specs/components/Spec.tsx
rename to docs/containers/HomePage/content/Specs/components/Spec.tsx
diff --git a/docs/pages/HomePage/content/Specs/components/SpecCol.tsx b/docs/containers/HomePage/content/Specs/components/SpecCol.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Specs/components/SpecCol.tsx
rename to docs/containers/HomePage/content/Specs/components/SpecCol.tsx
diff --git a/docs/pages/HomePage/content/Specs/components/SpecContainer.tsx b/docs/containers/HomePage/content/Specs/components/SpecContainer.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Specs/components/SpecContainer.tsx
rename to docs/containers/HomePage/content/Specs/components/SpecContainer.tsx
diff --git a/docs/pages/HomePage/content/Specs/components/index.tsx b/docs/containers/HomePage/content/Specs/components/index.tsx
similarity index 100%
rename from docs/pages/HomePage/content/Specs/components/index.tsx
rename to docs/containers/HomePage/content/Specs/components/index.tsx
diff --git a/docs/pages/HomePage/content/index.tsx b/docs/containers/HomePage/content/index.tsx
similarity index 100%
rename from docs/pages/HomePage/content/index.tsx
rename to docs/containers/HomePage/content/index.tsx
diff --git a/docs/pages/HomePage/content/Features/Icons/ModularIcon.tsx b/docs/pages/HomePage/content/Features/Icons/ModularIcon.tsx
deleted file mode 100644
index 0f93fb4..0000000
--- a/docs/pages/HomePage/content/Features/Icons/ModularIcon.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import { theme } from '../../../../../theme';
-
-export function ModularIcon() {
-  return (
-    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-      <defs>
-        <clipPath id="clip-path">
-          <rect x="-1391.45" y="64.88" width="355.81" height="354.97" fill="none" />
-        </clipPath>
-      </defs>
-
-      <g clipPath={"url(#clip-path)"}>
-        <line x1="0.13" y1="43.42" x2="-518.38" y2="441.31" fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.875996976026645px"} />
-        <line x1="10.73" y1="43.42" x2="-507.78" y2="441.31" fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.875996976026645px"} />
-        <line x1="21.34" y1="43.42" x2="-497.17" y2="441.31" fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.875996976026645px"} />
-        <line x1="31.94" y1="43.42" x2="-486.57" y2="441.31" fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.875996976026645px"} />
-        <line x1="42.55" y1="43.42" x2="-475.96" y2="441.31" fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.875996976026645px"} />
-        <line x1="53.15" y1="43.42" x2="-465.36" y2="441.31" fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.875996976026645px"} />
-        <line x1="63.76" y1="43.42" x2="-454.75" y2="441.31" fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.875996976026645px"} />
-      </g>
-
-      <path d="M41.85,62.23A18.33,18.33,0,1,1,60.18,43.9,18.35,18.35,0,0,1,41.85,62.23Zm0-29.72A11.39,11.39,0,1,0,53.24,43.9,11.4,11.4,0,0,0,41.85,32.51Z" fill="#fff" />
-      <rect x="15.92" y="16.94" width="4.17" height="15.36" transform="translate(-12.13 19.94) rotate(-45)" fill="#fff" />
-      <rect x="23.88" y="66.51" width="22.14" height="2.08" transform="translate(-40.54 58.26) rotate(-55.63)" fill="#fff" />
-      <rect x="65.05" y="43.56" width="14.51" height="4.17" fill="#fff" />
-      <circle cx="9.03" cy="15.64" r="7.42" fill="#fff" />
-      <circle cx="90.97" cy="45.64" r="7.42" fill="#fff" />
-      <circle cx="22.86" cy="84.36" r="7.42" fill="#fff" />
-      <path d="M62.06,25.57a6.4,6.4,0,1,1,6.4-6.4A6.4,6.4,0,0,1,62.06,25.57Zm0-10.71a4.31,4.31,0,1,0,4.32,4.31A4.32,4.32,0,0,0,62.06,14.86Z" fill="#fff" />
-      <path d="M12.65,59.46a6.4,6.4,0,1,1,6.4-6.4A6.41,6.41,0,0,1,12.65,59.46Zm0-10.71A4.32,4.32,0,1,0,17,53.06,4.31,4.31,0,0,0,12.65,48.75Z" fill="#fff" />
-      <rect x="50.83" y="25.15" width="8.86" height="2.09" transform="translate(-2.34 46.74) rotate(-45)" fill="#fff" />
-      <path d="M62.43,69.78a4.24,4.24,0,1,1,4.25-4.24A4.24,4.24,0,0,1,62.43,69.78Zm0-6.4a2.16,2.16,0,1,0,2.16,2.16A2.16,2.16,0,0,0,62.43,63.38Z" fill="#fff" />
-    </svg>
-    // <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-    //   <defs>
-    //     <clipPath id="clip-path">
-    //       <rect fill="none" x="-1391.45" y="64.88" width="355.81" height="354.97" />
-    //     </clipPath>
-    //   </defs>
-
-    //   <g clipPath="url(#clip-path)">
-    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="0.13" y1="43.42" x2="-518.38" y2="441.31" />
-    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="10.73" y1="43.42" x2="-507.78" y2="441.31" />
-    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="21.34" y1="43.42" x2="-497.17" y2="441.31" />
-    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="31.94" y1="43.42" x2="-486.57" y2="441.31" />
-    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="42.55" y1="43.42" x2="-475.96" y2="441.31" />
-    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="53.15" y1="43.42" x2="-465.36" y2="441.31" />
-    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="63.76" y1="43.42" x2="-454.75" y2="441.31" />
-    //   </g>
-
-    //   <path fill={theme.colors.white} d="M42,62.08A18.11,18.11,0,1,1,60.05,44,18.13,18.13,0,0,1,42,62.08Zm0-29.36A11.26,11.26,0,1,0,53.2,44,11.27,11.27,0,0,0,42,32.72Z" />
-    //   <rect fill={theme.colors.white} x="16.33" y="17.33" width="4.12" height="15.18" transform="translate(-12.24 20.3) rotate(-45)" />
-    //   <rect fill={theme.colors.white} x="24.19" y="66.78" width="21.88" height="1.14" transform="translate(-40.3 58.41) rotate(-55.69)" />
-    //   <rect fill={theme.colors.white} x="64.88" y="43.63" width="14.34" height="4.12" />
-    //   <circle fill={theme.colors.white} cx="9.52" cy="16.05" r="7.33" />
-    //   <circle fill={theme.colors.white} cx="90.48" cy="45.69" r="7.33" />
-    //   <circle fill={theme.colors.white} cx="23.19" cy="83.95" r="7.33" />
-    //   <path fill={theme.colors.white} d="M61.92,25.4a5.87,5.87,0,1,1,5.86-5.86A5.87,5.87,0,0,1,61.92,25.4Zm0-10.59a4.73,4.73,0,1,0,4.72,4.73A4.73,4.73,0,0,0,61.92,14.81Z" />
-    //   <path fill={theme.colors.white} d="M13.1,58.89A5.87,5.87,0,1,1,19,53,5.87,5.87,0,0,1,13.1,58.89Zm0-10.59A4.73,4.73,0,1,0,17.82,53,4.72,4.72,0,0,0,13.1,48.3Z" />
-    //   <polygon fill={theme.colors.white} points="52.5 29.97 51.7 29.16 57.88 22.98 58.69 23.79 52.5 29.97" />
-    //   <path fill={theme.colors.white} d="M62.29,69.09A3.74,3.74,0,1,1,66,65.35,3.75,3.75,0,0,1,62.29,69.09Zm0-6.33a2.59,2.59,0,1,0,2.59,2.59A2.6,2.6,0,0,0,62.29,62.76Z" />
-    // </svg>
-  );
-}
\ No newline at end of file
diff --git a/docs/pages/index.tsx b/docs/pages/index.tsx
index a9732b8..5782b6b 100644
--- a/docs/pages/index.tsx
+++ b/docs/pages/index.tsx
@@ -3,7 +3,7 @@ import { FlexRow, FlexCol } from 'artifak';
 import { Layout } from '../components/Global/Layout';
 import { useRouter } from 'next/router';
 import { content } from '../containers';
-import { HomePage } from './HomePage/HomePage';
+import { HomePage } from '../containers/HomePage/HomePage';
 import { DesktopNav } from '../components/Nav/Desktop/DesktopNav';
 
 export default function Home() {