---
import Layout from "@layouts/Layout.astro";
import HeroCard from "@components/HeroCard.astro";

const collection = "resources";

const wiki = {
  id: "wiki",
  collection,
  body: "My knowledge base",
  data: {
    title: "Wiki",
    icon: "🧠",
  },
};

const articles = {
  id: "Articles",
  collection,
  body: "Articles saved",
  data: {
    title: "Articles",
    icon: "📰",
  },
};

const recipes = {
  id: "Recipes",
  collection,
  body: "Recipes",
  data: {
    title: "Recipes",
    icon: "🍲",
  },
};

const movies = {
  id: "Movies",
  collection,
  body: "Movies",
  data: {
    title: "Movies",
    icon: "🎥",
  },
};

const series = {
  id: "Series",
  collection,
  body: "Series",
  data: {
    title: "Series",
    icon: "📺",
  },
};
---

<Layout title="Max Richter">
  <HeroCard post={wiki} />
  <HeroCard post={recipes} />
  <HeroCard post={articles} />
  <HeroCard post={movies} />
  <HeroCard post={series} />
</Layout>