diff --git a/app/(root)/page.jsx b/app/(root)/page.jsx
index 7bd6cc6..54e7699 100644
--- a/app/(root)/page.jsx
+++ b/app/(root)/page.jsx
@@ -10,7 +10,7 @@ import Button from "@/components/Button";
 import Me from "../../public/img/me.jpg";
 import MeAbout from "@/public/img/me2.jpg";
 import Setup from "@/public/img/setup.jpg";
-import ProjectAll from "@/public/img/projects-all.jpg";
+import ProjectAll from "@/public/img/projects.png";
 import Hr from "@/components/Hr";
 // icons
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
diff --git a/app/projects/page.jsx b/app/projects/page.jsx
index e5d7876..2450182 100644
--- a/app/projects/page.jsx
+++ b/app/projects/page.jsx
@@ -9,7 +9,7 @@ import Image from "next/legacy/image";
 import ReactChat1 from "@/public/projects/trivia/trivia1.png";
 import ReactChat2 from "@/public/projects/trivia/trivia2.png";
 import ReactChat3 from "@/public/projects/trivia/trivia3.png";
-import ProjectAll from "@/public/img/projects-all.jpg";
+import ProjectAll from "@/public/img/projects.png";
 // main project image
 import Trivia from "@/public/projects/main-project/trivia.png";
 import SakuSenyum from "@/public/projects/main-project/saku-senyum.png";
diff --git a/public/img/projects-all.jpg b/public/img/projects-all.jpg
deleted file mode 100644
index 601e3aa..0000000
Binary files a/public/img/projects-all.jpg and /dev/null differ
diff --git a/public/img/projects.png b/public/img/projects.png
new file mode 100644
index 0000000..527ddb1
Binary files /dev/null and b/public/img/projects.png differ