diff --git a/src/components/AppContainer/index.tsx b/src/components/AppContainer/index.tsx
index a9678ab2d..54e46da98 100644
--- a/src/components/AppContainer/index.tsx
+++ b/src/components/AppContainer/index.tsx
@@ -5,20 +5,21 @@ import { AppProviders } from '../App/Providers'
import { AuthGuard } from '../Auth'
const LazyApp = lazy(() => import('../App').then(({ App }) => ({ default: App })))
+const LazyMindSet = lazy(() => import('../../modules').then(({ MindSet }) => ({ default: MindSet })))
export const AppContainer = () => {
const App =
+ const MindSet =
return (
Loading...}>
-
-
-
-
-
-
-
+
+
+ {App}} path="/" />
+ {App}} path="/search" />
+ {App}} path="*" />
+
diff --git a/src/modules/components/header/index.tsx b/src/modules/components/header/index.tsx
new file mode 100644
index 000000000..eb2b5a733
--- /dev/null
+++ b/src/modules/components/header/index.tsx
@@ -0,0 +1,21 @@
+import styled from 'styled-components'
+import { Flex } from '~/components/common/Flex'
+import { Text } from '~/components/common/Text'
+
+export const Header = () => (
+
+
+ Graph Mindset
+
+
+)
+
+const Head = styled(Flex).attrs({
+ align: 'center',
+ direction: 'row',
+ grow: 1,
+ justify: 'flex-start',
+})`
+ height: 64px;
+ padding: 20px 23px;
+`
diff --git a/src/modules/index.tsx b/src/modules/index.tsx
new file mode 100644
index 000000000..25e8ac196
--- /dev/null
+++ b/src/modules/index.tsx
@@ -0,0 +1,8 @@
+import { Flex } from '~/components/common/Flex'
+import { Header } from './components/header'
+
+export const MindSet = () => (
+
+
+
+)