feat: add Simadun project and update education section

app/about/(education)/education.jsx

@@ -28,19 +28,34 @@ export default function Education() {
 							<h3 className="text-md font-normal mb-3">
 								S1 Teknik Informatika | Computer Science
 							</h3>
-							<div className="grid gap-4 mb-4 grayscale hover:grayscale-0 transition-all ease duration-300">
-								<Image
-									src={Me4}
-									width={400}
-									height={225}
-									alt="University"
-									className="rounded-lg"
-									style={{
-										aspectRatio: "16/9",
-										objectFit: "cover",
-										width: "100%",
-									}}
-								/>
+							<div className="gap-4 mb-4 flex items-stretch md:h-[300px] xl:h-[400px]">
+								<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
+									<Image
+										src={Me4}
+										width={400}
+										height={225}
+										alt="University"
+										className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
+									/>
+								</div>
+								<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
+									<Image
+										src={Me4}
+										width={400}
+										height={225}
+										alt="University"
+										className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
+									/>
+								</div>
+								<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
+									<Image
+										src={Me4}
+										width={400}
+										height={225}
+										alt="University"
+										className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
+									/>
+								</div>
 							</div>
 							<div className="flex items-center gap-2">
 								<p className="text-justify">
@@ -60,13 +75,13 @@ export default function Education() {
 							</div>
 						</div>
 					</div>
-					<div className="flex flex-col justify-start ">
-            <h2 className="font-semibold text-xl mt-7">
-              Achievements
-            </h2>
-            <p className="text-md font-normal mb-3 md:mb-12">
-              Some of my achievements during my study.
-            </p>
+					<div className="flex flex-col justify-start px-5 md:px-0">
+						<h2 className="font-semibold text-xl mt-7">
+							Achievements
+						</h2>
+						<p className="text-md font-normal mb-3 md:mb-12">
+							Some of my achievements during my study.
+						</p>
 						<div className="flex items-center gap-4 mb-4">
 							<div className="aspect-square w-10 rounded-full bg-black flex items-center justify-center text-primary-foreground">
 								<FontAwesomeIcon
@@ -76,11 +91,11 @@ export default function Education() {
 							</div>
 							<div>
 								<h3 className="font-medium">
-									Special Award | Gold Medal | Incubation Opportunity
+									Special Award | Gold Medal | Incubation
+									Opportunity
 								</h3>
 								<p className="text-sm">
-									Indonesia Inventor Day 2024 (IID) | Aug
-									2024
+									Indonesia Inventor Day 2024 (IID) | Aug 2024
 								</p>
 							</div>
 						</div>
@@ -96,8 +111,8 @@ export default function Education() {
 									3rd place (Bronze Medal)
 								</h3>
 								<p className="text-sm">
-									Student Digital Innovation Competition (LIDM) | Jun
-									2024
+									Student Digital Innovation Competition
+									(LIDM) | Jun 2024
 								</p>
 							</div>
 						</div>
@@ -113,8 +128,7 @@ export default function Education() {
 									3rd place (Bronze Medal)
 								</h3>
 								<p className="text-sm">
-									Fesmaro UI/UX Design | Jun
-									2024
+									Fesmaro UI/UX Design | Jun 2024
 								</p>
 							</div>
 						</div>
@@ -128,7 +142,8 @@ export default function Education() {
 							<div>
 								<h3 className="font-medium">Finalist</h3>
 								<p className="text-sm">
-									36th National Student Science Week (PIMNAS) | Nov 2023
+									36th National Student Science Week (PIMNAS)
+									| Nov 2023
 								</p>
 							</div>
 						</div>
@@ -144,7 +159,8 @@ export default function Education() {
 									3rd place (Bronze Medal)
 								</h3>
 								<p className="text-sm">
-									FORKAFEST 3.0 Web Development competition | Jan 2023
+									FORKAFEST 3.0 Web Development competition |
+									Jan 2023
 								</p>
 							</div>
 						</div>

app/projects/[slug]/page.jsx

@@ -1,7 +1,7 @@
 "use client";
 import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
-import jsonData from "../../../json/data.json";
+import jsonData from "@/json/data.json";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faGithub } from "@fortawesome/free-brands-svg-icons";

app/projects/data/projects.js

@@ -1,4 +1,4 @@
-
+import Simadun from "@/public/projects/main-project/simadun.png";
 import Trivia from "@/public/projects/main-project/trivia.png";
 import SakuSenyum from "@/public/projects/main-project/saku-senyum.png";
 import LUDOang from "@/public/projects/main-project/ludo.png";
@@ -27,6 +27,15 @@ export const projects = [
 		slug: "saku-senyum",
 		category: 1,
 	},
+	{
+		title: "Simadun",
+		desc: "Simadun is a exam management system for doctoral that I created as a Fullstack Developer. This project created using Laravel, Bootstrap, and JQuery.",
+		year: "2024",
+		tech: "PHP, Laravel, Bootstrap, JQuery, MySQL, Datatables",
+		bg: Simadun,
+		slug: "simadun",
+		category: 1,
+	},
 	{
 		title: "LUDOang",
 		desc: "LUDOang is a game created using python and pygame. This game is inspired by LUDO game.",

json/data.json

@@ -46,6 +46,32 @@
       ], 
       "slug": "saku-senyum"
     },
+    {
+      "title": "Simadun",
+      "desc": [
+        "Simadun is an Exam Management System developed for doctoral students in the Department of Electrical Engineering and Informatics Universitas Negeri Malang. The system facilitates the management of five different types of examinations, allowing students to apply for exams with ease. Professors and program heads can efficiently oversee the exam processes.",
+        
+        "With Simadun, students can submit their exam applications online, track their application status, and receive timely notifications regarding their exam schedules. Program heads and relevant lecturers have access to comprehensive dashboards where they can manage exam requests, allocate resources, and monitor overall exam logistics. "
+      ],
+      "year": "2024",
+      "images": [
+        "/projects/simadun/simadun1.png",
+        "/projects/simadun/simadun2.png",
+        "/projects/simadun/simadun3.png",
+        "/projects/simadun/simadun4.png",
+        "/projects/simadun/simadun5.png"
+      ],
+      "tech": [
+        "PHP",
+        "Laravel",
+        "Bootstrap",
+        "MySQL",
+        "jQuery",
+        "DataTables"
+
+      ], 
+      "slug": "simadun"
+    },
     {
       "title": "LUDOang",
       "desc": [