Corrected Form Layout

src/components/Header/Header.tsx

@@ -5,6 +5,7 @@ import { _lowerMenuItems } from "../../utils/data";
 import Sidebar from "./Sidebar";
 import { Link } from "react-router-dom";
 import HeaderMenuItem from "./HeaderMenuItem";
+import { RouteHandler } from "../../router/routes";
 
 export type LowerMenuItem = {
   name: string;
@@ -50,20 +51,25 @@ const Header: React.FC<HiddenMenuItems> = ({
         {!hideMenu && (
           <div className="flex flex-col-reverse lg:flex-col grow lg:grow-0 justify-between items-end">
             <ul className="flex gap-0 lg:gap-[10px] items-center justify-end w-full flex-wrap">
-              {["Open An Account", "Internet Banking", "Contact Us"].map(
-                (text: string) => (
-                  <li key={text} className="hidden sm:flex">
-                    <a href="#">
-                      <Button
-                        className={
-                          text === "Open An Account" ? "btn-active" : ""
-                        }
-                        text={text}
-                      />
-                    </a>
-                  </li>
-                )
-              )}
+              {[
+                { text: "Open An Account", href: RouteHandler.getStarted },
+                {
+                  text: "Internet Banking",
+                  href: RouteHandler.businessBanking,
+                },
+                { text: "Contact Us", href: RouteHandler.cooperateBanking },
+              ].map((item: { text: string; href: string }) => (
+                <li key={item.text} className="hidden sm:flex">
+                  <a href={item.href}>
+                    <Button
+                      className={
+                        item.text === "Open An Account" ? "btn-active" : ""
+                      }
+                      text={item.text}
+                    />
+                  </a>
+                </li>
+              ))}
               <li className="w-full lg:w-fit">
                 <SearchInput
                   onChange={handleSearchChange}
@@ -71,6 +77,7 @@ const Header: React.FC<HiddenMenuItems> = ({
                 />
               </li>
             </ul>
+
             <div className="flex lg:hidden">
               <svg
                 xmlns="http://www.w3.org/2000/svg"