+
+ );
+};
+
+export default Faq;
diff --git a/src/Layout/Footer.tsx b/src/Layout/Footer.tsx
new file mode 100644
index 0000000..0725600
--- /dev/null
+++ b/src/Layout/Footer.tsx
@@ -0,0 +1,79 @@
+import humiclogo from "../assets/whiteLogo.png";
+import { FaInstagram, FaLinkedinIn } from "react-icons/fa";
+import { MdOutlineEmail } from "react-icons/md";
+import { useNavigate } from "react-router-dom";
+
+const Footer = () => {
+ const navigate = useNavigate();
+ return (
+
+ );
+};
+
+export default Footer;
diff --git a/src/Layout/Navbar.tsx b/src/Layout/Navbar.tsx
new file mode 100644
index 0000000..9365bd1
--- /dev/null
+++ b/src/Layout/Navbar.tsx
@@ -0,0 +1,118 @@
+import { useState } from "react";
+import humiclogo from "../assets/logo.png";
+import { useNavigate } from "react-router-dom";
+import { useLocation } from "react-router-dom";
+
+const Navbar = () => {
+ const [openMenu, setOpenMenu] = useState(false);
+ const location = useLocation();
+ const navigate = useNavigate();
+
+ const handleContactClick = () => {
+ if (location.pathname === "/") {
+ document.getElementById("footer")?.scrollIntoView({ behavior: "smooth" });
+ } else {
+ navigate("/", { replace: false });
+ setTimeout(() => {
+ document
+ .getElementById("footer")
+ ?.scrollIntoView({ behavior: "smooth" });
+ }, 500);
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default Navbar;
diff --git a/src/Layout/NavbarAdmin.tsx b/src/Layout/NavbarAdmin.tsx
new file mode 100644
index 0000000..ecd9608
--- /dev/null
+++ b/src/Layout/NavbarAdmin.tsx
@@ -0,0 +1,68 @@
+import { useEffect, useState } from "react";
+import logo from "../assets/whiteLogo.png";
+
+const NavbarAdmin = () => {
+ const [namaDepan, setNamaDepan] = useState("");
+
+ useEffect(() => {
+ const token = document.cookie
+ .split("; ")
+ .find((row) => row.startsWith("token="))
+ ?.split("=")[1];
+
+ if (!token) return;
+
+ const fetchUserData = async () => {
+
+ try {
+ const response = await fetch(
+ `${import.meta.env.VITE_API_BASE_URL}/auth-api/me`,
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+
+ const result = await response.json();
+ console.log("Response status:", response.status);
+ console.log("Response body:", result);
+
+ if (response.ok && result.data?.nama_depan) {
+ setNamaDepan(result.data.nama_depan);
+ }
+ } catch (error) {
+ console.error("Gagal mengambil data user:", error);
+ }
+ };
+ fetchUserData();
+ }, []);
+
+ return (
+
+
+ Frequently Asked Questions
++ Berikut adalah informasi mengenai pertanyaan umum seputar program magang di Humic, termasuk tata cara pendaftaran dan persyaratan yang perlu dipenuhi. Masih ada yang perlu ditanyakan? Silahkan{" "} + DM kami +
+
+ {faqData.map((faq, index) => (
+
+
+
+
+ ))}
+
+
+ {faq.answer}
+
+ 
+
+ );
+};
+
+export default NavbarAdmin;
diff --git a/src/Layout/SidebarAdmin.tsx b/src/Layout/SidebarAdmin.tsx
new file mode 100644
index 0000000..b89778a
--- /dev/null
+++ b/src/Layout/SidebarAdmin.tsx
@@ -0,0 +1,143 @@
+import { useNavigate } from "react-router-dom";
+import { useLocation } from "react-router-dom";
+
+const SidebarAdmin = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ return (
+
+
+
+ + Hai, {namaDepan} +
+
+
+ );
+};
+
+export default SidebarAdmin;
diff --git a/src/Pages/AboutUs.tsx b/src/Pages/AboutUs.tsx
new file mode 100644
index 0000000..18767e6
--- /dev/null
+++ b/src/Pages/AboutUs.tsx
@@ -0,0 +1,308 @@
+import Navbar from "../Layout/Navbar";
+import bghero1 from "../assets/hero2about.png";
+import bghero2 from "../assets/hero1about.png";
+import bghero3 from "../assets/hero3about.png";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import Footer from "../Layout/Footer";
+import { useEffect } from "react";
+
+const missions = [
+ "Becoming the science and technology excellent center in the field of embedded sensor systems to support biomedical applications based on the Internet of Things (IoT).",
+ "Becoming the science and technology excellent center on development remote health monitoring systems based on Internet of Things (IoT).",
+ "Becoming the science and technology excellent center on Big Data Analytic.",
+ "Becoming the science and technology excellent center on health development of Information and Communication Technology (ICT).",
+];
+
+const AboutUs = () => {
+ const [currentIndex, setCurrentIndex] = useState(0);
+ const [currentPage, setCurrentPage] = useState(1);
+ const itemsPerPage = 8;
+
+ const [partners, setPartners] = useState
+
+
+ Menu
+
+
+ navigate("/product-list")}
+ >
+
+
+ Project
+ navigate("/lowongan-list")}
+ >
+
+
+
+ Lowongan
+ navigate("/partnership-admin")}
+ >
+
+
+
+ Partnership
+ navigate("/internships-list")}
+ >
+
+
+
+ Pelamar
+ {
+ document.cookie =
+ "token=; path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC;";
+ navigate("/");
+ }}
+ >
+
+
+
+ Keluar
+
+ {/* Navbar Section */}
+
+ );
+};
+
+export default AboutUs;
diff --git a/src/Pages/AddPartnershipAdmin.tsx b/src/Pages/AddPartnershipAdmin.tsx
new file mode 100644
index 0000000..f2cfe82
--- /dev/null
+++ b/src/Pages/AddPartnershipAdmin.tsx
@@ -0,0 +1,141 @@
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import { useNavigate } from "react-router-dom";
+import { useState } from "react";
+
+const AddPartnershipAdmin = () => {
+ const navigate = useNavigate();
+
+ const [namaPartner, setNamaPartner] = useState("");
+ const [thumbnail, setThumbnail] = useState
+
+
+ {/* Hero Section 1 */}
+
+ {/* Overlay */}
+
+
+ {/* Content */}
+
+
+ {/* Hero Section 2 Partnership */}
+ {hasPartner && (
+
+
+
+
+
+
+
+ {/* Arrow Controls */}
+ + {currentSlide.title} +
+ {/* Mission Control */} + {currentSlide.title === "Misi" ? ( +-
+ {missions.map((mission, index) => (
+
- {mission} + ))} +
+ {currentSlide.description} +
+ )} +
+
+
+
+
+
+ )}
+
+ {/* Hero section 3 */}
+
+
+ + Partnership +
++ Kami bersama-sama menciptakan solusi yang memberdayakan bisnis dan + meningkatkan efisiensi operasional. +
+
+ {partners.map((partner) => (
+ 
+ ))}
+
+
+
+
+ {/* Hero section 3 content */}
+
+
+ + Hasil Produk Research +
+
+
+
+
+
+
+
+
+
+ {currentProducts.map((item) => (
+
+ navigate(`/details-product/${item.id}`)}
+ >
+ 
+
+ ))}
+
+
+ + {item.nama_project} +
+
+
+ );
+};
+
+export default AddPartnershipAdmin;
diff --git a/src/Pages/AddProduct.tsx b/src/Pages/AddProduct.tsx
new file mode 100644
index 0000000..0cc5944
--- /dev/null
+++ b/src/Pages/AddProduct.tsx
@@ -0,0 +1,263 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import "froala-editor/js/plugins.pkgd.min.js";
+import "froala-editor/css/froala_editor.pkgd.min.css";
+import "froala-editor/css/froala_style.min.css";
+import FroalaEditor from "react-froala-wysiwyg";
+import axios from "axios";
+
+const AddProduct = () => {
+ const [posisi, setPosisi] = useState("");
+ const [kelompok, setKelompok] = useState("");
+ const [kelompokOptions, setKelompokOptions] = useState
+
+
+
+
+
+
+
+ Tambah Partnership
+ +
+
+ );
+};
+
+export default AddProduct;
diff --git a/src/Pages/AddProductHumic.tsx b/src/Pages/AddProductHumic.tsx
new file mode 100644
index 0000000..e4934f8
--- /dev/null
+++ b/src/Pages/AddProductHumic.tsx
@@ -0,0 +1,130 @@
+import { useState } from "react";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import "froala-editor/js/plugins.pkgd.min.js";
+import "froala-editor/css/froala_editor.pkgd.min.css";
+import "froala-editor/css/froala_style.min.css";
+import FroalaEditor from "react-froala-wysiwyg";
+import axios from "axios";
+import { useNavigate } from "react-router-dom";
+
+const AddProductHumic = () => {
+ const [namaProject, setNamaProject] = useState("");
+ const [deskripsi, setDeskripsi] = useState("");
+ const [linkProject, setLinkProject] = useState("");
+ const [image, setImage] = useState
+
+
+
+
+
+
+
+ Tambah Lowongan
+ +
+
+ );
+};
+
+export default AddProductHumic;
diff --git a/src/Pages/DetailsProduct.tsx b/src/Pages/DetailsProduct.tsx
new file mode 100644
index 0000000..e5803d4
--- /dev/null
+++ b/src/Pages/DetailsProduct.tsx
@@ -0,0 +1,92 @@
+import Footer from "../Layout/Footer";
+import Navbar from "../Layout/Navbar";
+import { useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+
+type ResearchItem = {
+ id: number;
+ image_path: string;
+ nama_project: string;
+ deskripsi: string;
+ link_project: string;
+ created_at: string;
+};
+
+const DetailsProduct = () => {
+ const { id } = useParams<{ id: string }>();
+ const [product, setProduct] = useState
+
+
+
+
+
+
+
+ Tambah Research Project
+ +Loading...
;
+ }
+
+ if (!product) {
+ return (
+ Data tidak ditemukan
+ );
+ }
+
+ return (
+
+ {/* Navbar Section */}
+
+ );
+};
+
+export default DetailsProduct;
diff --git a/src/Pages/EditKontenAdmin.tsx b/src/Pages/EditKontenAdmin.tsx
new file mode 100644
index 0000000..3c79838
--- /dev/null
+++ b/src/Pages/EditKontenAdmin.tsx
@@ -0,0 +1,164 @@
+import { useSearchParams } from "react-router-dom";
+import { useState } from "react";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import NavbarAdmin from "../Layout/NavbarAdmin";
+
+const EditKontenAdmin = () => {
+ // const { id } = useParams();
+ const [searchParams] = useSearchParams();
+ const tipeQuery = searchParams.get("tipe") || "Internship";
+ const [tipeKonten, setTipeKonten] = useState(tipeQuery);
+
+ return (
+
+
+
+ {/* Title */}
+
+
+
+ + {product.nama_project} +
+
+ {/* Image */}
+ 
+
+ {/* Deskripsi */}
+
+
+ {product.link_project && (
+
+ Lihat Project ↗
+
+ )}
+
+
+
+
+ {/* Navbar */}
+
+ );
+};
+
+export default EditKontenAdmin;
diff --git a/src/Pages/EditPartnerships.tsx b/src/Pages/EditPartnerships.tsx
new file mode 100644
index 0000000..6288ca8
--- /dev/null
+++ b/src/Pages/EditPartnerships.tsx
@@ -0,0 +1,213 @@
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import { useNavigate, useParams } from "react-router-dom";
+import { useEffect, useState } from "react";
+
+const EditPartnerships = () => {
+ const navigate = useNavigate();
+ const { id } = useParams();
+
+ const [namaPartner, setNamaPartner] = useState("");
+ const [thumbnail, setThumbnail] = useState
+
+
+
+
+
+
+
+ Edit Konten
+ +
+
+ );
+};
+
+export default EditPartnerships;
diff --git a/src/Pages/EditProductHumic.tsx b/src/Pages/EditProductHumic.tsx
new file mode 100644
index 0000000..b60f0d2
--- /dev/null
+++ b/src/Pages/EditProductHumic.tsx
@@ -0,0 +1,165 @@
+import { useEffect, useState } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import "froala-editor/js/plugins.pkgd.min.js";
+import "froala-editor/css/froala_editor.pkgd.min.css";
+import "froala-editor/css/froala_style.min.css";
+import FroalaEditor from "react-froala-wysiwyg";
+import axios from "axios";
+
+const EditProductHumic = () => {
+ const { id } = useParams();
+ const navigate = useNavigate();
+
+ const [namaProject, setNamaProject] = useState("");
+ const [deskripsi, setDeskripsi] = useState("");
+ const [linkProject, setLinkProject] = useState("");
+ const [image, setImage] = useState
+
+
+
+
+
+
+
+ Edit Partnership
+
+
+
+
+
+
+ );
+};
+
+export default EditProductHumic;
diff --git a/src/Pages/InternshipDetails.tsx b/src/Pages/InternshipDetails.tsx
new file mode 100644
index 0000000..00c5aab
--- /dev/null
+++ b/src/Pages/InternshipDetails.tsx
@@ -0,0 +1,143 @@
+import Footer from "../Layout/Footer";
+import Navbar from "../Layout/Navbar";
+import { useNavigate, useParams } from "react-router-dom";
+import { useEffect, useState } from "react";
+import axios from "axios";
+
+const InternshipDetails = () => {
+ const navigate = useNavigate();
+ const { id } = useParams();
+ const [intern, setIntern] = useState
+
+
+
+
+
+
+
+ Edit Research Project
+ +Loading...
;
+ if (!intern)
+ return Internship not found.
;
+
+ return (
+
+ {/* Navbar Section */}
+
+ );
+};
+
+export default InternshipDetails;
diff --git a/src/Pages/InternshipDetailsAdmin.tsx b/src/Pages/InternshipDetailsAdmin.tsx
new file mode 100644
index 0000000..ecd1e3c
--- /dev/null
+++ b/src/Pages/InternshipDetailsAdmin.tsx
@@ -0,0 +1,175 @@
+import { useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import axios from "axios";
+
+const InternshipDetailsAdmin = () => {
+ const { id } = useParams(); // id lamaran magang
+ const [applicant, setApplicant] = useState
+
+
+ {/* Content Section */}
+
+ {/* Header */}
+
+
+ {/* Footer */}
+
+
+
+
+ {/* Job Description Only */}
+
+
+
+ {/* Apply Button */}
+ + {intern.posisi} +
+
+
+
+ {/* Lokasi */}
+
+
+
+ {/* Kelompok Peminatan */}
+ {intern.lokasi}
+
+
+
+
+ {/* Paid / Unpaid */}
+ + {intern.kelompok_peminatan} +
+
+
+
+ + {intern.paid === "paid" ? "Paid" : "Unpaid"} +
+
+
+
+
+
+
+
+
+ Loading...
; + + return ( +
+
+ );
+};
+
+export default InternshipDetailsAdmin;
diff --git a/src/Pages/InternshipList.tsx b/src/Pages/InternshipList.tsx
new file mode 100644
index 0000000..62d456e
--- /dev/null
+++ b/src/Pages/InternshipList.tsx
@@ -0,0 +1,265 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import axios from "axios";
+
+type Application = {
+ id: number;
+ nama_depan: string;
+ posisi: string;
+ status: string;
+};
+
+const InternshipList = () => {
+ const [applications, setApplications] = useState
+
+
+
+
+
+
+ {/* Header */}
+ Detail Pelamar
+ {/* Status Indikator */} +
+
+ {applicant.status.toUpperCase()}
+
+
+
+
+
+ {/* Detail */}
+
+
+
+ {/* Status Button */}
+ + {applicant.nama_depan} {applicant.nama_belakang} +
+{applicant.email}
+{applicant.kontak}
+
+
+
+
+
+
+
+ {/* Motivasi */}
+
+
+
+ {/* CV & Portofolio */}
+ + Jurusan:{" "} + {applicant.jurusan} +
++ Posisi yang dilamar:{" "} + {applicant.posisi} +
+
+
+ Skill:
+ {applicant.relevant_skills + .split(",") + .map((skill: string, idx: number) => ( + + {skill.trim()} + + ))} +
+
+
+
+ CV:
+ + Lihat CV + +
+
+ Portofolio:
+ + Lihat Portofolio + +
+
+ Motivasi
+{applicant.motivasi}
+
+
+ );
+};
+
+export default InternshipList;
diff --git a/src/Pages/Internships.tsx b/src/Pages/Internships.tsx
new file mode 100644
index 0000000..0930095
--- /dev/null
+++ b/src/Pages/Internships.tsx
@@ -0,0 +1,282 @@
+import { useEffect, useState } from "react";
+import axios from "axios";
+import bghero2 from "../assets/hero1about.png";
+import Navbar from "../Layout/Navbar";
+import Footer from "../Layout/Footer";
+import { useNavigate } from "react-router-dom";
+import { useSearchParams } from "react-router-dom";
+
+const Internships = () => {
+ const navigate = useNavigate();
+ const [searchParams] = useSearchParams();
+ const initialSearch = searchParams.get("search") || "";
+ const [searchTerm, setSearchTerm] = useState(initialSearch);
+
+ type Internship = {
+ id: string;
+ title: string;
+ location: string;
+ category: string;
+ status: string;
+ statusColor: string;
+ isPaid: boolean;
+ };
+
+ const [internships, setInternships] = useState
+
+
+
+
+
+
+ Daftar Pelamar
+
+ setSearchTerm(e.target.value)}
+ className="px-4 py-2 rounded-2xl w-[20rem] border border-slate-400"
+ />
+
+
+
+
+
+
+
+
+ {applications.length === 0 && (
+
+ | Nama | +Posisi | +Status | +Aksi | +
|---|---|---|---|
| {app.nama_depan} | +{app.posisi} | ++ + {app.status.charAt(0).toUpperCase() + + app.status.slice(1)} + + | ++ + | +
Tidak ada data.
+ )} + + {/* Pagination Controls */} +
+ {Array.from({ length: totalPages }, (_, i) => (
+
+ ))}
+
+
+ {/* Hero Section */}
+
+ );
+};
+
+export default Internships;
diff --git a/src/Pages/Landing.tsx b/src/Pages/Landing.tsx
new file mode 100644
index 0000000..4212137
--- /dev/null
+++ b/src/Pages/Landing.tsx
@@ -0,0 +1,227 @@
+import Navbar from "../Layout/Navbar";
+import team from "../assets/teamwokr.jpg";
+import person1 from "../assets/reihan.jpeg";
+import person2 from "../assets/yohanes.jpeg";
+import person3 from "../assets/shafa.jpeg";
+import person4 from "../assets/reinhard.jpeg";
+import bghero1 from "../assets/hero1.png";
+import Footer from "../Layout/Footer";
+import Faq from "../Layout/Faq";
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+const Landing = () => {
+ const [search, setSearch] = useState("");
+ const navigate = useNavigate();
+ type Internship = {
+ id: string;
+ posisi: string;
+ image_path: string;
+ status_lowongan: string;
+ };
+
+ const handleSearch = (e: React.FormEvent
+
+
+ {/* Internship List */}
+
+
+
+
+
+
+
+ + Cari internship +
++ Berikut merupakan daftar internship yang sedang dibuka. Harap + untuk memperhatikan syarat dan ketentuan untuk setiap posisi yang + tersedia. +
+ + {/* Search Box */} +
+
+
+
+ {/* Filter Buttons */}
+
+ {categories.map((category, index) => (
+
+ ))}
+
+
+ {filteredInternships.length === 0 ? (
+
+
+
+ Tidak ada data.
+ ) : ( + filteredInternships.map((intern, index) => ( + {
+ if (intern.status === "Opened") {
+ navigate(`/details/${intern.id}`);
+ }
+ }}
+ >
+
+ ))
+ )}
+
+
+
+ + {intern.title} +
++ {intern.status} +
+
+
+
+ {/* Lokasi */}
+
+
+
+ + {intern.location} +
+
+ {/* Kategori */}
+
+
+
+ + {intern.category} +
+
+ {/* Paid */}
+
+
+ + {intern.isPaid ? "Paid" : "Unpaid"} +
+
+
+ );
+};
+
+export default Landing;
diff --git a/src/Pages/ListLowongan.tsx b/src/Pages/ListLowongan.tsx
new file mode 100644
index 0000000..256fd75
--- /dev/null
+++ b/src/Pages/ListLowongan.tsx
@@ -0,0 +1,206 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import axios from "axios";
+
+type Lowongan = {
+ id: string;
+ posisi: string;
+ kelompok_peminatan: string;
+ lokasi: string;
+};
+
+const ListLowongan = () => {
+ const [lowongans, setLowongans] = useState
+
+
+ {/* Hero Section */}
+
+
+
+
+
+ {/* Hero 2 Section */}
+
+
+ + Tingkatkan keahlian, perluas kesempatan +
++ Asah keterampilanmu dan jadilah mahasiswa yang siap bersaing di + dunia industri +
+ +
+
+
+
+
+
+ {/* Hero 3 Section */}
+
+
+
+ + Life at Humic Engineering +
++ Raih pengalaman internship yang bernilai dengan berkontribusi + langsung dalam pengembangan solusi teknologi kami. Kembangkan + kompetensi Anda melalui keterlibatan nyata dalam proyek IT serta + bimbingan langsung dari para expert di bidang Software engineering + dan IoT. +
+
+ 
+
+
+
+
+
+ {/* Hero 4 Section */}
+
+ 
+ 
+ 
+ 
+
+
+
+
+ + Kata mereka tentang Humic Engineering +
++ Humic engineering menjadi tempat yang menyenangkan bagi saya, karena + dapat meningkatkan kemampuan saya dalam melakukan desain UI/UX. + Banyak pembelajaran yang berharga serta memiliki lingkungan yang + suportif +
++ Reinhard, Humic Internship Batch 3 2025 +
+
+
+
+ {/* Hero 5 Section FaQ */}
+ + Jelajahi posisi yang kamu inginkan +
+ +
+ {internships.map((intern) => {
+ const isClosed = intern.status_lowongan === "ditutup";
+
+ return (
+
+ {
+ if (!isClosed) {
+ navigate(`/details/${intern.id}`);
+ }
+ }}
+ >
+ {/* Background image */}
+
+
+ {/* Gradient overlay */}
+
+
+ {/* Text content */}
+
+ );
+ })}
+
+
+
+ {intern.posisi}
+
+
+
+ );
+};
+
+export default ListLowongan;
diff --git a/src/Pages/ListProduct.tsx b/src/Pages/ListProduct.tsx
new file mode 100644
index 0000000..339b9a5
--- /dev/null
+++ b/src/Pages/ListProduct.tsx
@@ -0,0 +1,202 @@
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+type Project = {
+ id: number;
+ nama_project: string;
+ created_at: string;
+};
+
+const ListProduct = () => {
+ const navigate = useNavigate();
+ const [projects, setProjects] = useState
+
+
+
+
+
+
+ Daftar Lowongan
+
+ setSearchTerm(e.target.value)}
+ className="px-4 py-2 rounded-2xl w-[20rem] border border-slate-400"
+ />
+
+
+
+
+
+
+
+ {lowongans.length === 0 && (
+
+ | Posisi | +Kelompok Peminatan | +Lokasi | +Aksi | +
|---|---|---|---|
| {low.posisi} | +{low.kelompok_peminatan} | +{low.lokasi} | ++ {/* Tombol View */} + + + {/* Tombol Hapus */} + + | +
Tidak ada data.
+ )} + +
+ {Array.from({ length: totalPages }, (_, i) => (
+
+ ))}
+
+
+
+ );
+};
+
+export default ListProduct;
diff --git a/src/Pages/LoginAdmin.tsx b/src/Pages/LoginAdmin.tsx
new file mode 100644
index 0000000..65f5dd9
--- /dev/null
+++ b/src/Pages/LoginAdmin.tsx
@@ -0,0 +1,172 @@
+import logoblack from "../assets/logo.png";
+import { useNavigate } from "react-router-dom";
+import { useState } from "react";
+import axios from "axios";
+
+const LoginAdmin = () => {
+ const navigate = useNavigate();
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [errorMsg, setErrorMsg] = useState("");
+ const [isLoading, setIsLoading] = useState(false);
+
+ const handleLogin = async () => {
+ setIsLoading(true);
+ try {
+ const response = await axios.post(
+ `${import.meta.env.VITE_API_BASE_URL}/auth-api/login`,
+ { email, password },
+ {
+ headers: {
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (response.status === 200) {
+ document.cookie = `token=${response.data.data.token}; path=/;`;
+ navigate("/internships-list");
+ } else {
+ setErrorMsg(response.data.message || "Login failed");
+ }
+ } catch (error: any) {
+ setErrorMsg(
+ error?.response?.data?.message || "Something went wrong"
+ );
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+ Daftar Project
+ +
+
+
+
+
+ {projects.length === 0 && (
+
+ | Nama Project | +Tanggal Unggah | +Aksi | +
|---|---|---|
| {project.nama_project} | ++ {new Date(project.created_at).toLocaleDateString()} + | ++ {/* Tombol View */} + + + {/* Tombol Edit */} + + + {/* Tombol Hapus */} + + | +
Belum ada data project.
+ )} +
+
+ );
+};
+
+export default LoginAdmin;
diff --git a/src/Pages/OurDeveloper.tsx b/src/Pages/OurDeveloper.tsx
new file mode 100644
index 0000000..4896edc
--- /dev/null
+++ b/src/Pages/OurDeveloper.tsx
@@ -0,0 +1,120 @@
+import Navbar from "../Layout/Navbar";
+import faried from "../assets/faried.jpeg";
+import reihan from "../assets/reihan.jpeg";
+import yohan from "../assets/yohanes.jpeg";
+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 Footer from "../Layout/Footer";
+import { useEffect } from "react";
+
+const OurDeveloper = () => {
+ useEffect(() => {
+ window.scrollTo(0, 0);
+ }, []);
+ return (
+
+
+
+ 
+
+
+
+ {/* Email */}
+
+
+
+
+ {/* Password */}
+
+
+ Email
+
+ setEmail(e.target.value)}
+ />
+
+
+
+ {/* Error Message */}
+ {errorMsg && (
+
+
+
+
+ setPassword(e.target.value)}
+ />
+ Password
+{errorMsg}
+ )} + + {/* Sign In Button */} + + ++ {" "} + + + + Halaman Khusus Login Petugas HUMIC +
+
+ {/* Navbar Section */}
+
+ );
+};
+
+export default OurDeveloper;
diff --git a/src/Pages/PartnershipsList.tsx b/src/Pages/PartnershipsList.tsx
new file mode 100644
index 0000000..467b517
--- /dev/null
+++ b/src/Pages/PartnershipsList.tsx
@@ -0,0 +1,193 @@
+import NavbarAdmin from "../Layout/NavbarAdmin";
+import SidebarAdmin from "../Layout/SidebarAdmin";
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+const PartnershipsList = () => {
+ const navigate = useNavigate();
+
+ const [partnerships, setPartnerships] = useState<
+ { id: number; nama_partner: string; image_path: string }[]
+ >([]);
+
+ useEffect(() => {
+ const fetchPartnerships = async () => {
+ try {
+ const response = await fetch(
+ `${import.meta.env.VITE_API_BASE_URL}/partnership-api/get`
+ );
+ const result = await response.json();
+ if (response.ok) {
+ setPartnerships(result.data);
+ } else {
+ console.error("Gagal mengambil data partnership:", result.message);
+ }
+ } catch (error) {
+ console.error("Terjadi kesalahan:", error);
+ }
+ };
+
+ fetchPartnerships();
+ }, []);
+
+ const token = document.cookie
+ .split("; ")
+ .find((row) => row.startsWith("token="))
+ ?.split("=")[1];
+
+ const handleDelete = async (id: number) => {
+ const confirmDelete = confirm(
+ "Apakah Anda yakin ingin menghapus partnership ini?"
+ );
+ if (!confirmDelete) return;
+
+ if (!token) {
+ alert("Token tidak ditemukan. Silakan login ulang.");
+ return;
+ }
+
+ try {
+ const response = await fetch(
+ `${import.meta.env.VITE_API_BASE_URL}/partnership-api/delete/${id}`,
+ {
+ method: "DELETE",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+
+ const result = await response.json();
+ if (response.ok) {
+ alert("Partnership berhasil dihapus!");
+ setPartnerships((prev) => prev.filter((item) => item.id !== id));
+ } else {
+ alert(result.message || "Gagal menghapus partnership.");
+ }
+ } catch (error) {
+ alert("Terjadi kesalahan saat menghapus data.");
+ console.error("Error delete:", error);
+ }
+ };
+
+ return (
+
+
+
+ {/* Content */}
+
+
+
+ {/* Footer Section */}
+
+ + Our Developers +
+
+ {[
+ {
+ name: "Taufik",
+ role: "Project Manager",
+ img: kakraya,
+ link: "https://www.linkedin.com/in/rayataufik/",
+ },
+ {
+ name: "Reinhard",
+ role: "Web Designer",
+ img: reinhard,
+ link: "https://www.linkedin.com/in/reinhard-situmeang/",
+ },
+ {
+ name: "Shafa",
+ role: "Mobile Designer",
+ img: shafa,
+ link: "https://www.linkedin.com/in/shafasalmapermana/",
+ },
+ {
+ name: "Faried",
+ role: "Frontend Developer",
+ img: faried,
+ link: "https://www.linkedin.com/in/faried-gunawan/",
+ },
+ {
+ name: "Delkano",
+ role: "Mobile Developer",
+ img: delkano,
+ link: "https://www.linkedin.com/in/delkano-berutu-28b7482a2/",
+ },
+ {
+ name: "Yohanes",
+ role: "Backend Developer",
+ img: yohan,
+ link: "https://www.linkedin.com/in/yohanesjanuarico/",
+ },
+ {
+ name: "Reihan",
+ role: "Backend Developer",
+ img: reihan,
+ link: "https://www.linkedin.com/in/reihanramadhana/",
+ },
+ ].map((dev, index) => (
+
+
+ 
+
+
+ ))}
+
+
+ );
+};
+
+export default PartnershipsList;
diff --git a/src/Pages/RegisterDone.tsx b/src/Pages/RegisterDone.tsx
new file mode 100644
index 0000000..dd7fa9e
--- /dev/null
+++ b/src/Pages/RegisterDone.tsx
@@ -0,0 +1,31 @@
+import Footer from "../Layout/Footer";
+import Navbar from "../Layout/Navbar";
+import doneimg from "../assets/done.png";
+import { useNavigate } from "react-router-dom";
+
+const RegisterDone = () => {
+ const navigate = useNavigate();
+ return (
+
+
+
+
+
+
+
+ Partnership
+ +
+
+
+
+
+
+
+
+ | Nama | +Icon | + +Aksi | +
|---|---|---|
| {partner.nama_partner} | +{fileName} | ++ {/* Tombol View */} + + + {/* Tombol Edit */} + + + {/* Tombol Hapus */} + + | +
+ {/* Navbar Section */}
+
+ );
+};
+
+export default RegisterDone;
diff --git a/src/Pages/RegisterInternships.tsx b/src/Pages/RegisterInternships.tsx
new file mode 100644
index 0000000..3caf48b
--- /dev/null
+++ b/src/Pages/RegisterInternships.tsx
@@ -0,0 +1,306 @@
+import { useState, useEffect } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import ReCAPTCHA from "react-google-recaptcha";
+import axios from "axios";
+import Footer from "../Layout/Footer";
+import Navbar from "../Layout/Navbar";
+
+const RegisterInternships = () => {
+ const navigate = useNavigate();
+ const { id } = useParams();
+ const [posisi, setPosisi] = useState
+
+
+ {/* Content Container */}
+
+ 
+
+
+ {/* Footer */}
+
+ Lamaran diterima
+Kami akan segera memeriksa lamaran kamu. Cek email secara berkala untuk informasi selanjutnya.
+ +
+
+
+
+
+
+
+
+