<script lang="ts">
	import JobCard from './JobCard.svelte';
	import PageHeader from './PageHeader.svelte';
	import { qiDescription, qiAccomplish } from './qiData';
	import { rannesDescription, rannesAccomplish } from './rannesDevData';
</script>

<div class="flex flex-col gap-4">
	<PageHeader />
	<JobCard
		title="Full Stack Developer"
		company="Quantified Impacts"
		start="Aug. 2024"
		end="Present"
		jobDescription={qiDescription}
		accomplishments={qiAccomplish}
	/>
	<JobCard
		title="Owner"
		company="Rannes.dev"
		start="Dec. 2024"
		end="Present"
		jobDescription={rannesDescription}
		accomplishments={rannesAccomplish}
	/>
</div>
