rework of experience

components/experience.tsx

@@ -1,22 +1,16 @@
 import { Job } from "@/lib/types";
-import ExperienceCard from "@/components/experience-card";
+import ExperienceTimeline from "@/components/experience-timeline";
 
-const Experience = ({ jobs }: { jobs: Job[] }) => {
-  return (
-    <div
-      id="experience"
-      className="flex flex-col items-center justify-center gap-4 p-4 rounded w-full"
-    >
-      <h3 className="mt-4 mb-2 text-5xl font-bold tracking-tight text-white">
-        Experience
-      </h3>
-      <div className="flex flex-wrap justify-center gap-4">
-        {jobs.map((job) => (
-          <ExperienceCard key={job.id} job={job} />
-        ))}
-      </div>
-    </div>
-  );
-};
+const Experience = ({ jobs }: { jobs: Job[] }) => (
+  <div
+    id="experience"
+    className="flex flex-col items-center gap-8 p-4 w-full"
+  >
+    <h3 className="mt-4 text-5xl font-bold tracking-tight text-white">
+      Experience
+    </h3>
+    <ExperienceTimeline jobs={jobs} />
+  </div>
+);
 
 export default Experience;