diff --git a/app/projects/(project-card)/index.jsx b/app/projects/(project-card)/index.jsx
index a4e8882..17aa3c9 100644
--- a/app/projects/(project-card)/index.jsx
+++ b/app/projects/(project-card)/index.jsx
@@ -2,6 +2,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { motion } from "framer-motion";
 import PropTypes from "prop-types";
+import BlurImage from "@/public/image/placeholder/blur.jpg";
 
 export default function ProjectCard({ project, index, activeCategory }) {
 	return (
@@ -28,7 +29,7 @@ export default function ProjectCard({ project, index, activeCategory }) {
 							objectFit="cover"
 							placeholder="blur"
 							className="bg-slate-950 opacity-10  group-hover/tes:opacity-100 transition-all ease duration-500"
-							blurDataURL={project.thumbnail}
+							blurDataURL={BlurImage.src}
 						/>
 						<div className="absolute top-0 left-0 bg-gray-600 px-4 py-2">
 							<h4 className="text-white">{project.year}</h4>
diff --git a/app/projects/[slug]/page.jsx b/app/projects/[slug]/page.jsx
index 88b6a63..f415ccf 100644
--- a/app/projects/[slug]/page.jsx
+++ b/app/projects/[slug]/page.jsx
@@ -8,6 +8,7 @@ import { faGithub } from "@fortawesome/free-brands-svg-icons";
 import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
 import NotFound from "@/app/not-found";
 import Image from "next/image";
+import BlurImage from "@/public/image/placeholder/blur.jpg";
 import FixedButon from "@/components/FixedButton";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
 import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
@@ -199,7 +200,7 @@ function Page(props) {
 							className="mb-5 h-auto max-h-screen max-w-7xl mx-auto"
 							width={1920}
 							height={1080}
-							blurDataURL={image}
+							blurDataURL={BlurImage.src}
 							layout="responsive"
 							objectFit="contain"
 						/>
diff --git a/app/projects/components/ProjectCard.jsx b/app/projects/components/ProjectCard.jsx
index a4e8882..17aa3c9 100644
--- a/app/projects/components/ProjectCard.jsx
+++ b/app/projects/components/ProjectCard.jsx
@@ -2,6 +2,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { motion } from "framer-motion";
 import PropTypes from "prop-types";
+import BlurImage from "@/public/image/placeholder/blur.jpg";
 
 export default function ProjectCard({ project, index, activeCategory }) {
 	return (
@@ -28,7 +29,7 @@ export default function ProjectCard({ project, index, activeCategory }) {
 							objectFit="cover"
 							placeholder="blur"
 							className="bg-slate-950 opacity-10  group-hover/tes:opacity-100 transition-all ease duration-500"
-							blurDataURL={project.thumbnail}
+							blurDataURL={BlurImage.src}
 						/>
 						<div className="absolute top-0 left-0 bg-gray-600 px-4 py-2">
 							<h4 className="text-white">{project.year}</h4>
diff --git a/public/image/placeholder/blur.jpg b/public/image/placeholder/blur.jpg
new file mode 100644
index 0000000..a73bcad
Binary files /dev/null and b/public/image/placeholder/blur.jpg differ