feat: update project task card to use new task type and improve navigation

fix: update project card to reflect actual tasks done from project data feat: enhance task form components to accept project ID for submissions refactor: clean up certificate detail page by removing unused elements chore: streamline certificate generation page by removing unnecessary navigation refactor: update certificate list page to use dynamic project data feat: improve interns management page with API integration and better state handling feat: add modal for assigning interns to projects with project selection feat: create a new component for displaying project cards in certificate list fix: correct import paths in create project dialog component refactor: enhance project hooks to include task filtering and refetch capabilities fix: update mock certificate data to reflect correct status feat: extend certificate types to include new fields for better tracking feat: add task_done field to project types for improved task management
2026-06-28 08:12:56 +07:00
parent 6ec9620f1f
commit ad26a53f21
26 changed files with 587 additions and 347 deletions
@@ -0,0 +1,65 @@
+import { useNavigate } from "react-router-dom";
+import { Home, ArrowLeft, Search } from "lucide-react";
+
+export default function NotFoundPage() {
+  const navigate = useNavigate();
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-red-950 flex items-center justify-center px-6 relative overflow-hidden">
+      {/* Background decorative blobs */}
+      <div className="absolute top-0 left-1/4 w-96 h-96 bg-red-700 opacity-10 rounded-full blur-3xl pointer-events-none" />
+      <div className="absolute bottom-0 right-1/4 w-96 h-96 bg-red-500 opacity-10 rounded-full blur-3xl pointer-events-none" />
+
+      <div className="relative z-10 flex flex-col items-center text-center max-w-2xl w-full">
+
+        {/* 404 Large Text */}
+        <div className="relative mb-4 select-none">
+          <span className="text-[160px] sm:text-[200px] font-black leading-none bg-gradient-to-b from-white/20 to-white/5 bg-clip-text text-transparent">
+            404
+          </span>
+          <div className="absolute inset-0 flex items-center justify-center">
+            <Search className="w-20 h-20 sm:w-28 sm:h-28 text-red-500 opacity-80 drop-shadow-lg" />
+          </div>
+        </div>
+
+        {/* Title */}
+        <h1 className="text-3xl sm:text-4xl font-bold text-white mb-3 tracking-tight">
+          Halaman Tidak Ditemukan
+        </h1>
+
+        {/* Description */}
+        <p className="text-slate-400 text-base sm:text-lg mb-10 max-w-md leading-relaxed">
+          Sepertinya halaman yang kamu cari tidak ada atau telah dipindahkan.
+          Coba kembali ke halaman sebelumnya atau beranda.
+        </p>
+
+        {/* Divider */}
+        <div className="w-24 h-px bg-gradient-to-r from-transparent via-red-500 to-transparent mb-10" />
+
+        {/* Buttons */}
+        <div className="flex flex-col sm:flex-row gap-4 w-full sm:w-auto">
+          <button
+            onClick={() => navigate(-1)}
+            className="flex items-center justify-center gap-2 px-6 py-3 rounded-xl border border-white/10 bg-white/5 hover:bg-white/10 text-white font-semibold text-sm transition-all active:scale-95 backdrop-blur-sm"
+          >
+            <ArrowLeft className="w-4 h-4" />
+            Kembali
+          </button>
+
+          <button
+            onClick={() => navigate("/")}
+            className="flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-red-700 hover:bg-red-600 text-white font-semibold text-sm transition-all active:scale-95 shadow-lg shadow-red-900/40"
+          >
+            <Home className="w-4 h-4" />
+            Ke Beranda
+          </button>
+        </div>
+
+        {/* Footer note */}
+        <p className="mt-12 text-slate-600 text-xs">
+          Internify &copy; {new Date().getFullYear()} — HUMIC Engineering
+        </p>
+      </div>
+    </div>
+  );
+}