home temp

Author: sibisiddharth8

src/layouts/SubPageLayout.tsx

@@ -1,6 +1,7 @@
 import { useState, useRef, useEffect } from 'react';
 import { Outlet, useNavigate, Link } from 'react-router-dom';
 import { FiArrowLeft, FiSettings, FiLogOut, FiLogIn } from 'react-icons/fi';
+import { FaHome } from 'react-icons/fa';
 import { motion, AnimatePresence } from 'framer-motion';
 import { FiBookOpen } from 'react-icons/fi';
 import Footer from './Footer';
@@ -37,13 +38,22 @@ export default function SubPageLayout() {
     <div className="bg-slate-50 min-h-screen">
       <header className="bg-white/80 backdrop-blur-lg border-b border-slate-200 sticky top-0 z-30">
         <div className="container mx-auto px-6 py-2 flex items-center justify-between">
+          <div>
           <button 
             onClick={() => navigate(-1)}
             className="font-semibold text-slate-600 hover:text-blue-600 transition-colors inline-flex items-center gap-2 cursor-pointer"
           >
             <FiArrowLeft />
             Back
           </button>
+          <button 
+            onClick={() => navigate('/')}
+            className="ml-4 font-semibold text-slate-600 hover:text-blue-600 transition-colors inline-flex items-center gap-2 cursor-pointer"
+          >
+            <FaHome />
+            Home
+          </button>
+          </div>
 
           {/* User Profile / Login Section */}
           {isAuthenticated && user ? (