From f31f0f3a05d6e782c60089991b5c08e60dbc8483 Mon Sep 17 00:00:00 2001
From: Salih Hasicic <salih.hasicic@stud.fhgr.ch>
Date: Fri, 3 Apr 2026 20:06:35 +0200
Subject: [PATCH] Fix route navigation scroll position by adding global
 ScrollToTop

---
 parfum-shop/src/App.jsx                    |  3 +++
 parfum-shop/src/components/ScrollToTop.jsx | 14 ++++++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 parfum-shop/src/components/ScrollToTop.jsx

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