From 87f61148070ec0f29c0e01c788b2c8ce8acd3769 Mon Sep 17 00:00:00 2001
From: Yolando <yolandomanullang@gmail.com>
Date: Sat, 11 Apr 2026 01:33:18 +0700
Subject: [PATCH] feat: add education section with dynamic timeline component
 fetching from database

---
 src/features/education/education-section.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/features/education/education-section.tsx b/src/features/education/education-section.tsx
index f72dfd3..4a91928 100644
--- a/src/features/education/education-section.tsx
+++ b/src/features/education/education-section.tsx
@@ -60,7 +60,7 @@ export async function EducationSection() {
                         index % 2 === 0 ? "md:text-right" : "md:text-left"
                       }`}
                     >
-                      <span className="inline-block font-mono text-xs text-sky-500 font-semibold tracking-wider uppercase mb-2">
+                      <span className="inline-block font-mono text-xs text-accent font-semibold tracking-wider uppercase mb-2">
                         {item.period}
                       </span>
                       <h3 className="text-xl font-bold mb-1">
@@ -71,7 +71,7 @@ export async function EducationSection() {
                           index % 2 === 0 ? "md:justify-end" : "md:justify-start"
                         }`}
                       >
-                        <School size={14} className="text-sky-500/70" />
+                        <School size={14} className="text-accent/70" />
                         <span>{item.institution}</span>
                       </div>
 
@@ -88,7 +88,7 @@ export async function EducationSection() {
                             </span>
                           )}
                           {item.gpa && (
-                            <span className="inline-flex items-center gap-1.5 rounded-full bg-sky-500/10 px-3 py-1 text-xs text-sky-600 dark:text-sky-400">
+                            <span className="inline-flex items-center gap-1.5 rounded-full bg-accent/10 px-3 py-1 text-xs text-accent">
                               {t("gpaLabel")}: {item.gpa}
                             </span>
                           )}
@@ -102,8 +102,8 @@ export async function EducationSection() {
                       )}
 
                       {item.finalProjectUrl && (
-                        <div className="inline-flex max-w-md flex-col gap-3 rounded-2xl border border-sky-500/15 bg-sky-500/5 p-4">
-                          <span className="text-[10px] font-mono font-bold uppercase tracking-[0.2em] text-sky-600 dark:text-sky-400">
+                        <div className="inline-flex max-w-md flex-col gap-3 rounded-2xl border border-accent/15 bg-accent/5 p-4">
+                          <span className="text-[10px] font-mono font-bold uppercase tracking-[0.2em] text-accent">
                             {t("finalProjectLabel")}
                           </span>
                           {item.finalProjectTitle && (
@@ -115,7 +115,7 @@ export async function EducationSection() {
                             href={item.finalProjectUrl}
                             target="_blank"
                             rel="noopener noreferrer"
-                            className="inline-flex items-center gap-2 text-sm font-medium text-sky-600 hover:text-sky-700 dark:text-sky-400 dark:hover:text-sky-300 transition-colors"
+                            className="inline-flex items-center gap-2 text-sm font-medium text-accent hover:text-accent/80 transition-colors"
                           >
                             {t("viewFinalProject")}
                             <ExternalLink size={14} />
@@ -124,7 +124,7 @@ export async function EducationSection() {
                       )}
                     </div>
 
-                    <div className="absolute left-0 md:left-1/2 md:-translate-x-1/2 top-0 w-12 h-12 rounded-xl bg-card border-2 border-sky-500/30 flex items-center justify-center text-sky-500 shadow-lg shadow-sky-500/10 z-10">
+                    <div className="absolute left-0 md:left-1/2 md:-translate-x-1/2 top-0 w-12 h-12 rounded-xl bg-card border-2 border-accent/30 flex items-center justify-center text-accent shadow-lg shadow-accent/10 z-10">
                       {item.icon}
                     </div>