src/layout/feed.tsx

@@ -0,0 +1,10 @@
+import { Outlet } from 'react-router-dom'
+
+export const FeedLayout = () => {
+  return (
+    <>
+      <h1>WIP</h1>
+      <Outlet />
+    </>
+  )
+}

src/pages/404.tsx

@@ -0,0 +1,30 @@
+import { Link } from 'react-router-dom'
+import { appRoutes } from 'routes'
+
+export const NotFoundPage = () => {
+  return (
+    <div className='InnerBodyMain'>
+      <div className='ContainerMain'>
+        <div className='IBMSecMainGroup IBMSecMainGroupAlt'>
+          <div className='IBMSecMain IBMSMListWrapper'>
+            <div className='IBMSMTitleMain'>
+              <h2 className='IBMSMTitleMainHeading'>Page not found</h2>
+            </div>
+            <div>
+              <p>The page you're attempting to visit doesn't exist</p>
+            </div>
+            <div className='IBMSMAction'>
+              <Link
+                to={appRoutes.home}
+                className='btn btnMain IBMSMActionBtn'
+                type='button'
+              >
+                Go home
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/pages/feed.tsx

@@ -0,0 +1,3 @@
+export const FeedPage = () => {
+  return <h1>Feed</h1>
+}

src/pages/notifications.tsx

@@ -0,0 +1,3 @@
+export const NotificationsPage = () => {
+  return <h1>Notifications</h1>
+}