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
23 lines
607 B
TypeScript
23 lines
607 B
TypeScript
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;
|