diff --git a/parfum-shop/src/App.jsx b/parfum-shop/src/App.jsx
index c325231..8308007 100644
--- a/parfum-shop/src/App.jsx
+++ b/parfum-shop/src/App.jsx
@@ -8,10 +8,13 @@ import SupportPage from "./pages/SupportPage";
 import DiscoverySetPage from "./pages/DiscoverySetPage";
 import Footer from "./components/Footer";
 import SupportChatbot from "./components/SupportChatbot";
+import ScrollToTop from "./components/ScrollToTop";
 
 function App() {
   return (
     <>
+      <ScrollToTop />
+
       <Routes>
         <Route path="/" element={<LandingPage />} />
         <Route path="/duft/:perfumeSlug" element={<ProductDetailPage />} />
diff --git a/parfum-shop/src/components/ScrollToTop.jsx b/parfum-shop/src/components/ScrollToTop.jsx
new file mode 100644
index 0000000..536659e
--- /dev/null
+++ b/parfum-shop/src/components/ScrollToTop.jsx
@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router";
+
+function ScrollToTop() {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return null;
+}
+
+export default ScrollToTop;
\ No newline at end of file