diff --git a/.github/dependabot.yml b/.github/dependabot.yml
deleted file mode 100644
index 3a3cce5..0000000
--- a/.github/dependabot.yml
+++ /dev/null
@@ -1,11 +0,0 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
-
-version: 2
-updates:
-  - package-ecosystem: "npm" # See documentation for possible values
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "weekly"
diff --git a/.gitignore b/.gitignore
index e4bf041..3c87da2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 build
 node_modules
 .DS_Store
+firebase-debug.log
diff --git a/src/public/404.tsx b/src/public/404.tsx
new file mode 100644
index 0000000..a57d7bc
--- /dev/null
+++ b/src/public/404.tsx
@@ -0,0 +1,31 @@
+import * as ReactDom from "react-dom";
+import * as React from "react";
+import TopBar from "./components/TopBar";
+import { ACTIVE_PAGES } from "./Config";
+import Splash from "./components/Splash";
+import Footer from "./components/Footer";
+
+class Main extends React.Component {
+    constructor() {
+        super({});
+        this.state = {};
+    }
+
+    public render() {
+        return (
+            <>
+                <TopBar links={ACTIVE_PAGES}></TopBar>
+                <Splash
+                    cta="Page Not Found"
+                    delay={2000}
+                    backgrounds={["/assets/img/backgrounds/fa21qp.webp"]}
+                ></Splash>
+                <Footer></Footer>
+            </>
+        );
+    }
+}
+
+ReactDom.render(<Main></Main>, document.getElementById("root"));
+
+export default {};
diff --git a/src/public/Config.ts b/src/public/Config.ts
index 22526ce..f554f74 100644
--- a/src/public/Config.ts
+++ b/src/public/Config.ts
@@ -203,7 +203,7 @@ export const OFFICERS = [
     {
         name: "Parisa Shahabi",
         position: "Social Chair",
-        photo: "/assets/img/officers/parisa.jpg",
+        photo: "/assets/img/officers/parisa.webp",
         email: "email@ucsd.edu",
     },
     {
diff --git a/src/public/assets/img/officers/parisa.webp b/src/public/assets/img/officers/parisa.webp
new file mode 100644
index 0000000..e59bfb1
Binary files /dev/null and b/src/public/assets/img/officers/parisa.webp differ
diff --git a/src/util/index.ts b/src/util/index.ts
index fdfc5c3..6f7e2ec 100644
--- a/src/util/index.ts
+++ b/src/util/index.ts
@@ -12,6 +12,7 @@ interface Website {
     cssfile: string;
     themecolor: string;
     path?: string;
+    filename?: string;
 }
 
 const APP = express();
@@ -53,6 +54,16 @@ const WEBSITES = [
         cssfile: "/assets/css/styles.css",
         themecolor: "",
     },
+    {
+        sitename: "404",
+        title: "Page Not Found",
+        description: "404 Page Not Found",
+        jsfile: "/assets/js/404.js",
+        cssfile: "/assets/css/styles.css",
+        themecolor: "",
+        path: "/",
+        filename: "404.html",
+    },
 ] as Website[];
 
 const PORT = process.env.PORT ?? 9000;
@@ -118,8 +129,7 @@ function generateFilePages() {
             path.join(
                 __dirname,
                 "../public/",
-                site.path ?? site.sitename,
-                "/index.html"
+                site.filename ?? (site.path ?? site.sitename) + "/index.html"
             ),
             html
         );