---
import CeCard from '@components/cards/ceCard.astro'
import ServantCard from '@components/cards/servantCard.astro'
import Placeholder from '@components/placeholder.astro'
import SmallTitle from '@components/titles/smallTitle.astro'
import cedata from '@datafiles/cedata.json'
import servantdata from '@datafiles/servantdata.json'
import Layout from '@layouts/Layout.astro'
import ServantSection from '@layouts/servantSection.astro'

const description =
  'A list of all the servants and ces that Firq can offer up on support for TA.'
---

<Layout
  title="Servants - firq.dev"
  currentpage="fgo"
  descriptionOverride={description}
>
  <SmallTitle maintext='TA Offering' subtext='Servants and CEs I can offer for your TAs' fadeout={true} baseurl='fgo' returnbutton={true} buttontext='FGO'/>
  <ServantSection title="Servants">
    {servantdata.map((item, index) => <ServantCard {...item} index={index} />)}
  </ServantSection>
  <Placeholder height="2.5rem"/>
  <ServantSection title="CEs">
    {cedata.map((item) => <CeCard {...item} />)}
  </ServantSection>
  <Placeholder height="2.5rem"/>
</Layout>

<style></style>