---
import Layout from '../layouts/Layout.astro';
import BaseSection from '../layouts/baseSection.astro';
import CustomFooter from '../layouts/customFooter.astro';

import ServantCard from '../components/servantCard.astro';
import servantdata from '../../static/_servantdata.json'

import CeCard from '../components/ceCard.astro';
import cedata from '../../static/_cedata.json'

---

<Layout title="Servants" currentpage="servants">
	<BaseSection title="Servant Offering">
		{servantdata.map((item) => (<ServantCard {...item}/>))}
	</BaseSection>
	<BaseSection title="CE Offering">
		{cedata.map((item) => (<CeCard {...item}/>))}
	</BaseSection>
	<CustomFooter />
</Layout>

<style>
</style>