SEO images, remove services section (for the time being)

src/pages/projects/[...slug].astro

@@ -5,7 +5,11 @@ import MainLayout from "@layouts/MainLayout.astro";
 
 import { getCollection, render } from "astro:content";
 
-import { getAllProjectImages } from "@/lib/utils";
+import {
+  getAllProjectImages,
+  getFullExternalURLOfImage,
+  getProjectHero
+} from "@/lib/utils";
 
 export async function getStaticPaths() {
   const projects = await getCollection("projects");
@@ -19,9 +23,20 @@ const { project } = Astro.props;
 const { Content } = await render(project);
 
 const images = getAllProjectImages(project);
+const hero = getProjectHero(project);
+
+const seoImage: SiteImage = {
+  externalURL: await getFullExternalURLOfImage(hero),
+  src: hero.src,
+  alt: project.data.images.hero.alt
+};
 ---
 
-<MainLayout title="Projects">
+<MainLayout
+  title={project.data.title}
+  description={project.data.description}
+  image={seoImage}
+>
   <div class="w-full">
     <section id="cta" class="text-white">
       <div class="flex h-64 w-full items-center justify-center">