diff --git a/src/assets/Images/hero.png b/src/assets/Images/hero.png
deleted file mode 100644
index f54151f..0000000
Binary files a/src/assets/Images/hero.png and /dev/null differ
diff --git a/src/components/TaskModal/TaskModal.jsx b/src/components/TaskModal/TaskModal.jsx
deleted file mode 100644
index 4d7a6da..0000000
--- a/src/components/TaskModal/TaskModal.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from "react";
-import { Modal, Button } from "react-bootstrap";
-import { Link } from "react-router-dom";
-import Tags from "../Tags/Tags";
-import "./taskmodal.css";
-
-const TaskModal = ({ show, handleClose, taskData, handleTaskDelete }) => {
-  const { status, task, due_date, tags, description, id } = taskData;
-  const options = { year: "numeric", month: "long", day: "numeric" };
-  let taskDate = due_date.split("-");
-  return (
-    <Modal className="task-modal" show={show} onHide={handleClose}>
-      <Modal.Header closeButton></Modal.Header>
-      <Modal.Body>
-        <div className="task-modal-spacing task-modal-status">
-          <p className="task-modal-sub-heading">Status</p>
-          <p className={`task-label ${status === 1 ? "completed" : "pending"}`}>{status === 1 ? "Completed" : "Pending"}</p>
-        </div>
-        <div className="task-modal-title task-modal-spacing">
-          <p className="task-modal-heading">{task}</p>
-        </div>
-        <div className="task-modal-due-date task-modal-spacing">
-          <p className="task-modal-sub-heading">DUE DATE</p>
-          <p>{new Date(taskDate[0], taskDate[1], taskDate[2]).toLocaleDateString("en-US", options)}</p>
-        </div>
-        <div className="task-modal-labels task-modal-spacing">
-          <p className="task-modal-sub-heading">LABELS</p>
-          {tags.length === 0 ? <p>None</p> : <Tags tags={tags} />}
-        </div>
-        <div className="task-modal-details task-modal-spacing">
-          <p className="task-modal-sub-heading">Details</p>
-          <p>{description ? description : "None"}</p>
-        </div>
-        <div className="task-modal-btn-container">
-          <Link className="btn btn--primary task-modal-link" to={`/app/tasks/edit/${id}`}>
-            Edit
-          </Link>
-          <Button className="btn btn-danger btn--delete task-modal-link" onClick={() => handleTaskDelete(id)}>
-            Delete
-          </Button>
-        </div>
-      </Modal.Body>
-    </Modal>
-  );
-};
-
-export default TaskModal;
diff --git a/src/components/TaskModal/taskmodal.css b/src/components/TaskModal/taskmodal.css
deleted file mode 100644
index 35c1831..0000000
--- a/src/components/TaskModal/taskmodal.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.task-modal .task-item-tags {
-    margin-left: 0;
-}
-
-.task-modal-title {
-    margin: var(--tl-spacing-md) 0;
-}
-
-.task-modal-sub-heading {
-    color: #878a9e;
-    text-transform: uppercase;
-    font-weight: 600;
-    margin-bottom: var(--tl-spacing-xs);
-    font-size: 0.8rem;
-}
-
-.task-modal-due-date p {
-    font-weight: 600;
-}
-
-.task-modal-status .task-label {
-    width: 20%;
-}
-
-.task-modal-spacing {
-    margin: var(--tl-spacing-md) 0;
-}
-
-.task-modal-heading {
-    font-size: var(--tl-spacing-xl);
-    font-weight: 600;
-    margin-bottom: 0.8rem;
-}
-
-.task-modal .task-label {
-    margin-bottom: 0;
-}
-
-.task-modal-btn-container {
-    display: flex;
-    justify-content: space-between;
-    gap: var(--tl-spacing-md);
-}
-
-.task-modal-link {
-    width: 50%;
-}
\ No newline at end of file