diff --git a/pages/dashboard/index.tsx b/pages/dashboard/index.tsx
new file mode 100644
index 00000000..895e92b9
--- /dev/null
+++ b/pages/dashboard/index.tsx
@@ -0,0 +1,45 @@
+import { Box, Link, Stack, Typography } from '@mui/material'
+import Image from 'next/image'
+
+const ImageResponsive = ({ alt, src }: { alt: string; src: string }) => {
+  return (
+    <Image
+      alt={alt}
+      src={src}
+      width={0}
+      height={0}
+      sizes="100vw"
+      style={{ width: '100%', height: 'auto' }}
+    />
+  )
+}
+
+export default function Dashboard() {
+  return (
+    <Box
+      sx={{
+        width: { sm: '90%', md: '75%', lg: '80%', xl: '60%' },
+        margin: '0 auto 2rem auto'
+      }}
+    >
+      <Typography variant="h1" align="center">
+        Dashboard
+      </Typography>
+      <Stack mt={8} flexDirection="column" gap={4} justifyContent={'center'}>
+        <Typography variant="h3">Sample title</Typography>
+        <Typography variant="body1">
+          The Polkadot Contract Wizard is a non-code tool to generate, compile
+          and deploy smart contracts on Polkadot Ecosystem. It provides{' '}
+          <Link
+            href="https://github.com/w3f/PSPs"
+            underline="hover"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            standard contracts based on PSP.
+          </Link>
+        </Typography>
+      </Stack>
+    </Box>
+  )
+}
diff --git a/src/constants/menu.ts b/src/constants/menu.ts
index a221fb84..578d924a 100644
--- a/src/constants/menu.ts
+++ b/src/constants/menu.ts
@@ -1,7 +1,7 @@
 import {
   LocalLibrary,
   SvgIconComponent,
-  HomeRounded
+  SettingsSuggestRounded
 } from '@mui/icons-material'
 import { ROUTES } from '@/constants/routes'
 
@@ -15,17 +15,25 @@ export type NavLink = {
 }
 
 const icons = {
-  HomeRounded,
+  SettingsSuggestRounded,
   LocalLibrary
 }
 
 export const MENU_ITEMS: NavLink[] = [
   {
     id: 'home',
-    title: 'Home',
+    title: 'Contract Builder',
     type: 'item',
     url: ROUTES.HOME,
-    icon: icons.HomeRounded,
+    icon: icons.SettingsSuggestRounded,
+    target: true
+  },
+  {
+    id: 'home',
+    title: 'Contract Dashboard',
+    type: 'item',
+    url: ROUTES.DASHBOARD,
+    icon: icons.SettingsSuggestRounded,
     target: true
   },
   {
diff --git a/src/constants/routes.ts b/src/constants/routes.ts
index 690132fe..46120860 100644
--- a/src/constants/routes.ts
+++ b/src/constants/routes.ts
@@ -1,5 +1,6 @@
 export const ROUTES = {
   HOME: '/',
+  DASHBOARD: '/dashboard',
   WIZARD: '/wizard',
   DOCS: '/docs'
 } as const