diff --git a/public/recipe.png b/public/recipe.png
new file mode 100644
index 0000000..852a981
Binary files /dev/null and b/public/recipe.png differ
diff --git a/src/App.js b/src/App.js
index 40d4a30..f28f3cf 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
-import React, { useContext } from "react";
+import React from "react";
 import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
 import { CSSTransition, TransitionGroup } from "react-transition-group";
-import { ThemeContext, ThemeProvider } from "./contexts/themeContext";
+import { ThemeProvider } from "./contexts/themeContext";
 import "./styles/global.css";
 import Navbar from "./components/navbar/navbar";
 import Footer from "./components/footer/footer";
@@ -11,7 +11,6 @@ import Contact from "./pages/contact/contact";
 
 function AnimatedRoutes() {
   const location = useLocation();
-  const { theme } = useContext(ThemeContext);
 
   return (
     <TransitionGroup>
diff --git a/src/components/experience/experienceCard.js b/src/components/experience/experienceCard.js
index ef56bf1..1b9d002 100644
--- a/src/components/experience/experienceCard.js
+++ b/src/components/experience/experienceCard.js
@@ -23,8 +23,7 @@ const TitleLinkContainer = ({ children }) => (
 
 const ExperienceCard = ({ job }) => {
   const { theme } = useContext(ThemeContext);
-  const { backgroundColor, textColor, boxColor, borderColor } =
-    getThemeStyles(theme);
+  const { backgroundColor, textColor, boxColor } = getThemeStyles(theme);
   return (
     <Card backgroundColor={backgroundColor}>
       <TitleLinkContainer>
diff --git a/src/components/skills/skills.js b/src/components/skills/skills.js
index fcd0b39..1316bb8 100644
--- a/src/components/skills/skills.js
+++ b/src/components/skills/skills.js
@@ -56,8 +56,7 @@ const SkillImage = styled.img`
 
 const Skills = () => {
   const { theme } = useContext(ThemeContext);
-  const { backgroundColor, textColor, boxColor, borderColor } =
-    getThemeStyles(theme);
+  const { backgroundColor, textColor, borderColor } = getThemeStyles(theme);
 
   return (
     <Container>
diff --git a/src/data/projects.js b/src/data/projects.js
index 2e11eeb..415fdb8 100644
--- a/src/data/projects.js
+++ b/src/data/projects.js
@@ -16,6 +16,7 @@ export const projects = [
       "SeaweedFS",
       "Authentik",
     ],
+    image: `${process.env.PUBLIC_URL}/recipe.png`,
     codeLink: "https://github.com/specialthing44/recipe-website",
     projectLink: "https://cooking.spencers.cc/",
   },
diff --git a/src/pages/landing/landing.js b/src/pages/landing/landing.js
index 7f14a3a..2f10d84 100644
--- a/src/pages/landing/landing.js
+++ b/src/pages/landing/landing.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from "react";
+import React, { useContext, useEffect } from "react";
 import { ThemeContext } from "../../contexts/themeContext";
 import { getThemeStyles } from "../../utils/themeStyles";
 import Skills from "../../components/skills/skills";
@@ -13,7 +13,6 @@ import "./landing.css";
 const LandingPage = () => {
   const { theme } = useContext(ThemeContext);
   const { backgroundColor, textColor, boxColor } = getThemeStyles(theme);
-  const [openModal, setOpenModal] = useState({ state: false, project: null });
   useEffect(() => {
     window.scrollTo(0, 0);
   }, []);