feat. add real work experience section and update types

src/pages/Home.tsx

@@ -1,5 +1,6 @@
 import { Hero } from "../sections/Hero";
-import type { MiniProject, Experience, Project } from "../types";
+import { WorkExperience } from "../sections/WorkExperience";
+import type { MiniProject, Experience, Project, RealWork } from "../types";
 import { ProjectCard } from "../components/ProjectCard";
 import { MiniProjectCard } from "../components/MiniProjectCard";
 import { ExperienceCard } from "../components/ExperienceCard";
@@ -18,6 +19,7 @@ interface HomeProps {
   setSelectedMiniProject: (p: MiniProject) => void;
   experiences: Experience[];
   setSelectedExperience: (e: Experience) => void;
+  realWork: RealWork[];
 }
 
 export function Home({
@@ -34,6 +36,7 @@ export function Home({
   setSelectedMiniProject,
   experiences,
   setSelectedExperience,
+  realWork,
 }: HomeProps) {
   const groupedExperiences = experiences.reduce(
     (acc, exp) => {
@@ -48,16 +51,16 @@ export function Home({
 
   const rewriteType = (type: string) => {
     switch (type) {
-      case "language":
+      case "languages":
         return "Languages";
-      case "service":
-        return "Services";
-      case "platform":
+      case "software":
+        return "Software";
+      case "plattforms":
         return "Platforms";
-      case "real life experience":
-        return "Real Life Experience";
-      case "roles":
-        return "Roles";
+      case "experience":
+        return "Experience";
+      case "other":
+        return "Other";
       default:
         return type.charAt(0).toUpperCase() + type.slice(1);
     }
@@ -76,6 +79,8 @@ export function Home({
         oldUsernames={oldUsernames}
       />
 
+      <WorkExperience realWork={realWork} />
+
       <section className="w-full max-w-6xl space-y-12">
         <div className="text-center space-y-4">
           <h2 className="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">