commit-rocket
diff --git a/‎package-lock.json
+45 b/‎package-lock.json
+45
diff --git a/‎package.json
+1-1 b/‎package.json
+1-1
diff --git a/‎src/assets/state/team.tsx
+3 b/‎src/assets/state/team.tsx
+3
diff --git a/‎src/components/head/OgArticleMeta.tsx
-29 b/‎src/components/head/OgArticleMeta.tsx
-29
diff --git a/‎src/components/head/OgImageMeta.tsx
-37 b/‎src/components/head/OgImageMeta.tsx
-37
diff --git a/‎src/components/head/OgMeta.tsx
-48 b/‎src/components/head/OgMeta.tsx
-48
diff --git a/‎src/components/head/OgProfileMeta.tsx
-23 b/‎src/components/head/OgProfileMeta.tsx
-23
diff --git a/‎src/components/head/utils/toOpenGraph.tsx
-35 b/‎src/components/head/utils/toOpenGraph.tsx
-35
diff --git a/‎src/pages/404.tsx
+4-2 b/‎src/pages/404.tsx
+4-2
diff --git a/‎src/pages/_app.tsx
+13-2 b/‎src/pages/_app.tsx
+13-2
diff --git a/‎src/pages/_document.tsx
-1 b/‎src/pages/_document.tsx
-1
diff --git a/‎src/pages/about.tsx
+3-2 b/‎src/pages/about.tsx
+3-2
@@ -42,4 +42,4 @@
     "postcss": "^8.4.21",
     "tailwindcss": "^3.2.7"
   }
-}
+}
@@ -18,6 +18,9 @@ export const people = {
   "rik": {
     image: RikPicture,
     fullName: "Rik den Breejen",
+    firstName: "Rik",
+    lastName: "den Breejen",
+    gender: "Male",
     title: "Lead Developer & Founder",
     links: [
       {
 
@@ -8,13 +8,15 @@ import LinkButton from "@/components/controls/LinkButton";
 import Button from "@/components/controls/Button";
 import Heading from "@/components/layout/heading";
 
-const NotFound: Page = ({ }) => {
+import { makeOgMeta } from "@/utils/opengraph";
+
+const NotFound: Page = ({ pathname }) => {
   const router = useRouter();
 
   return (
     <>
       <Head>
-        <title>404 - Commit Rocket</title>
+        {makeOgMeta({ title: "404", pathname })}
       </Head>
       <main className="flex items-center justify-center flex-1 w-full pb-8" aria-labelledby="not-found">
         <div className="flex flex-col gap-2 p-8 text-center border-2 rounded-md border-primary">
 
@@ -3,11 +3,15 @@ import '@/styles/main.css';
 import { useCallback, useEffect, useRef, useState } from "react";
 import { motion, useReducedMotion, MotionConfig, AnimatePresence } from "framer-motion";
 import type { AppProps } from 'next/app';
-import Head from "next/head";
 
 import Header from "@/components/navigation/Header";
 import Footer from "@/components/navigation/Footer";
 import GoogleAnalytics from "@/components/analytics/GoogleAnalytics";
+import Head from "next/head";
+
+import BannerImage from "@/assets/images/brand/commit-rocket-logo.webp"
+
+import { makeOgMeta } from "@/utils/opengraph";
 
 
 const pageTransition = {
@@ -56,10 +60,17 @@ export default function App({ Component, pageProps, router }: AppProps) {
       });
     }, 1);
   }, []);
-  console.log(router);
 
   return (
     <MotionConfig reducedMotion="user">
+      <Head>
+        {makeOgMeta({
+          title: "Commit Rocket",
+          description: "Commit Rocket, the next-gen git client",
+          image: BannerImage,
+          imageAlt: "Commit Rocket Logo"
+        })}
+      </Head>
       <GoogleAnalytics />
       <div className="flex flex-col font-sans">
         <Header />
 
@@ -1,4 +1,3 @@
-import OgMeta from "@/components/head/OgMeta";
 import { Head, Html, Main, NextScript } from 'next/document';
 
 export default function Document() {
 
@@ -7,12 +7,13 @@ import projects from "@/assets/state/projects";
 
 import Heading from "@/components/layout/heading";
 import Project from "@/components/pages/about/Project";
+import { makeOgMeta } from "@/utils/opengraph";
 
-const AboutPage: Page = () => {
+const AboutPage: Page = ({ pathname }) => {
   return (
     <>
       <Head>
-        <title>About - Commit Rocket</title>
+        {makeOgMeta({ title: "About", pathname })}
       </Head>
       <main aria-labelledby="about" className="flex flex-col flex-1 w-full gap-8 pb-8 max-w-7xl">
         <Heading.H1 id="about" className="text-center text-secondary">
Original file line number	Diff line number	Diff line change
`@@ -42,4 +42,4 @@`
`42`	`42`	`"postcss": "^8.4.21",`
`43`	`43`	`"tailwindcss": "^3.2.7"`
`44`	`44`	`}`
`45`		`-}`
	`45`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import OgMeta from "@/components/head/OgMeta";`
`2`	`1`	`import { Head, Html, Main, NextScript } from 'next/document';`
`3`	`2`
`4`	`3`	`export default function Document() {`