diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index dc248b2..657759d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -5,9 +5,11 @@ import Nav from "../components/Nav.astro"
 
 export interface Props {
 	page: string
+	title?: string
+	description: string
 }
 
-const { page } = Astro.props
+const { page, title = page, description } = Astro.props
 ---
 
 <!DOCTYPE html>
@@ -35,12 +37,8 @@ const { page } = Astro.props
 		/>
 		<link rel="manifest" href="/site.webmanifest" />
 		<meta name="generator" content={Astro.generator} />
-		<meta content="Henry Hiles" property="og:title" />
-		<meta
-			content="The website of full stack .NET developer & Discord bot developer Henry Hiles."
-			property="og:description"
-		/>
-		<meta content="https://henryhiles.com" property="og:url" />
+		<meta content={title} property="og:title" />
+		<meta content={description} property="og:description" />
 		<meta content="/images/favicon.ico" property="og:image" />
 		<meta content="#14bc9d" data-react-helmet="true" name="theme-color" />
 		<title>Henry Hiles - {page}</title>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e7a68f3..91710cc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,7 +6,11 @@ import Layout from "../layouts/Layout.astro"
 import "../styles/Home.css"
 ---
 
-<Layout page={"Home"}>
+<Layout
+	page="Home"
+	title="Henry Hiles"
+	description="Full Stack Web Developer and Discord Bot Developer"
+>
 	<main>
 		<Jumbo />
 		<Portfolio />
diff --git a/src/pages/projects/[route].astro b/src/pages/projects/[route].astro
index f90de43..93f6ba8 100644
--- a/src/pages/projects/[route].astro
+++ b/src/pages/projects/[route].astro
@@ -16,7 +16,7 @@ const project = projects.find((project) => project.route === projectRoute)
 if (project == null) return
 ---
 
-<Layout page={project.name}>
+<Layout page={project.name} description={project.description}>
 	<main>
 		<section id={styles.jumbo}>
 			<h1 class={styles.title}>{project.name}</h1>
