From fa2a9fd116dbc7f584b28b1cce34da323a9e8d73 Mon Sep 17 00:00:00 2001
From: ChineseChikki <chineye.ozoagudike@chiefsoft.com>
Date: Mon, 23 Jan 2023 17:04:31 +0100
Subject: [PATCH] Final commit on broken how-it-works-page

---
 src/component/Footer/Main.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/component/Footer/Main.js b/src/component/Footer/Main.js
index d1ac0b6..f0767c7 100644
--- a/src/component/Footer/Main.js
+++ b/src/component/Footer/Main.js
@@ -1,4 +1,5 @@
 import { Link } from "react-router-dom";
+import { HashLink } from 'react-router-hash-link';
 import React from "react";
 import line from "../../assets/images/anim_line.png";
 import blueapp from "../../assets/images/appstore_blue.png";
@@ -100,7 +101,7 @@ const Main = ({ footer }) => {
                         <Link to="/faq">FAQs</Link>
                       </li>
                       <li>
-                        <a href="#how_it_work">How it works</a>
+                        <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -237,7 +238,7 @@ const Main = ({ footer }) => {
                         <Link to="/faq">FAQs</Link>
                       </li>
                       <li>
-                         <a href="/how_it_work">How it works</a>
+                        <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -367,7 +368,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                          <a href="/how_it_work">How it works</a>
+                         <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -492,7 +493,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                         <a href="/how_it_work">How it works</a>
+                          <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -624,7 +625,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                         <a href="/how_it_work">How it works</a>
+                         <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
-- 
2.34.1