---
import { getCollection } from 'astro:content';
import Layout from '../../layouts/Default.astro';
import ProjectList from '../../components/project/ProjectList.astro';

const projects = await getCollection('projects').then((collection) =>
  collection.reverse()
);
---

<Layout
  title='Projects'
  description='My Projects | On this page you can find my projects'
  pageTitle='My Projects'
>
  <main class='bg-[#8FBC8F] p-6'>
    <ProjectList projects={projects} />
  </main>
</Layout>