added otp modal

2024-06-14 22:36:52 +01:00
parent 40328f9a81
commit e2319135be
27 changed files with 97 additions and 792 deletions
@@ -1,16 +0,0 @@
 import styles from "./hero.module.css";
 const Hero = () => {
  return (
    <div
      className={`w-full relative 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] cursor-default">
          PREMIUM SALARY LOAN
        </h1>
      </div>
    </div>
  );
 };
 export default Hero;
@@ -1,36 +0,0 @@
 import React from "react";
 import styles from "./hero.module.css";
 import { Link } from "react-router-dom";
 interface PersonalHeroProps {
  heading?: string;
  body?: string;
  buttonLink?: string;
  buttonText?: string;
 }
 const PersonalHero: React.FC<PersonalHeroProps> = ({
  heading,
  body,
  buttonLink = "#",
  buttonText,
 }) => {
  return (
    <div
      className={`w-full max-[28.125rem] relative 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.personalHeroBg}`}
    >
      <div className="containerMode flex justify-between gap-1 xl:gap-8 flex-col">
        <h1 className="max-w-[32.9375rem] font-extrabold text-[1.3rem] leading-[2.5rem] sm:text-[3.625rem] sm:leading-[4.3869rem] text-[#5C2684] cursor-default">
          {heading}
        </h1>
        <p className="p-[.3125rem] pr-5 font-medium table w-[25.375rem]">{body}</p>
        <Link to={buttonLink}>
          <button className="bg-[#A6368C] text-white text-[.9375rem] w-[10.9375rem] py-[.4375rem] px-[.625rem]">
            {buttonText} &nbsp;
          </button>
        </Link>
      </div>
    </div>
  );
 };
 export default PersonalHero;
@@ -1,19 +0,0 @@
 .heroBg{
    background: url(../../../assets/images/hero-test.png) no-repeat;
    background-size: cover;
    background-position: center;
    /* padding: 0.4rem 0; */
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .personalHeroBg{
    background: url(../../../assets/images/personal-page.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    /* padding: 0.4rem 0; */
    display: flex;
    align-items: center;
    justify-content: center;
 }
@@ -1,4 +0,0 @@
 import Hero from "./Hero";
 import PersonalHero from "./PersonalHero";
 export { Hero, PersonalHero };
@@ -1,22 +0,0 @@
 const EligiblityBox = () => {
  return (
    <div className="w-[23.4rem] sm:w-[24.875rem] h-fit rounded bg-[#5C2684] px-[17px] py-[1.625rem] flex flex-col gap-4">
      <h2 className="font-extrabold text-lg text-[#FBB700]">
        REQUIRED ELIGIBILITY
      </h2>
      <ul className="flex flex-col gap-[.625rem] list-disc pl-[2rem] text-white">
        <li className="text-base leading-[1.5625rem]">
          Have a verifiable source of income
        </li>
        <li className="text-base leading-[1.5625rem]">
          You must have a valid BVN
        </li>
        <li className="text-base leading-[1.5625rem]">
          Must have a salary or current bank account with FCMB
        </li>
      </ul>
    </div>
  );
 };
 export default EligiblityBox;
@@ -1,45 +0,0 @@
 import { Link } from "react-router-dom";
 import { RouteHandler } from "../../../router/routes";
 const FeatureText = () => {
  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] cursor-default">
        <p className="mb-[.9375rem] text-justify sm:text-left">
          Premium Salary Plus loan provides confirmed staff of commercial
          organizations more usable funds. The employee’s organization must have
          been rated on Moody’s with a minimum BB- rating, employees interested
          in the product must be eligible for minimum loan amount of 2,000,000.
        </p>
        <p className="mb-[.9375rem]">
          <strong>Features</strong>
        </p>
        <ul className="flex flex-col gap-[.625rem] list-disc pl-[2.5rem]">
          <li>Minimum loan amount - N2 Million</li>
          <li>Maximum tenure - 60 Months</li>
          <li>Minimum tenure - 12 Months</li>
          <li>Management fee - 1% flat upfront (0.5% for top-up loan)</li>
          <li>
            Collateral - Domiciliate of salary, terminal benefits and other
            allowances
          </li>
          <li>Insurance fee - 0.9%*loan amount*tenure (in years)</li>
        </ul>
      </div>
      <Link
        to={RouteHandler.letsGetStarted}
        className="text-[#5C2684] mt-[1.5625rem] w-fit"
      >
        *** <span className="hover:underline">Click here to apply</span>
      </Link>
      <Link
        to={RouteHandler.termsAndConditions}
        className="mt-[.5625rem] font-bold"
      >
        Terms and conditions apply
      </Link>
    </div>
  );
 };
 export default FeatureText;
@@ -1,15 +0,0 @@
 import FeatureText from "./FeatureText";
 import EligiblityBox from "./EligiblityBox";
 const Requirements = () => {
  return (
    <div className="mt[5.3125rem] mb-[7.875rem] min-h-[28.6875rem]">
      <div className="containerMode flex flex-col sm:flex-row justify-between w-full gap-2 sm:gap-[6rem]">
        <FeatureText />
        <EligiblityBox />
      </div>
    </div>
  );
 };
 export default Requirements;
@@ -1,3 +0,0 @@
 import Requirements from "./Requirements";
 export { Requirements };
@@ -1,4 +0,0 @@
 import { Hero, PersonalHero } from "./Hero";
 import { Requirements } from "./Requirements";
 export {Hero, Requirements, PersonalHero}
@@ -1,9 +0,0 @@
 import React from 'react'
 const InternetBanking: React.FC = () => {
  return (
    <div>InternetBanking</div>
  )
 }
 export default InternetBanking
@@ -1,3 +0,0 @@
 import InternetBanking from "./InternetBanking";
 export { InternetBanking };
@@ -1,428 +0,0 @@
 import React from "react";
 const Main: React.FC = () => {
  return (
    <div className="w-full my-3">
      <div className="containerMode">
        <p className="mb-[15px]">
          <strong>PRIVACY POLICY</strong>
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>1.Your Privacy is important to us.</span>
          </strong>
        </p>
        <p className="mb-[15px]">
          This privacy statement sets out the privacy policy of
          fcmbgroupplc.com, which provides a portal, or gateway, to the
          financial services offered by the First City Monument Bank Limited and
          the other members of the FCMB Group Plc (Collectively, “FCMB”).
        </p>
        <p className="mb-[15px]">
          This policy explains how we collect, share, use, and protect
          information when you visit or use this website and any other online
          services, platforms, or products offered by FCMB or any of its banking
          and non-banking affiliates and subsidiaries that link to or reference
          this policy (collectively, our “services”).
        </p>
        <p className="mb-[15px]">
          <strong>1.1 FCMB and You</strong>
        </p>
        <p className="mb-[15px]">
          First City Monument Bank Limited is a private limited liability
          company registered in the Federal Republic of Nigeria under RC No.
          46713. Its head-office is at Primrose Tower, 17A Tinubu Street, Lagos
          State, Nigeria.
        </p>
        <p className="mb-[15px]">
          FCMB Group Plc hosts the fcmbgroupplc.com website and provides
          technical support, access and links to the Local Sites of First City
          Group members. fcmbgroupplc.com does not offer financial services or
          products. Financial services and products may only be obtained by
          registering with a Local Site. The First City Group provides financial
          products and services to a global clientele through its affiliated
          companies and branches located in 36 states and the Federal Capital
          Territory in Nigeria, and in the UK. Privacy and personal data
          protection principles vary from one country to another. When you
          access or link to a Local Site, please read the privacy statement
          issued by the Local Site to determine the policies that apply to
          information or data maintained by the Local Site.
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>2. Information we may collect about you </span>
          </strong>
        </p>
        <p className="mb-[15px]">
          <strong>2.1 Your Personal Information</strong>
        </p>
        <p className="mb-[15px]">
          At FCMB, we strive to meet your needs and provide you with exceptional
          services. In the course of consuming our services through various
          channels, such as forms, phone calls, correspondence, service point
          interfaces, and other available channels, we collect information that
          you provide to us. This information may include, but is not limited
          to, contact data, log/Technical information, Financial Data, Marketing
          and Communications Data, identity verification details (this includes
          Personally Identifiable Information (PII), otherwise known as Personal
          Information or Personal Data, which includes email address, phone
          number, contact address, limited financial information, location data,
          device data etc.) and documents, services consumed or desired, mode of
          consumption, preferences, location, general events, and instructions
          and transactions relating to the services.
        </p>
        <p className="mb-[15px]">
          The lawful basis we rely on for processing your Personal Information
          are:
        </p>
        <ol>
          <li>
            Your Consent: Where you agree to us collecting your Personal
            Information by using our Services.
          </li>
          <li>
            We have a contractual obligation: Without your Personal Information,
            we cannot provide our Services to you.
          </li>
          <li>
            We have a legal obligation: To ensure we are fully compliant with
            all applicable financial legislations such as Anti-Money Laundering
            and Countering the Financing of Terrorism (AML/CFT) Laws, we must
            collect and store your Personal Information. We protect against
            fraud by checking your identity with your Personal Information.
          </li>
        </ol>
        <p className="mb-[15px]">
          Additionally, to better serve your needs, we may utilize information
          about you collected from third parties and service partners. It is
          important to note that these third-party sources are not under the
          control of FCMB, and we are not responsible for how they use the
          information.
        </p>
        <p className="mb-[15px]">
          <strong>2.2 Usage and other information</strong>
        </p>
        <p className="mb-[15px]">
          In addition to the personal information described above, we may
          collect certain information about your use of our online services. For
          example, we may capture the IP address of the device you use to
          connect to the online service, the type of operating system and
          browser you use, and information about the site you came from, the
          parts of our online service you access, and the site you visit next.
          FCMB or our third-party partners may also use cookies, web beacons or
          other technologies to collect and store other information about your
          visit to, or use of, our online services. In addition, we may later
          associate the usage and other information we collect online with
          personal information about you.
        </p>
        <p className="mb-[15px]">
          <strong>2.3 FCMB Mobile</strong>
        </p>
        <p className="mb-[15px]">
          For the convenience of our FCMB customers, we provide access to our
          products and services through our mobile applications and
          mobile-optimized websites ("FCMB Mobile"). When you engage with us
          through FCMB Mobile, we may collect certain information to enhance
          your experience. This information may include unique device
          identifiers for your mobile device, screen resolution, device
          settings, location information, and analytical data regarding your
          mobile device usage. Please note that we may request your permission
          before collecting specific information, such as precise geo-location
          data,- contact or image data and other personal identifiable
          information through FCMB Mobile. Rest assured that any information
          collected is handled with the utmost care and in accordance with our
          privacy policy.
        </p>
        <p className="mb-[15px]">
          <strong>2.4 Additional sources of information</strong>
        </p>
        <p className="mb-[15px]">
          We may also collect information about you from additional online and
          offline sources including from co-branded partner sites or
          commercially available third-party sources, such as credit reporting
          agencies. We may combine this information with the personal and other
          information we have collected about you under this Privacy Policy.
        </p>
        <p className="mb-[15px]">
          <strong>2.5 Non-Personal Information</strong>
        </p>
        <p className="mb-[15px]">
          In order to achieve our goal of providing you with the best-in-class
          service, we may also collect, store, use and transfer non-personal
          information or anonymized data such as statistical or demographic
          data. These may be collected or sourced during your visits to perform
          certain tasks such as grant you access to some parts of our web site
          or conduct research on your behaviour on our site in order to improve
          our services. We will not disclose your information to any person
          outside our organization except as described in this Privacy Policy.
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>3. Our Use of Information</span>
          </strong>
        </p>
        <p className="mb-[15px]">
          FCMB and/or subsidiaries may use or process the information discussed
          above in a number of ways, such as to:
        </p>
        <ol>
          <li>Manage your preferences;</li>
          <li>
            Create and manage any accounts or transactions you may have with us,
            verify your identity, provide our services, and respond to your
            inquiries;
          </li>
          <li>
            Process your applications and transactions (including authorization,
            clearing, chargebacks and other related dispute resolution
            activities);
          </li>
          <li>
            Protect against and prevent fraud, unauthorized transactions, claims
            and other liabilities as well as enhance the security of your
            account or our online services;
          </li>
          <li>
            Provide, administer and communicate with you about our products,
            services, offers, programs and promotions as well as those of our
            merchants and partners;
          </li>
          <li>
            Evaluate your interest in employment and contact you regarding
            possible employment with FCMB;
          </li>
          <li>
            Evaluate and improve our business, including developing new products
            and services;
          </li>
          <li>To target advertisements, newsletters, and service updates;</li>
          <li>As necessary to establish, exercise and defend legal rights;</li>
          <li>
            Perform analytics concerning your use of our online services,
            including your responses to our emails and the pages and
            advertisements you view;
          </li>
          <li>
            As may be required by applicable laws and regulations, including for
            compliance with Know Your Customers and risk assessment, Anti-Money
            Laundering, anti-corruption and sanctions screening requirements, or
            as requested by any judicial process, law enforcement or
            governmental agency having or claiming jurisdiction over FCMB or
            affiliates;
          </li>
          <li>
            To use data analytics to improve our Website, products, or services,
            and user experiences;
          </li>
          <li>
            For other purposes for which we provide specific notice at the time
            you provide or we collect your information.
          </li>
        </ol>
        <p className="mb-[15px]">
          We may also use data that we collect on an aggregate or anonymous
          basis (such that it does not identify any individual customers) for
          various business purposes, where permissible under applicable laws and
          regulations.
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>4. Cookies</span>
          </strong>
        </p>
        <p className="mb-[15px]">
          This website, along with most other major websites, uses cookies.
          Cookies are pieces of information that a website transfers to the
          cookie file on your computer’s hard disk. Cookies enable users to
          navigate around the website and (where appropriate) enable us to
          tailor the content to fit the needs of visitors who have accessed the
          site.
        </p>
        <p className="mb-[15px]">
          Firstcitygroup.com uses two types of cookies on this website:
        </p>
        <ol>
          <li>
            Session cookies, which are temporary cookies that remain in the
            cookie file of your computer until you close your browser (at which
            point they are deleted).
          </li>
          <li>
            Persistent or stored cookies that remain permanently on the cookie
            file of your computer.
          </li>
        </ol>
        <p className="mb-[15px]">
          Cookies cannot look into your computer and obtain information about
          you or your family or read any material kept on your hard drive and,
          unless you have logged onto an authenticated page, cookies cannot be
          used to identify who you are.
        </p>
        <p className="mb-[15px]">
          Cookies cannot be used by anyone else who has access to the computer
          to find out anything about you, other than the fact that someone using
          the computer has visited a certain website. Cookies do not in any way
          compromise the security of your computer.
        </p>
        <p className="mb-[15px]">
          Cookies will not be used to contact you for marketing purposes other
          than by means of advertisements offered within this website.
        </p>
        <p className="mb-[15px]">
          Cookies may be used to record details of pages relating to particular
          products and services that you have visited on this website. This is
          to provide fcmb.com with generic usage statistics to allow the company
          to improve this website and to provide you with information that may
          interest you.
        </p>
        <p className="mb-[15px]">
          The web browsers of most computers are initially set up to accept
          cookies. If you prefer, you can set your web browser to disable
          cookies or to inform you when a website is attempting to add a cookie.
          You can also delete cookies that have previously been added to your
          computer’s cookie file.
        </p>
        <p className="mb-[15px]">
          You can set your browser to disable persistent cookies and/or session
          cookies but if you disable session cookies, although you will be able
          to view this website’s unsecured pages, you may not be able to log
          onto any authenticated pages.
        </p>
        <p className="mb-[15px]">
          Please visit{" "}
          <a href="http://www.allaboutcookies.org/manage-cookies/">
            http://www.allaboutcookies.org/manage-cookies/
          </a>{" "}
          to discover how to disable and delete cookies.
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>5. Disclosures</span>
          </strong>
        </p>
        <p className="mb-[15px]">
          <strong>5.1 Disclosures</strong>
        </p>
        <p className="mb-[15px]">
          We may divulge individual data to any individual performing review,
          lawful, operational, or different services for us. We will utilize
          data which does not identify the person for these exercises at
          whatever point achievable. Data divulged to vendors or contractors for
          operational purposes may not be re-disclosed to others by such a
          vendor or contractor. We may reveal individual data when needed to do
          as such by a court request, or court order. We may divulge individual
          data as we esteem it proper to secure the wellbeing of our customers
          or for an investigation identified with open security or to report an
          action that has all the earmarks of being disregarding law. We may
          divulge individual data to ensure the security and dependability of
          this site and to take safety measures against accountability.
        </p>
        <p className="mb-[15px]">
          <strong>5.2 Disclosures to Third Parties</strong>
        </p>
        <p className="mb-[15px]">
          Data about you that is accessible to you by means of fcmb.com,
          including your personal data, can become subject to the legal systems
          and laws in force in the country where the data is held, received or
          stored by you or us. Such data can become subject to disclosure
          pursuant to the laws of the country.
        </p>
        <p className="mb-[15px]">
          We may reveal your name and other personal data and other monetary
          data about you at the request of regulatory agency or in connection
          with an examination of us as a bank. This information could be
          revealed to internal and external attorneys or auditors, and to others
          whom we are required to make such revelations.
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>6. Information Security and Retention</span>
          </strong>
        </p>
        <p className="mb-[15px]">
          At FCMB, we are fully committed to protecting the information we
          collect. We maintain administrative, technical, and physical controls
          to actively safeguard the Personal Information you provide or we
          collect. These controls are designed to protect against loss, theft,
          unauthorized access, disclosure, copying, misuse, or modification.
        </p>
        <p className="mb-[15px]">
          Our security measures actively include secure servers, firewalls, data
          encryption, and restricted access granted only to employees for
          fulfilling their job responsibilities.
        </p>
        <p className="mb-[15px]">
          When using a password for any of your accounts, it is essential that
          you actively ensure its confidentiality and refrain from sharing it
          with anyone.
        </p>
        <p className="mb-[15px]">
          We actively conduct our business in accordance with these principles
          to actively ensure the confidentiality and protection of your Personal
          Information. While transmitting information online may not be entirely
          secure, we actively take all reasonable steps to ensure the security
          and protection of your Personal Information.
        </p>
        <p className="mb-[15px]">
          We will only retain personal information on our servers for as long as
          it is actively necessary while providing services to you. In the event
          you close your account, we actively store your information on our
          servers to comply with regulatory obligations and actively monitor,
          detect, and prevent fraud. Any retention of your Personal Data is
          solely for such length of time as may be required by law, regulation,
          and the internal policies of FCMB, her members and/or affiliates.
        </p>
        <p className="mb-[15px]">
          <strong>6.1 Data Protection on the Internet</strong>
        </p>
        <p className="mb-[15px]">
          At FCMB we utilize encryption innovation to ensure the transmission of
          data to or from you by means of fcmb.com. For security reasons and to
          protect the security of your information, access to fcmb.com is
          restricted to authorized users only. However, because information
          about you, your account data and other transactions can be accessed
          through a public network, the Internet, there can be no guarantee that
          your account information will remain secure and you accept the risk
          that unauthorized persons may view such information. If you believe
          that an unauthorized person has accessed your information, please
          contact the Bank immediately.
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>7. Updates to this Policy</span>
          </strong>
        </p>
        <p className="mb-[15px]">
          From time to time, we may change, amend or review this Privacy Policy
          from time to time to reflect new services or changes in our Privacy
          Policy and place any updates on this page. All changes made will be
          posted on this page and where changes will materially affect you, we
          will notify you of this change by placing a notice online or via mail.
          If you keep using our Services, you consent to all amendments of this
          Privacy Policy.
        </p>
        <p className="mb-[15px]">
          <strong>
            <span>8. Contact us</span>
          </strong>
        </p>
        <p className="mb-[15px]">
          For issues relating to personal data, please contact us via any of the
          below:
        </p>
        <p className="mb-[15px]">
          Corporate Address: Primrose Tower, 17A, Tinubu Street, Marina, Lagos
        </p>
        <p className="mb-[15px]">Telephone: 07003290000, 01-2798800</p>
        <p className="mb-[15px]">
          Email: <a href="#">customerservice@fcmb.com</a>
        </p>
        <p className="mb-[15px]">
          Whatsapp: (+234) 09099999814 or (+234) 09099999815
        </p>
      </div>
    </div>
  );
 };
 export default Main;
@@ -1,3 +0,0 @@
 import Main from "./Main";
 export { Main as TsAndCs };
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Button, FloatLabelInput } from "..";
 import CustomModal from "../modal/CustomModal";
 import { useNavigate } from "react-router-dom";
 import { RouteHandler } from "../../router/routes";
@@ -30,63 +31,82 @@ export default function Login() {
    setFormDetails((prev) => ({ ...prev, [name]: value }));
  };
-  return (
+  const [modal, setModal] = useState<boolean>(false)
    <div className={`w-full overflow-y-auto bg-top bg-cover`}>
      <div className="w-full flex justify-center">
        <div className="w-2/3 md:max-w-[570px]">
          <div className="bg-white w-full rounded-2xl border-2 border-black">
            <div className="w-full p-5 sm:p-10 lg:p-20 flex flex-col justify-between items-center h-full">
              <div className="mb-4">
                <h1 className="text-2xl text-center font-bold leading-3 tracking-wide text-black dark:text-black">
                  Welcome!
                </h1>
                <p className="text-xl mt-4 text-center font-medium text-black dark:text-black">
                  Please login with your email and default password provided to you
                </p>
              </div>
-              <div className="w-full">
+  return (
-                {/* INPUTS */}
+    <>
-                <div className="w-full">
+      <div className={`w-full overflow-y-auto bg-top bg-cover`}>
-                  <div className="relative my-2 py-2">
+        <div className="w-full flex justify-center">
-                    <FloatLabelInput
+          <div className="w-2/3 md:max-w-[570px]">
-                      id="email"
+            <div className="bg-white w-full rounded-2xl border-2 border-black">
-                      name="email"
+              <div className="w-full p-5 sm:p-10 lg:p-20 flex flex-col justify-between items-center h-full">
-                      type="email"
+                <div className="mb-4">
-                      placeHolder="Email"
+                  <h1 className="text-2xl text-center font-bold leading-3 tracking-wide text-black dark:text-black">
-                      labelName="Email"
+                    Welcome!
-                      value={formDetails.email}
+                  </h1>
-                      inputClass=""
+                  <p className="text-xl mt-4 text-center font-medium text-black dark:text-black">
-                      onChange={handleFormChange}
+                    Please login with your email and default password provided to you
-                    />
+                  </p>
                  </div>
                  <div className="relative my-2 py-2">
                    <FloatLabelInput
                      id="password"
                      name="password"
                      type="password"
                      placeHolder="Password"
                      labelName="Password"
                      value={formDetails.password}
                      inputClass=""
                      onChange={handleFormChange}
                    />
                  </div>
                </div>
-                <div className="mt-10 w-full sm:flex justify-between items-center gap-2">
+                <div className="w-full">
-                  <Button
+                  {/* INPUTS */}
-                    text="Enter"
+                  <div className="w-full">
-                    className="rounded-md w-full sm:w-2/5 text-xl capitalize font-bold"
+                    <div className="relative my-2 py-2">
-                    onClick={()=>{navigate(RouteHandler.otppage, {replace:true})}}
+                      <FloatLabelInput
-                  />
+                        id="email"
-                  {/* <Link to='' className='text-black text-sm'>Forget your password?</Link> */}
+                        name="email"
                        type="email"
                        placeHolder="Email"
                        labelName="Email"
                        value={formDetails.email}
                        inputClass=""
                        onChange={handleFormChange}
                      />
                    </div>
                    <div className="relative my-2 py-2">
                      <FloatLabelInput
                        id="password"
                        name="password"
                        type="password"
                        placeHolder="Password"
                        labelName="Password"
                        value={formDetails.password}
                        inputClass=""
                        onChange={handleFormChange}
                      />
                    </div>
                  </div>
                  <div className="mt-10 w-full sm:flex justify-between items-center gap-2">
                    <Button
                      text="Enter"
                      className="rounded-md w-full sm:w-2/5 text-xl capitalize font-bold"
                      onClick={()=>{setModal(true)}}
                    />
                    {/* <Link to='' className='text-black text-sm'>Forget your password?</Link> */}
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
-    </div>
+      { modal &&
        <CustomModal>
          <div className="px-10 py-5 md:px-16 bg-white w-[90%] max-w-[420px] flex flex-col justify-center items-center rounded-xl">
            <p className="text-sm font-bold text-slate-700 text-center tracking-wide leading-normal">We have sent you a verification code to complete this Login. Please check your phone number</p>
            <div className="w-full flex justify-end">
              <button
                className="font-bold text-[11px] lg:text-[13px] text-[#5A2C82]"
                onClick={()=>{navigate(RouteHandler.otppage, { state: {continue: true }, replace:true })}}
              >
                Ok
              </button>
            </div>
          </div>
        </CustomModal>
      }
    </>
  );
 }
@@ -1,6 +1,6 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { Button, FloatLabelInput } from "..";
-import { useNavigate } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router-dom";
 import { RouteHandler } from "../../router/routes";
 type FormType = {
@@ -15,6 +15,7 @@ type HandleChange = {
 export default function Login() {
  const navigate = useNavigate()
  const { state } = useLocation();
  let [formDetails, setFormDetails] = useState<FormType>({
    email: "",
@@ -34,6 +35,13 @@ export default function Login() {
    navigate(RouteHandler.homepage, {replace:true})
  }
  useEffect(() => {
    if (!state) {
      navigate(RouteHandler.loginpage, { replace: true });
      return;
    }
  }, []);
  return (
    <div className={`w-full overflow-y-auto bg-top bg-cover`}>
      <div className="w-full flex justify-center">
@@ -1,8 +1,6 @@
 export * from "./Header";
 export * from "./Home";
 export * from "./GetStarted";
 export * from "./shared";
 export * from "./Footer";
 export * from "./Icons";
 export * from "./Cards";
 export * from "./TsAndCs";
@@ -0,0 +1,15 @@
 import React from "react"
 interface GetStartedLayoutProps {
  children?: React.ReactNode;
 }
 const CustomModal: React.FC<GetStartedLayoutProps> = ({ children }) => {
  return (
    <div className="absolute inset-0 z-[999] bg-black/50 flex justify-center items-center">
      {children}
    </div>
  )
 }
 export default CustomModal;
@@ -1,19 +0,0 @@
 import React from "react";
 import { HomeLayout } from "../layouts";
 import { PersonalHero } from "../components";
 const BusinessBankingPage: React.FC = () => {
  return (
    <HomeLayout>
      <PersonalHero
        heading="Business Account"
        body="Open a personal or business account in minutes, tailored to your unique needs."
        buttonLink="#"
        buttonText="Click here"
      />
      Business Banking
    </HomeLayout>
  );
 };
 export default BusinessBankingPage;
@@ -1,19 +0,0 @@
 import React from "react";
 import { HomeLayout } from "../layouts";
 import { PersonalHero } from "../components";
 const CooperateBankingPage: React.FC = () => {
  return (
    <HomeLayout>
      <PersonalHero
        heading="Cooperate Account"
        body="Open a personal or business account in minutes, tailored to your unique needs."
        buttonLink="#"
        buttonText="Click here"
      />
      Cooperate Banking
    </HomeLayout>
  );
 };
 export default CooperateBankingPage;
@@ -1,21 +0,0 @@
 import React, { useEffect } from "react";
 import { Hero, Requirements } from "../components";
 import { HomeLayout } from "../layouts";
 import { useNavigate } from "react-router-dom";
 const HomePage: React.FC = () => {
  const navigate = useNavigate()
  useEffect(()=>{
    navigate('/auth/login')
  },[])
  return (
    <HomeLayout>
      <Hero />
      <Requirements />
    </HomeLayout>
  );
 };
 export default HomePage;
@@ -1,10 +0,0 @@
 import React from 'react'
 import { HomeLayout } from '../layouts'
 const InternetBankingPage: React.FC = () => {
  return (
    <HomeLayout>InternetBankingPage</HomeLayout>
  )
 }
 export default InternetBankingPage
@@ -1,19 +0,0 @@
 import React from "react";
 import { HomeLayout } from "../layouts";
 import { PersonalHero } from "../components";
 const PersonalBankingPage: React.FC = () => {
  return (
    <HomeLayout>
      <PersonalHero
        heading="Personal Or Business Account"
        body="Open a personal or business account in minutes, tailored to your unique needs."
        buttonLink="#"
        buttonText="Click here"
      />
      Personal Banking
    </HomeLayout>
  );
 };
 export default PersonalBankingPage;
@@ -1,13 +0,0 @@
 import React from "react";
 import { HomeLayout } from "../layouts";
 import { TsAndCs } from "../components";
 const TermsAndConditionPage: React.FC = () => {
  return (
    <HomeLayout>
      <TsAndCs />
    </HomeLayout>
  );
 };
 export default TermsAndConditionPage;
@@ -1,21 +1,9 @@
 import HomePage from "./HomePage";
 import LoginPage from "./LoginPage";
 import OTPPage from "./OTPPage";
 import StartValidationPage from "./StartValidationPage";
 // import TermsAndConditionPage from "./TermsAndConditionPage";
 // import PersonalBankingPage from "./PersonalBankingPage";
 // import BusinessBankingPage from "./BusinessBankingPage";
 // import CooperateBankingPage from "./CooperateBankingPage";
 // import LetsGetStatedPage from "./LetsGetStatedPage";
 export {
  HomePage,
  LoginPage,
  OTPPage,
  StartValidationPage,
  // TermsAndConditionPage,
  // PersonalBankingPage,
  // BusinessBankingPage,
  // CooperateBankingPage,
  // LetsGetStatedPage
 };
@@ -7,10 +7,6 @@ import {
  LoginPage,
  OTPPage,
  // HomePage,
  // TermsAndConditionPage,
  // BusinessBankingPage,
  // CooperateBankingPage,
  // PersonalBankingPage,
 } from "../pages";
 const Routers = () => {
@@ -2,16 +2,4 @@ export class RouteHandler {
  static homepage = "/";
  static loginpage = "/auth/login";
  static otppage = "/auth/otp";
  // static getStarted = "/get-started";
  // static personalBanking = "/personal-banking";
  // static businessBanking = "/business-banking";
  // static cooperateBanking = "/cooperate-banking";
  // static letsGetStarted = "/lets-get-started";
  // static dashboardHome = "/dashboard/home";
  // static dashboardProfile = "/dashboard/profile";
  // static dashboardVerification = "/dashboard/verification";
  // static dashboardPayments = "/dashboard/payments";
  // static dashboardLegals = "/dashboard/legals";
  // static termsAndConditions = "/terms-and-conditions";
 }
@@ -13,9 +13,9 @@ let process = import.meta.env;
 export const top_header_data = [
  { id: 1, name: 'HOME', href: RouteHandler.homepage },
-  { id: 2, name: 'PERSONAL', href: RouteHandler.personalBanking },
+  { id: 2, name: 'PERSONAL', href: '' },
-  { id: 3, name: 'BUSINESS', href: RouteHandler.businessBanking },
+  { id: 3, name: 'BUSINESS', href: '' },
-  { id: 4, name: 'CORPORATE', href: RouteHandler.cooperateBanking },
+  { id: 4, name: 'CORPORATE', href: '' },
 ];
 export const lowerMenuItems = [
		`@@ -1,3 +0,0 @@`
			`import Requirements from "./Requirements";`

			`export { Requirements };`
		`@@ -1,3 +0,0 @@`
			`import InternetBanking from "./InternetBanking";`

			`export { InternetBanking };`
		`@@ -1,3 +0,0 @@`
			`import Main from "./Main";`

			`export { Main as TsAndCs };`