From 43858ce798be396042423a54f8eb2a3013b467e8 Mon Sep 17 00:00:00 2001
From: Yolando <yolandomanullang@gmail.com>
Date: Fri, 3 Apr 2026 17:34:42 +0700
Subject: [PATCH] feat: implement dynamic experience section with database
 integration and localization support

---
 messages/en.json                               | 6 +++---
 messages/id.json                               | 6 +++---
 src/features/experience/experience-section.tsx | 5 ++---
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/messages/en.json b/messages/en.json
index 5dd23d3..7f71d16 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -20,9 +20,9 @@
     "scroll": "Scroll"
   },
   "Experience": {
-    "badge": "Career Journey",
-    "title": "Experience & Evolution",
-    "subtitle": "A timeline of building enterprise-grade systems in the banking technology industry.",
+    "badge": "Track Record",
+    "title": "Professional Experience",
+    "subtitle": "My journey in designing and developing enterprise-grade systems",
     "jobs": {
       "enterprise": {
         "year": "2024 — Present",
diff --git a/messages/id.json b/messages/id.json
index 8214e28..9a594b9 100644
--- a/messages/id.json
+++ b/messages/id.json
@@ -20,9 +20,9 @@
     "scroll": "Scroll"
   },
   "Experience": {
-    "badge": "Perjalanan Karir",
-    "title": "Pengalaman & Evolusi",
-    "subtitle": "Garis waktu (timeline) membangun sistem skala enterprise di industri teknologi perbankan.",
+    "badge": "Rekam Jejak",
+    "title": "Pengalaman Profesional",
+    "subtitle": "Perjalanan saya dalam merancang dan mengembangkan sistem berskala enterprise",
     "jobs": {
       "enterprise": {
         "year": "2024 — Sekarang",
diff --git a/src/features/experience/experience-section.tsx b/src/features/experience/experience-section.tsx
index d7ac4e6..df9fac4 100644
--- a/src/features/experience/experience-section.tsx
+++ b/src/features/experience/experience-section.tsx
@@ -37,7 +37,6 @@ export async function ExperienceSection() {
       <div className="max-w-5xl mx-auto px-6">
         <AnimatedSection>
           <SectionHeading
-            badge={t("badge")}
             title={t("title")}
             subtitle={t("subtitle")}
           />
@@ -61,13 +60,13 @@ export async function ExperienceSection() {
               {timelineData.map((item, index) => (
                 <AnimatedSection key={item.id} delay={index * 0.15}>
                   <div
-                    className={`relative flex flex-col md:flex-row items-start gap-6 md:gap-12 ${
+                    className={`relative flex flex-col md:flex-row items-start gap-8 md:gap-24 ${
                       index % 2 === 0 ? "md:flex-row" : "md:flex-row-reverse"
                     }`}
                   >
                     {/* Content */}
                     <div
-                      className={`flex-1 ml-16 md:ml-0 ${
+                      className={`flex-1 ml-20 md:ml-0 ${
                         index % 2 === 0 ? "md:text-right" : "md:text-left"
                       }`}
                     >