diff --git a/frontend/packages/app/package.json b/frontend/packages/app/package.json
index adc216d0b6..b0bba2ac32 100644
--- a/frontend/packages/app/package.json
+++ b/frontend/packages/app/package.json
@@ -3,6 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@material-ui/core": "^4.9.1",
+    "@material-ui/icons": "^4.9.1",
     "@backstage/core": "0.0.0",
     "@backstage/plugin-github-actions": "0.0.0",
     "@backstage/plugin-hello-world": "0.0.0",
diff --git a/frontend/packages/app/src/entities/MockEntityPage.tsx b/frontend/packages/app/src/entities/MockEntityPage.tsx
index 091906f31a..db7fbb4c9f 100644
--- a/frontend/packages/app/src/entities/MockEntityPage.tsx
+++ b/frontend/packages/app/src/entities/MockEntityPage.tsx
@@ -1,9 +1,12 @@
 import React, { FC } from 'react';
-import { useEntityUri } from '@backstage/core';
+import { Typography } from '@material-ui/core';
 
 const MockEntityPage: FC<{}> = () => {
-  const uri = useEntityUri();
-  return <span>Mock page for {uri}, replace with some userful plugin</span>;
+  return (
+    <Typography style={{ padding: 24 }} variant="h3">
+      This page is intentionally left blank
+    </Typography>
+  );
 };
 
 export default MockEntityPage;
diff --git a/frontend/packages/app/src/entities/index.ts b/frontend/packages/app/src/entities/index.ts
index 01f4105902..4fa2254ee2 100644
--- a/frontend/packages/app/src/entities/index.ts
+++ b/frontend/packages/app/src/entities/index.ts
@@ -5,6 +5,11 @@ import {
 } from '@backstage/core';
 import ComputerIcon from '@material-ui/icons/Computer';
 import WebIcon from '@material-ui/icons/Web';
+import VerifiedUserIcon from '@material-ui/icons/VerifiedUser';
+import CloudIcon from '@material-ui/icons/Cloud';
+import TimelineIcon from '@material-ui/icons/Timeline';
+import CheckCircleIcon from '@material-ui/icons/CheckCircle';
+import VpnKeyIcon from '@material-ui/icons/VpnKey';
 import DnsIcon from '@material-ui/icons/Dns';
 import MockEntityPage from './MockEntityPage';
 import MockEntityCard from './MockEntityCard';
@@ -18,7 +23,12 @@ const serviceOverviewPage = createWidgetView()
 const serviceView = createEntityPage()
   .addPage('Overview', WebIcon, '/overview', serviceOverviewPage)
   .register(GithubActionsPlugin)
-  .addComponent('Deployment', DnsIcon, '/deployment', MockEntityPage);
+  .addComponent('Tests', VerifiedUserIcon, '/tests', MockEntityPage)
+  .addComponent('Deployment', CloudIcon, '/deployment', MockEntityPage)
+  .addComponent('Monitoring', TimelineIcon, '/monitoring', MockEntityPage)
+  .addComponent('Service Levels', CheckCircleIcon, '/sla', MockEntityPage)
+  .addComponent('Secrets', VpnKeyIcon, '/secrets', MockEntityPage)
+  .addComponent('DNS', DnsIcon, '/dns', MockEntityPage);
 
 const serviceEntity = createEntityKind({
   kind: 'service',