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