diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
new file mode 100644
index 0000000..ee0a3b4
--- /dev/null
+++ b/src/pages/home/index.jsx
@@ -0,0 +1,15 @@
+import Logo from '../../assets/logo.png';
+import { Avatar, Center, Text } from '@mantine/core';
+
+const Home = () => (
+    <>
+        <Center mt="xl" mb="md">
+            <Avatar src={Logo} size={300} />
+        </Center>
+        <Text align="center" fw={500} fz="xl">
+            Configure playlist to display on remote display(s) !
+        </Text>
+    </>
+);
+
+export default Home;
diff --git a/src/pages/planning/index.jsx b/src/pages/planning/index.jsx
new file mode 100644
index 0000000..00f5e9d
--- /dev/null
+++ b/src/pages/planning/index.jsx
@@ -0,0 +1,10 @@
+import Logo from '../../assets/logo.png';
+import { Avatar, Center, Text } from '@mantine/core';
+
+const Planning = () => (
+    <>
+       planning
+    </>
+);
+
+export default Planning;