Add developer and whitepapers pages are empty

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;

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;

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;

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;
+}

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;

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;
+}