---
import Layout from '@layouts/Layout.astro'

import ContactSection from '@layouts/contactSection.astro'

import CustomFooter from '@layouts/customFooter.astro'
import TechnologyCard from '@components/cards/technologyCard.astro'
import technologydata from '@datafiles/technologydata.json'
import SmallTitle from '@components/titles/smallTitle.astro'
import Placeholder from '@components/placeholder.astro'

const description =
  "A summary of the technologies used as well as my contact information. You'll also find disclaimers and thank you notes for the people that helped me."
const subtext = 
  "This is a small sideproject that I'm creating. First time doing webdev in general, and first project using Typescript."
---

<Layout
  title="About - firq.dev"
  currentpage="about"
  descriptionOverride={description}
>
  <SmallTitle maintext="About this site" subtext={subtext} fadeout={true} />
  <ContactSection title="Powered by">
    {technologydata.map((item) => <TechnologyCard {...item} />)}
  </ContactSection>
  <ContactSection title="Disclaimers">
    <CustomFooter />
  </ContactSection>
  <Placeholder height="1.5rem"/>
</Layout>

<style></style>