diff --git a/_components/header.tsx b/_components/header.tsx
index ed3ccca..f353cc9 100644
--- a/_components/header.tsx
+++ b/_components/header.tsx
@@ -1,15 +1,15 @@
 export interface Props {
-  heading: string;
-  subheading?: string;
+  title: string;
+  description?: string;
   comp: any;
 }
 
 export default function(props: Props) {
   return (
     <header className="page-header">
-      <h1>{ props.heading }</h1>
+      <h1>{ props.title }</h1>
       {props.comp.separator()}
-      <p className="subheading">{ props.subheading }</p>
+      <p className="subheading">{ props.description }</p>
     </header>
   )
 }
diff --git a/_includes/layouts/main.tsx b/_includes/layouts/main.tsx
index 5d75795..8bc2f5b 100644
--- a/_includes/layouts/main.tsx
+++ b/_includes/layouts/main.tsx
@@ -1,10 +1,10 @@
-export default function({ title, header, children, comp }) {
+export default function({ title, description, children, comp }) {
   return (
     <html>
       <head>
         <meta charSet="utf-8"/>
-        <title>{ title }</title>
-        <meta name="description" content="Hello, my name is Foster Hangdaan. I am a software developer and open-source enthusiast."/>
+        <title>{title}</title>
+        <meta name="description" content={description}/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/styles/main.css"/>
         <link rel="icon" type="image/png" href="/icons/tabicon-16.png" sizes="16x16" />
@@ -15,7 +15,7 @@ export default function({ title, header, children, comp }) {
       </head>
       <body>
         { comp.navbar() }
-        { comp.header(header) }
+        { comp.header({title, description}) }
         { children }
         { comp.separator() }
         { comp.footer() }
diff --git a/_includes/styles/components/header.scss b/_includes/styles/components/header.scss
index 557a74e..4d281d7 100644
--- a/_includes/styles/components/header.scss
+++ b/_includes/styles/components/header.scss
@@ -5,13 +5,13 @@ .page-header {
   max-width: var(--page--max-width);
   text-align: center;
   h1 {
-    margin-top: 0;
+    margin: 0;
     background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
-  .subheading {
+  p.subheading {
     font-style: italic;
   }
 }
diff --git a/gpg-key.tsx b/gpg-key.tsx
index c5da39a..b4a3af6 100644
--- a/gpg-key.tsx
+++ b/gpg-key.tsx
@@ -1,9 +1,6 @@
-export const title = "GPG Key - Foster Hangdaan";
+export const title = "GPG Key";
 
-export const header = {
-  heading: "GPG Key",
-  subheading: "Information about my public GPG key and how to obtain it.",
-};
+export const description = "Information about my public GPG key and how to obtain it.";
 
 const gpgFingerprint = `
 pub   ed25519/E48D7F49A852F112 2023-07-14 [SC]
diff --git a/index.tsx b/index.tsx
index ea6ba5a..dc2e882 100644
--- a/index.tsx
+++ b/index.tsx
@@ -1,9 +1,6 @@
-export const header = {
-  heading: "Hi! My name is Foster",
-  subheading: "Congratulations, stranger. You have found the personal website of Foster Hangdaan.",
-};
+export const description = "Software developer and open-source enthusiast.";
 
-export default function({ comp }) {
+export default function() {
   return (
     <>
       <section>
diff --git a/resume.tsx b/resume.tsx
index 681b89c..c0c82af 100644
--- a/resume.tsx
+++ b/resume.tsx
@@ -1,9 +1,6 @@
-export const title = "Resume - Foster Hangdaan";
+export const title = "Resume";
 
-export const header = {
-  heading: "Resume",
-  subheading: <span><a href="https://static.fosterhangdaan.com/documents/foster-hangdaan-resume.pdf" download>Download my resume</a>.</span>,
-};
+export const description = "My experience, skills, education, etc.";
 
 export default function() {
   return (
