diff --git a/src/common-components/NotFoundPage.jsx b/src/common-components/NotFoundPage.jsx
index b4a98640a..ee1338c10 100644
--- a/src/common-components/NotFoundPage.jsx
+++ b/src/common-components/NotFoundPage.jsx
@@ -1,15 +1,28 @@
-import { FormattedMessage } from '@openedx/frontend-base';
+import { FormattedMessage, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Helmet } from 'react-helmet';
-const NotFoundPage = () => (
-
-);
+import messages from './messages';
+
+const NotFoundPage = () => {
+ const { formatMessage } = useIntl();
+ return (
+
+
+
+ {formatMessage(messages['error.notfound.page.title'], {
+ siteName: getSiteConfig().siteName,
+ })}
+
+
+
+
+
+
+ );
+};
export default NotFoundPage;
diff --git a/src/common-components/messages.jsx b/src/common-components/messages.jsx
index 077964b08..2459902e8 100644
--- a/src/common-components/messages.jsx
+++ b/src/common-components/messages.jsx
@@ -1,6 +1,12 @@
import { defineMessages } from '@openedx/frontend-base';
const messages = defineMessages({
+ // not found page
+ 'error.notfound.page.title': {
+ id: 'error.notfound.page.title',
+ defaultMessage: 'Page Not Found | {siteName}',
+ description: 'Document title for the page-not-found page',
+ },
// institution login strings
'institution.login.page.sub.heading': {
id: 'institution.login.page.sub.heading',