diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 33e9c05..5523302 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import Hero from './Hero';
 import About from './About';
 import Skills from './Skills';
@@ -6,6 +7,10 @@ import Education from './Education';
 import Contact from './Contact';
 
 const Home = () => {
+    useEffect(() => {
+        document.title = "Portfolio - Dayron Van Leemput";
+    }, []);
+
     return (
         <>
             <Hero />
diff --git a/src/components/TravelMate.tsx b/src/components/TravelMate.tsx
index ad25dd1..c900f2e 100644
--- a/src/components/TravelMate.tsx
+++ b/src/components/TravelMate.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { useLanguage } from '../contexts/LanguageContext';
 import { Link, Outlet } from 'react-router-dom';
@@ -75,6 +76,10 @@ const TravelMate = () => {
         }
     };
 
+    useEffect(() => {
+        document.title = "Travel Mate";
+    }, []);
+
     return (
         <div className="travel-mate-page" style={{ paddingTop: '100px', minHeight: '100vh', paddingBottom: '50px' }}>
             <div className="container" style={{ maxWidth: '1400px', margin: '0 auto', padding: '0 20px' }}>