From 84445f16b3aee54b889b599ec0c1d1583770935b Mon Sep 17 00:00:00 2001
From: ramvignesh-b <ramvignesh-b@github.com>
Date: Mon, 4 May 2026 06:45:56 +0530
Subject: [PATCH] fix: implement scroll-to-top behavior for about navigation

---
 frontend/src/App.tsx         | 8 +++++++-
 frontend/src/pages/About.tsx | 5 ++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index c54c4e9..26b0d9c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,5 +1,11 @@
 import { lazy, Suspense, useEffect, useRef } from "react";
-import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
+import {
+  BrowserRouter,
+  Navigate,
+  Route,
+  Routes,
+  ScrollRestoration,
+} from "react-router-dom";
 import { ProtectedRoute, PublicRoute } from "./components/RouteGuards";
 import SplashScreen from "./components/SplashScreen";
 import { ROUTES } from "./config/routes";
diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx
index 377c4ae..69d4264 100644
--- a/frontend/src/pages/About.tsx
+++ b/frontend/src/pages/About.tsx
@@ -19,7 +19,7 @@ import {
 } from "@phosphor-icons/react";
 import { ReactLenis } from "lenis/react";
 import { AnimatePresence, motion, useScroll, useTransform } from "motion/react";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import stamp from "../assets/envelope/stamp.png";
 import Logo from "../components/Logo.tsx";
 import { Modal } from "../components/ui/Modal";
@@ -47,6 +47,9 @@ function HorizontalScroll({ children }: { children: React.ReactNode }) {
 }
 
 export default function About() {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
   return (
     <ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
       <div className="flex flex-col">