diff --git a/frontend/src/routes/__layout.svelte b/frontend/src/routes/__layout.svelte
index f3cad48..3a3723b 100644
--- a/frontend/src/routes/__layout.svelte
+++ b/frontend/src/routes/__layout.svelte
@@ -4,6 +4,15 @@
 	import Transition from '$lib/components/Transition.svelte';
 </script>
 
+<svelte:head>
+	<meta property="og:site_name" content="m0e.space" />
+	<meta property="og:image" content="/favicon.png" />
+	<meta
+		property="og:description"
+		content="We are tech cuties from Ukraine, who loves Open Source Software and hating russians"
+	/>
+</svelte:head>
+
 <main
 	class="w-full md:w-8/12 lg:w-6/12 md:rounded-4xl md:min-h-0 min-h-full flex flex-col pb-8 gap-12"
 >
diff --git a/frontend/src/routes/about.svelte b/frontend/src/routes/about.svelte
index 9670ee6..794e480 100644
--- a/frontend/src/routes/about.svelte
+++ b/frontend/src/routes/about.svelte
@@ -3,6 +3,11 @@
 	import Text from '$lib/components/Text.svelte';
 </script>
 
+<svelte:head>
+	<title>m0e.space | About</title>
+	<meta property="og:title" content="About us" />
+</svelte:head>
+
 <h1 class="text-3xl font-title text-white font-normal text-left ml-8 -mt-6 mb-2" id="title">
 	About us
 </h1>
diff --git a/frontend/src/routes/hosted.svelte b/frontend/src/routes/hosted.svelte
index af8f664..a1aef45 100644
--- a/frontend/src/routes/hosted.svelte
+++ b/frontend/src/routes/hosted.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
-	//@ts-ignore
 	import Project from '$lib/components/Project.svelte';
-	//@ts-ignore
 	import projects from '$lib/data/hosted.json';
 </script>
 
+<svelte:head>
+	<title>m0e.space | Hosted</title>
+	<meta property="og:title" content="Hosted Services" />
+</svelte:head>
+
 <h1 class="text-3xl font-title text-white font-normal text-left ml-8 -mt-6 mb-2" id="title">
 	Hosted
 </h1>
diff --git a/frontend/src/routes/index.svelte b/frontend/src/routes/index.svelte
index f29bbaa..3aa53b9 100644
--- a/frontend/src/routes/index.svelte
+++ b/frontend/src/routes/index.svelte
@@ -1,4 +1,8 @@
 <!-- <img class="h-38 w-full md:rounded-t-4xl" src="anime1.png" alt="anime girl 1" /> -->
+<svelte:head>
+	<title>m0e.space | Main Page</title>
+	<meta property="og:title" content="Main Page" />
+</svelte:head>
 
 <h1 class="text-5xl text-center m-4 font-title text-white font-normal" id="title">m0e.space</h1>
 
diff --git a/frontend/src/routes/projects.svelte b/frontend/src/routes/projects.svelte
index c50a50c..3508ddc 100644
--- a/frontend/src/routes/projects.svelte
+++ b/frontend/src/routes/projects.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
-	//@ts-ignore
 	import Project from '$lib/components/Project.svelte';
-	//@ts-ignore
 	import projects from '$lib/data/projects.json';
 </script>
 
+<svelte:head>
+	<title>m0e.space | Projects</title>
+	<meta property="og:title" content="Projects" />
+</svelte:head>
+
 <h1 class="text-3xl font-title text-white font-normal text-left ml-8 -mt-6 mb-2" id="title">
 	Projects
 </h1>