diff --git a/tubearchivist/www/src/components/CustomHead.tsx b/tubearchivist/www/src/components/CustomHead.tsx
new file mode 100644
index 0000000..3307ccb
--- /dev/null
+++ b/tubearchivist/www/src/components/CustomHead.tsx
@@ -0,0 +1,50 @@
+import Head from "next/head";
+
+export const CustomHead = ({ title }: { title: string }) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* {% if title %} */}
+ TA | {{ title }}
+ {/* {% else %} */}
+ TubeArchivist
+ {/* {% endif %} */}
+ {/* {% if colors == "dark" %} */}
+ {/* */}
+ {/* {% else %} */}
+ {/* */}
+ {/* {% endif %} */}
+
+ );
+};