diff --git a/web/ui/react-app/src/pages/Alerts.tsx b/web/ui/react-app/src/pages/Alerts.tsx
index 937f5128e..e06163d5c 100644
--- a/web/ui/react-app/src/pages/Alerts.tsx
+++ b/web/ui/react-app/src/pages/Alerts.tsx
@@ -1,7 +1,15 @@
 import React, { FC } from 'react';
 import { RouteComponentProps } from '@reach/router';
 import PathPrefixProps from '../PathPrefixProps';
+import { Alert } from 'reactstrap';
 
-const Alerts: FC<RouteComponentProps & PathPrefixProps> = props => <div>Alerts page</div>;
+const Alerts: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
+  <>
+    <h2>Alerts</h2>
+    <Alert color="warning">
+      This page is still under construction. Please try it in the <a href={`${pathPrefix}/alerts`}>Classic UI</a>.
+    </Alert>
+  </>
+);
 
 export default Alerts;
diff --git a/web/ui/react-app/src/pages/Rules.tsx b/web/ui/react-app/src/pages/Rules.tsx
index 927f27bc0..e07ccb0bb 100644
--- a/web/ui/react-app/src/pages/Rules.tsx
+++ b/web/ui/react-app/src/pages/Rules.tsx
@@ -1,7 +1,15 @@
 import React, { FC } from 'react';
 import { RouteComponentProps } from '@reach/router';
 import PathPrefixProps from '../PathPrefixProps';
+import { Alert } from 'reactstrap';
 
-const Rules: FC<RouteComponentProps & PathPrefixProps> = () => <div>Rules page</div>;
+const Rules: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
+  <>
+    <h2>Rules</h2>
+    <Alert color="warning">
+      This page is still under construction. Please try it in the <a href={`${pathPrefix}/rules`}>Classic UI</a>.
+    </Alert>
+  </>
+);
 
 export default Rules;
diff --git a/web/ui/react-app/src/pages/Services.tsx b/web/ui/react-app/src/pages/Services.tsx
index 531392134..e28e20b2b 100644
--- a/web/ui/react-app/src/pages/Services.tsx
+++ b/web/ui/react-app/src/pages/Services.tsx
@@ -1,7 +1,15 @@
 import React, { FC } from 'react';
 import { RouteComponentProps } from '@reach/router';
 import PathPrefixProps from '../PathPrefixProps';
+import { Alert } from 'reactstrap';
 
-const Services: FC<RouteComponentProps & PathPrefixProps> = () => <div>Services page</div>;
+const Services: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
+  <>
+    <h2>Service Discovery</h2>
+    <Alert color="warning">
+      This page is still under construction. Please try it in the <a href={`${pathPrefix}/service-discovery`}>Classic UI</a>.
+    </Alert>
+  </>
+);
 
 export default Services;
diff --git a/web/ui/react-app/src/pages/Targets.tsx b/web/ui/react-app/src/pages/Targets.tsx
index a8a50a64b..6351f0751 100644
--- a/web/ui/react-app/src/pages/Targets.tsx
+++ b/web/ui/react-app/src/pages/Targets.tsx
@@ -1,7 +1,15 @@
 import React, { FC } from 'react';
 import { RouteComponentProps } from '@reach/router';
 import PathPrefixProps from '../PathPrefixProps';
+import { Alert } from 'reactstrap';
 
-const Targets: FC<RouteComponentProps & PathPrefixProps> = () => <div>Targets page</div>;
+const Targets: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
+  <>
+    <h2>Targets</h2>
+    <Alert color="warning">
+      This page is still under construction. Please try it in the <a href={`${pathPrefix}/targets`}>Classic UI</a>.
+    </Alert>
+  </>
+);
 
 export default Targets;