diff --git a/apps/main/src/app.html b/apps/main/src/app.html
index 8fbade9..55e336e 100644
--- a/apps/main/src/app.html
+++ b/apps/main/src/app.html
@@ -4,6 +4,11 @@
         <meta charset="utf-8" />
         <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="developomp's website" />
+        <meta name="theme-color" content="#000000" />
+        <meta property="og:image" content="/icon.png" />
+        <meta property="og:type" content="website" />
+        <title>developomp</title>
         %sveltekit.head%
     </head>
     <body data-sveltekit-preload-data="hover">
diff --git a/apps/main/src/routes/+layout.svelte b/apps/main/src/routes/+layout.svelte
index f3ae515..a6dbcf7 100644
--- a/apps/main/src/routes/+layout.svelte
+++ b/apps/main/src/routes/+layout.svelte
@@ -8,13 +8,6 @@
     import Navbar from "../components/Navbar.svelte"
 </script>
 
-<svelte:head>
-    <meta name="description" content="developomp's website" />
-    <meta name="theme-color" content="#000000" />
-    <meta property="og:image" content="/icon.png" />
-    <meta property="og:type" content="website" />
-</svelte:head>
-
 <!-- prevent flickering while theme is loading -->
 {#if browser}
     <div
diff --git a/apps/main/src/routes/+page.svelte b/apps/main/src/routes/+page.svelte
index 4864acf..e218c56 100644
--- a/apps/main/src/routes/+page.svelte
+++ b/apps/main/src/routes/+page.svelte
@@ -22,10 +22,6 @@
     }
 </script>
 
-<svelte:head>
-    <title>developomp</title>
-</svelte:head>
-
 <img
     class={"logo " +
         css`
