better navigation on pages.

fezcode · fezcode · commit 962fc5cf94e1 · 2025-10-17T05:43:24.000+03:00
diff --git a/src/pages/BlogPostPage.js b/src/pages/BlogPostPage.js
@@ -190,8 +190,8 @@ const BlogPostPage = () => {
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="lg:grid lg:grid-cols-4 lg:gap-8">
           <div className="lg:col-span-3">
-            <Link to="/" className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4">
-              <ArrowLeftIcon size={24} /> Back to Home
+            <Link to="/blog" className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4">
+              <ArrowLeftIcon size={24} /> Back to Blog
             </Link>
             <div ref={contentRef} className="prose prose-xl prose-dark max-w-none">
               <ReactMarkdown components={{ a: LinkRenderer, code: (props) => <CodeBlock {...props} openModal={openModal} /> }}>{post.body}</ReactMarkdown>
diff --git a/src/pages/ProjectPage.js b/src/pages/ProjectPage.js
@@ -58,8 +58,8 @@ const ProjectPage = () => {
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="lg:grid lg:grid-cols-4 lg:gap-8">
           <div className="lg:col-span-3">
-            <Link to="/" className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4">
-              <ArrowLeftIcon size={24} /> Back to Home
+            <Link to="/projects" className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4">
+              <ArrowLeftIcon size={24} /> Back to Projects
             </Link>
             <h1 className="text-4xl font-bold tracking-tight text-markdown-hx-color sm:text-6xl">{project.title}</h1>
             {project.image && <img src={project.image} alt={project.title} className="mt-8 w-full rounded-lg text-gray-200" />}
