diff --git a/app/about/page.jsx b/app/about/page.jsx
index 64c5a08..edd87e7 100644
--- a/app/about/page.jsx
+++ b/app/about/page.jsx
@@ -26,13 +26,10 @@ export default function Page() {
 		window.scrollTo(0, 0);
 	}, []);
 
-	const handleBack = () => {
-		window.location.href = "/";
-	};
 	return (
 		<>
 			<main className="overflow-hidden">
-				<FixedButon onClick={handleBack}>
+				<FixedButon href="/#about">
 					<FontAwesomeIcon
 						icon={faChevronLeft}
 						className="text-black pr-10"
diff --git a/app/projects/[slug]/page.jsx b/app/projects/[slug]/page.jsx
index f86173f..42f09bb 100644
--- a/app/projects/[slug]/page.jsx
+++ b/app/projects/[slug]/page.jsx
@@ -98,12 +98,9 @@ function Page({ params }) {
 			</div>
 		);
 	}
-			const handleBack = () => {
-				window.history.back();
-			};
 	return (
 		<div className="relative min-h-screen w-full gap-4 p-10 flex justify-center items-center flex-col mb-10 ">
-			<FixedButon onClick={handleBack}>
+			<FixedButon href="/projects">
 				<FontAwesomeIcon
 					icon={faChevronLeft}
 					className="text-black pr-10"
diff --git a/app/projects/archive/page.jsx b/app/projects/archive/page.jsx
index 12399cd..5312860 100644
--- a/app/projects/archive/page.jsx
+++ b/app/projects/archive/page.jsx
@@ -105,13 +105,10 @@ const projects = [
 	},
 ];
 export default function Page () {
-		const handleBack = () => {
-			window.history.back();
-		};
   return (
 		<>
 			<main className="overflow-hidden">
-				<FixedButon onClick={handleBack}>
+				<FixedButon href="/projects">
 					<FontAwesomeIcon
 						icon={faChevronLeft}
 						className="text-black pr-10"
diff --git a/app/projects/page.jsx b/app/projects/page.jsx
index 1b951bd..4759635 100644
--- a/app/projects/page.jsx
+++ b/app/projects/page.jsx
@@ -29,18 +29,15 @@ export default function Page() {
 	useEffect(() => {
 		window.scrollTo(0, 0);
 	}, []);
-	const handleBack = () => {
-		window.location.href = "/";
-	};
 	return (
 		<>
 			<main className="overflow-hidden">
-				<FixedButon onClick={handleBack}>
-					<FontAwesomeIcon
-						icon={faChevronLeft}
-						className="text-black pr-10"
-					/>
-				</FixedButon>
+					<FixedButon href="/#projects">
+						<FontAwesomeIcon
+							icon={faChevronLeft}
+							className="text-black pr-10"
+						/>
+					</FixedButon>
 				<div className="relative h-screen w-screen  gap-4 p-10 flex justify-center items-center flex-col mb-10 overflow-hidden">
 					<div className="z-0 mb-48 md:mb-0  md:absolute top-1/4  md:right-[10%] md:-translate-y-16 ">
 						<motion.div
diff --git a/components/FixedButton.jsx b/components/FixedButton.jsx
index ab24aa0..188f773 100644
--- a/components/FixedButton.jsx
+++ b/components/FixedButton.jsx
@@ -1,9 +1,11 @@
-const FixedButton = ({ children, onClick }) => (
-	<button
-		onClick={onClick}
+import Link from "next/link";
+
+const FixedButton = ({ children, href = '/' }) => (
+	<Link
+		href={href}
 		className="fixed top-2 -left-2 md:left-10 flex justify-center items-center  rounded-full p-4  transition duration-300 ease-in-out z-50 transparent">
 		{children}
-	</button>
+	</Link>
 );
 
 export default FixedButton;