---
import AboutText from '@components/aboutText.astro'
import FavouriteCard from '@components/cards/favouriteCard.astro'
import Placeholder from '@components/placeholder.astro'
import Hi from '@components/titles/title.astro'
import favouritesdata from '@datafiles/favouritesdata.json'
import Layout from '@layouts/Layout.astro'
import BaseSection from '@layouts/baseSection.astro'

const description =
  'The very own page of Firq for providing informating about TA servants, listing past TA achievements and hosting a blog for talking about FGO, Programming and other stuff'
---

<Layout
  title="Home - Firq FGO Site"
  currentpage="home"
  descriptionOverride={description}
>
  <Hi />
  <BaseSection title="About me">
    <AboutText/>
  </BaseSection>
  <BaseSection title="Favourites">
    {favouritesdata.map((item) => <FavouriteCard {...item} />)}
  </BaseSection>
  <Placeholder height="1.5rem"/>
</Layout>

<style></style>