add new sections

Author: gulec2000

.emergent/emergent.yml

@@ -1,5 +1,5 @@
 {
   "env_image_name": "fastapi_react_mongo_shadcn_base_image_cloud_arm:release-31032026-1",
   "job_id": "71c74e10-8a8b-4b1b-9260-983562c1e2b0",
-  "created_at": "2026-04-02T13:33:37.077497+00:00Z"
+  "created_at": "2026-04-02T13:55:36.971576+00:00Z"
 }

.gitignore

@@ -95,3 +95,7 @@ android-sdk/-e
 # Environment files
 *.env
 *.env.*
+-e 
+# Environment files
+*.env
+*.env.*

frontend/src/components/Experience.js

@@ -37,12 +37,15 @@ export default function Experience() {
               <div className="absolute left-0 top-1.5 w-[15px] h-[15px] rounded-full border-2 border-amber-500 bg-[#0A0A0A]" />
 
               <div className="border border-zinc-800 rounded-sm p-5 hover:border-zinc-700 transition-colors bg-[#121212]/50">
-                <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-1 mb-3">
+                <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-1 mb-1">
                   <h3 className="font-heading text-lg font-semibold text-white">
                     {job.title} <span className="text-zinc-500">@</span> {job.company}
                   </h3>
                   <span className="font-mono text-xs tracking-wider text-amber-500">{job.period}</span>
                 </div>
+                {job.subtitle && (
+                  <p className="font-mono text-xs text-zinc-300 italic mb-3">{job.subtitle}</p>
+                )}
                 <ul className="space-y-2">
                   {job.bullets.map((b, j) => (
                     <li key={j} className="font-mono text-xs leading-relaxed text-zinc-400 flex gap-2">

frontend/src/components/Skills.js

@@ -48,6 +48,28 @@ export default function Skills() {
             </motion.div>
           ))}
         </div>
+
+        {/* Certifications */}
+        {t.skills.certifications && (
+          <div className="mt-12">
+            <h3 className="font-heading text-xl font-bold uppercase tracking-tight text-white mb-2">
+              {t.skills.certTitle}
+            </h3>
+            <div className="h-px w-12 bg-amber-500 mb-6" />
+            <div className="flex flex-wrap gap-2">
+              {t.skills.certifications.map((cert) => (
+                <span
+                  key={cert}
+                  data-testid={`cert-${cert.toLowerCase().replace(/[\s:\/&]/g, "-")}`}
+                  className="font-mono text-[11px] tracking-wider text-amber-500/80 border border-zinc-800 bg-[#121212]/60 px-3 py-1.5 rounded-sm hover:border-amber-500/40 hover:bg-[#121212] transition-colors cursor-default"
+                >
+                  <i className="fa-solid fa-certificate text-[9px] mr-1.5 opacity-60" />
+                  {cert}
+                </span>
+              ))}
+            </div>
+          </div>
+        )}
       </div>
     </section>
   );