back to home link added

src/components/GetLoan.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { useLocation, useNavigate } from 'react-router-dom'
+import { useLocation, useNavigate, Link } from 'react-router-dom'
 import { useQuery } from "@tanstack/react-query";
 
 import { IoIosArrowBack, IoIosArrowForward } from "react-icons/io";
@@ -57,7 +57,7 @@ export default function GetLoan() {
 
   return (
     <div className={`h-screen bg-sky-300 flex flex-col items-center justify-center bg-[url('./assets/first-background.jpg')] bg-cover bg-center bg-no-repeat`}>
-        <div className='flex flex-col gap-4 w-[80%] sm:w-[400px] min-h-[600px] bg-white rounded-xl p-4 sm:p-8 shadow'>
+        <div className='relative flex flex-col gap-4 w-[80%] sm:w-[400px] min-h-[600px] bg-white rounded-xl p-4 sm:p-8 shadow'>
             <div className="relative pb-3 card-title w-full border-b-2 flex gap-4 items-center">
               <div className='absolute left-2 top-1/2 -translate-y-1/2 p-1 cursor-pointer' onClick={handleBackBtn}>
                 <IoIosArrowBack className='text-3xl sm:text-5xl font-bold text-orange-500 cursor-pointer' />
@@ -126,6 +126,11 @@ export default function GetLoan() {
               : null
             }
 
+            <div className='absolute left-0 bottom-1 w-full flex justify-center items-center'>
+              <Link to={myLinks.home} className='text-center border-b border-transparent hover:border-purple-400'>Back to <span className='text-purple-400 '>Home</span></Link>
+            </div>
+
+
         </div>
     </div>
   )