import Hero from "@/components/content/Hero";
import type { Metadata } from "next";
import ProjectCard from "@/components/content/ProjectCard";
import { projects } from "@/constants";

export const metadata: Metadata = {
  title: "Projects — Angel Mankel",
};

export default function ProjectsPage() {
  return (
    <>
      <div className="mb-15">
        <Hero label="Projects" subtitle="Selected work, written as postmortems." />
      </div>

      {projects.map((project, index) => (
        <ProjectCard key={index} {...project} />
      ))}
    </>
  );
}
