diff --git a/Components/Header.js b/Components/Header.js
index e7f9fc5..0f9bf0f 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -1,5 +1,6 @@
 import { Component } from "react";
 import Styles from '../styles/header.module.css';
+import Head from 'next/head';
 
 class Header extends Component {
 	constructor(props) {
@@ -13,6 +14,13 @@
                 backgroundImage:`linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
                 margin: "0"
             }} id={this.props.id ? this.props.id : null}>
+                <Head>
+                    <title>{this.props.name} - Clicks Minute Per</title>
+                    <meta name="description" content={this.props.subtext} />
+                    <meta name="og:description" content={this.props.subtext} />
+                    <meta name="theme-color" content={this.props.gradient[0]} />
+                    <meta name="og:theme-color" content={this.props.gradient[0]} />
+                </Head>
                 <img alt="" className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
                 <div className={Styles.panel}>
                     <div className={Styles.titleContainer}>