---
import FavouriteCard from '@components/cards/favouriteCard.astro'
import ProjectCard from '@components/cards/projectCard.astro'
import Placeholder from '@components/placeholder.astro'
import SmallTitle from '@components/titles/smallTitle.astro'
import favouritesdata from '@datafiles/favouritesdata.json'
import BaseSection from '@layouts/baseSection.astro'
import Layout from '@layouts/Layout.astro'


const description =
  "Information about my Fate/Grand Order account. This includes TA runs, my personal TA offering and other interesting stuff."
const subtext = 
  "Fate/Grand Order is a game I really love - here are some of my details you might find interesting or useful"

const projects = [
  {
    name: "TA Offering",
    description: "A listing of servants I can offer for your own TA attempts. Feel free to contact me if you need any of them.",
    url: "/servants"
  },
  {
    name: "TA Collection",
    description: "A collection of my own TA runs, as well as some community ones. See fgo-ta.com or Youtube for more.",
    url: "/ta-collection"
  }
]


const data = structuredClone(favouritesdata);
data.map((item) => { item.origin = "First 120 on NA" })
---

<Layout
  title="FGO - firq.dev"
  currentpage="fgo"
  descriptionOverride={description}
>
  <SmallTitle maintext="FGO Infos" subtext={subtext} fadeout={true} />
  <BaseSection title="Highlights">
    {data.map((item) => <FavouriteCard {...item} />)}
  </BaseSection>
  <Placeholder height="1.5rem"/>
  <BaseSection title="Infos" titleHidden={true}>
    {projects.map((item) => <ProjectCard {...item} />)}
  </BaseSection>
  <Placeholder height="1.5rem"/>
</Layout>

<style></style>