diff --git a/src/App.tsx b/src/App.tsx
index 7ffae8d..ca49b67 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,6 +6,7 @@ import Footer from './components/Footer';
 import Home from './components/Home';
 import TravelMate from './components/TravelMate';
 import Policies from './components/Policies';
+import ScrollToTop from './components/ScrollToTop';
 import './styles/main.scss';
 
 function App() {
@@ -32,6 +33,7 @@ function App() {
   return (
     <LanguageProvider>
       <BrowserRouter>
+        <ScrollToTop />
         <div className={`app ${darkMode ? 'dark' : 'light'}`} style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
           <Header darkMode={darkMode} toggleDarkMode={toggleDarkMode} />
           <main style={{ flex: 1 }}>
diff --git a/src/components/ScrollToTop.tsx b/src/components/ScrollToTop.tsx
new file mode 100644
index 0000000..d783932
--- /dev/null
+++ b/src/components/ScrollToTop.tsx
@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+const ScrollToTop = () => {
+    const { pathname } = useLocation();
+
+    useEffect(() => {
+        window.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: 'instant',
+        });
+    }, [pathname]);
+
+    return null;
+};
+
+export default ScrollToTop;