sulthan/internify-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Kemas M. Aryadary Rasyad
2026-07-20 20:06:34 +07:00
parent ef3ac59c90
commit 7f4e149819
10 changed files with 76 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+1 -4
View File
@@ -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 -18
View File
@@ -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 ${
location.pathname === "/dashboard"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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 ${
location.pathname === "/product-list"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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 ${
location.pathname === "/lowongan-list"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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 ${
location.pathname === "/partnership-admin"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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 ${
location.pathname === "/internships-list"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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 ${
location.pathname === "/feedbacks-list"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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 ${
location.pathname === "/mentor-admin"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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 ${
location.pathname === "/faq-list"
className={`text-container flex flex-row gap-3 p-3 items-center cursor-pointer rounded-2xl ${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
+4 -3
View File
@@ -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
+28
View File
@@ -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
+3 -3
View File
@@ -99,9 +99,9 @@ export default function EligibleInternTable({
id: intern.id_user,
id_project: project.id,
id_user: intern.id_user,
certificate_no: "PREVIEW",
issued_at: new Date().toISOString(),
uuid: "preview-mode",
certificate_no: "CERT/YYDDMM/XXX",
issued_at: new Date().toISOString().slice(0, 10),
uuid: "HANYA SEBATAS PREVIEW",
user: {
id: intern.id_user,
full_name: intern.full_name,
src/assets/Anom Ayu Radhaswasti.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 MiB

src/assets/Kemas M Aryadary Rasyad.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

src/assets/Muhammad Rafi Athallah.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

src/assets/Muhammad Zhafran Ilham.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

src/assets/landingphoto.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 441 KiB