From e9ba0589962e80228f1b07ba766fd0751bcb85e0 Mon Sep 17 00:00:00 2001
From: Harshada Patil <harshaa.prv@gmail.com>
Date: Mon, 4 Aug 2025 22:21:51 +0530
Subject: [PATCH] Fix Scroll Position When Navigating to About or Contact Us
 Pages from Footer

---
 client/src/components/Footer.jsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Footer.jsx b/client/src/components/Footer.jsx
index dc4b0a8..8d582b3 100644
--- a/client/src/components/Footer.jsx
+++ b/client/src/components/Footer.jsx
@@ -1,30 +1,39 @@
 import { Link } from "react-router-dom";
 
 export default function Footer() {
+	// Function to scroll to top when navigating
+	const scrollToTop = () => {
+		window.scrollTo({ top: 0, behavior: 'smooth' });
+	};
+
 	return (
 		<footer className="bg-gray-50 border-t border-gray-200 mt-20">
 			<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
 				<div className="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-8">
 					<Link
 						to="/about"
+						onClick={scrollToTop}
 						className="text-blue-600 hover:text-blue-700 transition-colors"
 					>
 						About
 					</Link>
 					<Link
-						to="/contact#contact-form"
+						to="/contact"
+						onClick={scrollToTop}
 						className="text-blue-600 hover:text-blue-700 transition-colors"
 					>
 						Contact Us
 					</Link>
-					<Link
-						to="https://github.com/CoderUzumaki/prepedge-ai"
+					<a
+						href="https://github.com/CoderUzumaki/prepedge-ai"
+						target="_blank"
+						rel="noopener noreferrer"
 						className="text-blue-600 hover:text-blue-700 transition-colors flex items-center"
 					>
 						GitHub
-					</Link>
+					</a>
 				</div>
-				<div className="text-center mt-8 ">
+				<div className="text-center mt-8">
 					<p className="text-gray-600">
 						{`© ${new Date().getFullYear()} PrepEdge AI. All rights reserved.`}
 					</p>