feat: update landing page assets and enhance developer section with new team members

src/App.tsx

@@ -1,5 +1,5 @@
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import { lazy, Suspense } from "react";
+import { lazy } from "react";
 import { Toaster } from "react-hot-toast";
 import Landing from "./Pages/Landing";
 import AboutUs from "./Pages/AboutUs";
@@ -48,13 +48,10 @@ import SertificateList from "./Pages/Internify/intern/InternCertList";
 import MentorProjectsDetailPage from "./Pages/Internify/mentor/MentorProjectDetailPage";
 import ViewInternSubmission from "./Pages/Internify/mentor/ViewInternSubmission";
 import ProtectedRoutes from "./Pages/utils/ProtectedRoute";
-import CertificateDetail from "./Pages/Internify/mentor/CertificateForm";
-import CertificateResult from "./Pages/Internify/mentor/CertificateResult";
 import AdminMentorPage from "./Pages/MentorPage";
 import CreateMentorForm from "./Pages/CreateMentorForm";
 import EditMentorForm from "./Pages/EditMentorForm";
 import NotFoundPage from "./Pages/NotFoundPage";
-import InternCertificateDetail from "./Pages/Internify/intern/InternCertDetail";
 import VerificationCert from "./Pages/Internify/VerificationCert";
 
 const InternCertificatePage = lazy(() => import("./Pages/Internify/intern/InternCertDetail"));

src/Layout/SidebarAdmin.tsx

@@ -10,8 +10,7 @@ const SidebarAdmin = () => {
         <h2 className="font-semibold text-[#2C5282] text-[20px]">Menu</h2>
         <div className="list-of-sidebar flex flex-col p-7 gap-4">
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/dashboard"
-              location.pathname === "/dashboard"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA] "
               }`}
@@ -40,8 +39,7 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">Dashboard</h2>
           </div>
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/product-list"
-              location.pathname === "/product-list"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA] "
               }`}
@@ -64,8 +62,7 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">Project</h2>
           </div>
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/lowongan-list"
-              location.pathname === "/lowongan-list"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA]"
               }`}
@@ -89,8 +86,7 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">Lowongan</h2>
           </div>
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/partnership-admin"
-              location.pathname === "/partnership-admin"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA]"
               }`}
@@ -114,8 +110,7 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">Partnership</h2>
           </div>
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/internships-list"
-              location.pathname === "/internships-list"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA]"
               }`}
@@ -139,8 +134,7 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">Pelamar</h2>
           </div>
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/feedbacks-list"
-              location.pathname === "/feedbacks-list"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA]"
               }`}
@@ -167,8 +161,7 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">Feedback</h2>
           </div>
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/mentor-admin"
-              location.pathname === "/mentor-admin"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA]"
               }`}
@@ -192,8 +185,7 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">Mentor</h2>
           </div>
           <div
-            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${
+            className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${location.pathname === "/faq-list"
-              location.pathname === "/faq-list"
                 ? "bg-[#D3DFEA] font-bold"
                 : "hover:bg-[#D3DFEA]"
               }`}
@@ -225,8 +217,6 @@ const SidebarAdmin = () => {
             <h2 className="text-[#2C5282]">FAQ</h2>
           </div>
         </div>
-      </div>
-
         <div
           className="logout flex flex-row items-center cursor-pointer gap-4 p-3 rounded-2xl hover:bg-[#F8D2D2] hover:font-bold mx-7"
           onClick={() => {
@@ -253,6 +243,8 @@ const SidebarAdmin = () => {
           <h2 className="text-[#C3423F] text-[16px] font-semibold">Keluar</h2>
         </div>
       </div>
+
+    </div>
   );
 };
 

src/Pages/Landing.tsx

@@ -3,6 +3,7 @@ import team from "../assets/teamwokr.jpg";
 import bghero1 from "../assets/hero1.png";
 import Footer from "../Layout/Footer";
 import Faq from "../Layout/Faq";
+import landingphoto from "../assets/landingphoto.png"
 import { useEffect, useMemo, useState } from "react";
 import { useNavigate } from "react-router-dom";
 
@@ -214,14 +215,14 @@ const Landing = () => {
         <div className="hero-3-section mx-5 lg:mx-[80px] xl:mx-[140px] mt-[60px] rounded-2xl bg-[#F8F9FA]">
           <div className="flex flex-col lg:flex-row gap-10 lg:gap-16 items-stretch py-10 px-4 sm:px-8">
             {/* LEFT: image */}
-            <div className="relative flex-1 min-h-[320px] lg:min-h-[380px] flex items-center justify-center">
+            <div className="relative flex-1 min-h-[300px] lg:min-h-[380px] flex items-center justify-center">
               <div
-                className={`w-[230px] h-[320px] sm:w-[260px] sm:h-[340px] lg:w-[280px] lg:h-[360px]
+                className={`w-[230px] h-[320px] sm:w-[260px] sm:h-[340px] lg:w-[360px] lg:h-[480px]
                             rounded-xl shadow-xl bg-white/70 backdrop-blur p-3 flex items-center justify-center
                             `}
               >
                 <img
-                  src={staticImgUrl}
+                  src={landingphoto}
                   alt="Humic Internship"
                   className="w-full h-full object-contain rounded-lg"
                 />

src/Pages/OurDeveloper.tsx

@@ -6,6 +6,10 @@ import shafa from "../assets/shafa.jpeg";
 import delkano from "../assets/delkano.jpeg";
 import reinhard from "../assets/reinhard.jpeg";
 import kakraya from "../assets/kakraya.png";
+import kemas from "../assets/Kemas M Aryadary Rasyad.jpg"
+import ayu from "../assets/Anom Ayu Radhaswasti.jpeg"
+import zhafran from "../assets/Muhammad Zhafran Ilham.jpg"
+import rafi from "../assets/Muhammad Rafi Athallah.jpeg"
 import Footer from "../Layout/Footer";
 import { useEffect } from "react";
 
@@ -69,6 +73,30 @@ const OurDeveloper = () => {
               img: reihan,
               link: "https://www.linkedin.com/in/reihanramadhana/",
             },
+            {
+              name: "Ayu",
+              role: "Web Designer",
+              img: ayu,
+              link: "https://www.linkedin.com/in/anom-ayu-radhaswasti/",
+            },
+            {
+              name: "Kemas",
+              role: "Frontend Developer",
+              img: kemas,
+              link: " https://www.linkedin.com/in/kemas-m-aryadary-rasyad/",
+            },
+            {
+              name: "Zhafran",
+              role: "Backend Developer",
+              img: zhafran,
+              link: "hhttps://www.linkedin.com/in/muhammad-zhafran-ilham/",
+            },
+            {
+              name: "Rafi",
+              role: "Backend Developer",
+              img: rafi,
+              link: "https://www.linkedin.com/in/rafi-athallah-14b16a229/",
+            },
           ].map((dev, index) => (
             <div
               key={index}

src/Pages/internify/mentor/components/EligibleInternTable.tsx

@@ -99,9 +99,9 @@ export default function EligibleInternTable({
       id: intern.id_user,
       id_project: project.id,
       id_user: intern.id_user,
-      certificate_no: "PREVIEW",
+      certificate_no: "CERT/YYDDMM/XXX",
-      issued_at: new Date().toISOString(),
+      issued_at: new Date().toISOString().slice(0, 10),
-      uuid: "preview-mode",
+      uuid: "HANYA SEBATAS PREVIEW",
       user: {
         id: intern.id_user,
         full_name: intern.full_name,