From 967e5cd12a110b50521bb96633dcefe327e234b8 Mon Sep 17 00:00:00 2001
From: tonytc13579 <tony@trustless.computer>
Date: Wed, 3 Jan 2024 16:09:41 +0700
Subject: [PATCH] Add developer and whitepapers pages are empty

---
 src/app/developers/page.tsx                | 18 ++++++++++++++++++
 src/app/whitepapers/page.tsx               | 18 ++++++++++++++++++
 src/modules/developers/index.tsx           | 21 +++++++++++++++++++++
 src/modules/developers/styles.module.scss  |  8 ++++++++
 src/modules/whitepapers/index.tsx          | 21 +++++++++++++++++++++
 src/modules/whitepapers/styles.module.scss |  8 ++++++++
 6 files changed, 94 insertions(+)
 create mode 100644 src/app/developers/page.tsx
 create mode 100644 src/app/whitepapers/page.tsx
 create mode 100644 src/modules/developers/index.tsx
 create mode 100644 src/modules/developers/styles.module.scss
 create mode 100644 src/modules/whitepapers/index.tsx
 create mode 100644 src/modules/whitepapers/styles.module.scss

diff --git a/src/app/developers/page.tsx b/src/app/developers/page.tsx
new file mode 100644
index 000000000..31e0529c0
--- /dev/null
+++ b/src/app/developers/page.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import MainLayout from '@/layouts/MainLayout';
+import DevelopersModule from '@/modules/developers';
+
+const DevelopersPage = () => {
+  return (
+    <MainLayout
+      headerProps={{
+        color: 'black',
+      }}
+    >
+      <DevelopersModule />
+    </MainLayout>
+  );
+};
+
+export default DevelopersPage;
diff --git a/src/app/whitepapers/page.tsx b/src/app/whitepapers/page.tsx
new file mode 100644
index 000000000..d3ce0ff45
--- /dev/null
+++ b/src/app/whitepapers/page.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import MainLayout from '@/layouts/MainLayout';
+import WhitePapersModule from '@/modules/whitepapers';
+
+const WhitePapersPage = () => {
+  return (
+    <MainLayout
+      headerProps={{
+        color: 'black',
+      }}
+    >
+      <WhitePapersModule />
+    </MainLayout>
+  );
+};
+
+export default WhitePapersPage;
diff --git a/src/modules/developers/index.tsx b/src/modules/developers/index.tsx
new file mode 100644
index 000000000..f12ff0902
--- /dev/null
+++ b/src/modules/developers/index.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Box, Text } from '@chakra-ui/react';
+import s from './styles.module.scss';
+
+const DevelopersModule = () => {
+  return (
+    <Box className={s.container}>
+      <Text
+        fontSize={['12px', '20px']}
+        color={'#000'}
+        lineHeight={'100%'}
+        fontWeight={500}
+      >
+        {'Developers page. Coming soon!'}
+      </Text>
+    </Box>
+  );
+};
+
+export default DevelopersModule;
diff --git a/src/modules/developers/styles.module.scss b/src/modules/developers/styles.module.scss
new file mode 100644
index 000000000..c9a39bf13
--- /dev/null
+++ b/src/modules/developers/styles.module.scss
@@ -0,0 +1,8 @@
+.container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #F3F1E8;
+}
diff --git a/src/modules/whitepapers/index.tsx b/src/modules/whitepapers/index.tsx
new file mode 100644
index 000000000..4c6c81bb5
--- /dev/null
+++ b/src/modules/whitepapers/index.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Box, Text } from '@chakra-ui/react';
+import s from './styles.module.scss';
+
+const WhitePapersModule = () => {
+  return (
+    <Box className={s.container}>
+      <Text
+        fontSize={['12px', '20px']}
+        color={'#000'}
+        lineHeight={'100%'}
+        fontWeight={500}
+      >
+        {'WhitePapers page. Coming soon!'}
+      </Text>
+    </Box>
+  );
+};
+
+export default WhitePapersModule;
diff --git a/src/modules/whitepapers/styles.module.scss b/src/modules/whitepapers/styles.module.scss
new file mode 100644
index 000000000..c9a39bf13
--- /dev/null
+++ b/src/modules/whitepapers/styles.module.scss
@@ -0,0 +1,8 @@
+.container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #F3F1E8;
+}