diff --git a/src/app/layout.js b/src/app/layout.js
index 3ecee4a..4bc2e14 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -7,7 +7,7 @@ import {ModeToggle} from "@/components/mode-toggle";
 import Burger from "@/components/burger";
 import {usePathname} from "next/navigation";
 import Head from "next/head";
-
+import Title from "@/components/title";
 
 export default function RootLayout({children}) {
     const pathname = usePathname();
@@ -39,11 +39,9 @@ export default function RootLayout({children}) {
                 return "Kristians Portfolio";
         }
     };
+    Title(getTitle());
     return (
         <html lang="en" suppressHydrationWarning>
-        <Head>
-            <title>Kurwa</title>
-        </Head>
         <body
             className={"text-emerald-800 dark:text-emerald-300 bg-gradient-to-tr dark:from-black  dark:via-emerald-800 dark:to-black from-gray-300 via-emerald-100 to-gray-300"}>
         <ThemeProvider
diff --git a/src/components/title.js b/src/components/title.js
new file mode 100644
index 0000000..fe29861
--- /dev/null
+++ b/src/components/title.js
@@ -0,0 +1,13 @@
+import Head from 'next/head'
+
+function Title(title) {
+    return (
+        <div>
+            <Head>
+                <title>title</title>
+            </Head>
+        </div>
+    )
+}
+
+export default Title
\ No newline at end of file