back to home

Author: fezcode

src/pages/BlogPage.js

@@ -1,5 +1,7 @@
 import React, { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
 import PostItem from '../components/PostItem';
+import { FaArrowLeft } from 'react-icons/fa';
 
 const BlogPage = () => {
   const [posts, setPosts] = useState([]);
@@ -14,6 +16,9 @@ const BlogPage = () => {
     <div className="py-16 sm:py-24">
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl text-center">
+          <Link to="/" className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4">
+            <FaArrowLeft className="text-xl" /> Back to Home
+          </Link>
           <h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl">
             From the Blog
           </h1>

src/pages/ProjectsPage.js

@@ -1,6 +1,8 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 import ProjectCard from '../components/ProjectCard';
 import { useProjects } from '../utils/projectParser';
+import { FaArrowLeft } from 'react-icons/fa';
 
 const ProjectsPage = () => {
   const { projects, loading, error } = useProjects();
@@ -17,6 +19,9 @@ const ProjectsPage = () => {
     <div className="py-16 sm:py-24">
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl text-center">
+          <Link to="/" className="text-primary-400 hover:underline flex items-center justify-center gap-2 text-lg mb-4">
+            <FaArrowLeft className="text-xl" /> Back to Home
+          </Link>
           <h1 className="text-4xl font-semibold tracking-tight text-white sm:text-6xl">
             My Projects
           </h1>