corrected footer and linked the click to apply

src/components/Home/Hero/Hero.tsx

@@ -2,7 +2,7 @@ import styles from "./hero.module.css";
 const Hero = () => {
   return (
     <div
-      className={`w-full border-t-2 border-[#E3DEDA] relative mt-[.9375rem] mb-0 sm:mb-[2.25rem] regLap:h-[30rem] xl:h-[26.875rem] lg:h-[25rem] md:h-[21.875rem] sm:h-[18.75rem] h-[15.625rem] object-cover ${styles.heroBg}`}
+      className={`w-full relative mt-[.9375rem] mb-0 sm:mb-[2.25rem] regLap:h-[30rem] xl:h-[26.875rem] lg:h-[25rem] md:h-[21.875rem] sm:h-[18.75rem] h-[15.625rem] object-cover ${styles.heroBg}`}
     >
       <div className="containerMode flex justify-between gap-1 xl:gap-8">
         <h1 className="max-w-[32.9375rem] font-extrabold text-[1.3rem] leading-[2.5rem] sm:text-[3.625rem] sm:leading-[4.3869rem] text-[#5C2684]">

src/components/Home/Requirements/FeatureText.tsx

@@ -1,4 +1,8 @@
-const FeatureText = () => {
+import { FC } from "react";
+import { Link } from "react-router-dom";
+import { RouteHandler } from "../../../router/routes";
+
+const FeatureText: FC = () => {
   return (
     <div className="w-full sm:w-2/3 px-0 sm:px-[15px] flex flex-col">
       <div className="mt-5 text-[.9375rem] text-[#454545] leading-[1.4375rem]">
@@ -23,9 +27,12 @@ const FeatureText = () => {
           <li>Insurance fee - 0.9%*loan amount*tenure (in years)</li>
         </ul>
       </div>
-      <a href="#" className="text-[#5C2684] hover:underline mt-[1.5625rem] w-fit">
+      <Link
+        to={RouteHandler.getStarted}
+        className="text-[#5C2684] hover:underline mt-[1.5625rem] w-fit"
+      >
         ***Click here to apply
-      </a>
+      </Link>
       <p className="mt-[.5625rem] font-bold cursor-default">
         Terms and conditions apply
       </p>