feat: add AboutSummary component with personal introduction and game preview

feat: create Chip component for displaying technology tags

feat: implement ExperienceCard component to showcase job experiences

feat: add Experience component to list multiple job experiences

feat: create Footer component with social links and copyright information

feat: implement Hero component for the landing section with social links

feat: add ImageCarousel component for displaying project images

feat: create Navbar component with scroll effect and navigation links

feat: implement ProjectItem component to display individual project details

feat: add Skills component to showcase technical skills

feat: create data module with skills, jobs, and projects information

feat: define types for Skill, Job, and Project in types module

chore: update package.json with new dependencies for Tailwind CSS and Lucide icons

chore: add CV PDF file to public directory

chore: remove unused SVG files from public directory

chore: add new images for background and hero sections

feat: implement formatDate utility function for date formatting

components/experience.tsx

@@ -0,0 +1,22 @@
+import { Job } from "@/lib/types";
+import ExperienceCard from "@/components/experience-card";
+
+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>
+  );
+};
+
+export default Experience;