---
import Layout from '../layouts/Layout.astro';
import BaseSection from '../layouts/baseSection.astro';
import TaSection from '../layouts/taSection.astro';
import ContactSection from '../layouts/contactSection.astro';
import CustomFooter from '../layouts/customFooter.astro';

import ServantCard from '../components/servantCard.astro';
import CeCard from '../components/ceCard.astro';
import TaCard from '../components/taCard.astro';
import ContactCard from '../components/contactCard.astro';

import servantdata from '../../static/_servantdata.json'
import cedata from '../../static/_cedata.json'
import tadata from '../../static/_tadata.json'
import contactdata from '../../static/_contactdata.json'

---

<Layout title="Firq TA on Astro">
	<BaseSection title="Servant Offering">
		{servantdata.map((item) => (<ServantCard {...item}/>))}
	</BaseSection>
	<BaseSection title="CE Offering">
		{cedata.map((item) => (<CeCard {...item}/>))}
	</BaseSection>
	<TaSection title="Completed TAs">
		{tadata.map((item) => (<TaCard {...item}/>))}
	</TaSection>
	<CustomFooter />
</Layout>

<style>
</style>