update

app/Projects/[slug]/page.tsx

@@ -3,6 +3,7 @@
 import { useParams, useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import Link from "next/link";
+import Image from "next/image";
 
 interface Project {
   id: string;
@@ -56,7 +57,7 @@ export default function ProjectDetail() {
       <h1 className="text-4xl font-bold text-gray-800 dark:text-white">
         {project.title}
       </h1>
-      <img
+      <Image
         src={project.image}
         alt={project.title}
         className="mt-4 w-full max-w-md rounded shadow"
@@ -65,10 +66,10 @@ export default function ProjectDetail() {
         {project.description}
       </p>
       <Link
-        href={project.link}
+        href={`/`}
         className="mt-4 inline-block text-blue-500 hover:underline"
       >
-        Visit Project
+        Go back Home
       </Link>
     </div>
   );