diff --git a/src/assets/external/balloon.svg b/src/assets/external/balloon.svg new file mode 100644 index 00000000..2faa4810 --- /dev/null +++ b/src/assets/external/balloon.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/index.tsx b/src/assets/index.tsx index 768f49ce..87659942 100644 --- a/src/assets/index.tsx +++ b/src/assets/index.tsx @@ -109,3 +109,12 @@ export { MeetTheTeamBuildingLeft, MeetTheTeamBuildingRight, }; + +/* + * + * 404 / Coming Soon SVGs + * + */ +import ExternalBalloon from './external/balloon.svg'; + +export { ExternalBalloon }; \ No newline at end of file diff --git a/src/pages/404.tsx b/src/pages/404.tsx new file mode 100644 index 00000000..e6ca4aaf --- /dev/null +++ b/src/pages/404.tsx @@ -0,0 +1,43 @@ +import { ExternalBalloon, MeetTheTeamBuildingLeft } from "@assets"; + +const ErrorPage: React.FC = () => { + return ( +
+ Balloon + Building +
+
+

+ 404 Error +

+ +

+ Are you supposed to be here? 🤔 +

+ + + Return to the homepage + +
+
+
+ ); +}; + +export { ErrorPage }; \ No newline at end of file diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 24d1497f..d23e6e32 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,3 +4,10 @@ * */ export { Landing } from './Landing'; + +/* + * + * @page 404 + * + */ +export { ErrorPage } from './404'; \ No newline at end of file diff --git a/src/utils/Router.tsx b/src/utils/Router.tsx index b4527232..50cd9c40 100644 --- a/src/utils/Router.tsx +++ b/src/utils/Router.tsx @@ -1,12 +1,13 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom' -import { Landing } from '@pages' +import { ErrorPage, Landing } from '@pages' const Router = () => ( - - - } /> - - + + + } /> + } /> + + ); export { Router }; \ No newline at end of file