error be erroring, footer really be footing

src/components/Error.js

@@ -1,5 +1,4 @@
 import React, { Component } from "react";
-import NavBar from "../components/NavBar";
 import "../assets/stylesheets/error.scss";
 
 export default class Error extends Component {
@@ -17,6 +16,24 @@ export default class Error extends Component {
             alt="background"
           ></img>
         </div>
+
+        <div className="e">
+          <img
+            className="e__background"
+            src={require("../assets/pics/xperror.png")}
+            alt="background"
+          ></img>
+          <div className="e__container">
+            <div className="e__container__titleCon">
+              <h1 className="e__container__titleCon__title">
+                {this.status}: {this.statusText}
+              </h1>
+            </div>
+            <div className="e__container__messageCon">
+              <p className="e__container__messageCon__message">If you believe this is unintentional, please contact a site developer!</p>
+            </div>
+          </div>
+        </div>
       </div>
     );
   }