diff --git a/src/components/GetStarted/ApplicantsAttestation.tsx b/src/components/GetStarted/ApplicantsAttestation.tsx
deleted file mode 100644
index 4a01616..0000000
--- a/src/components/GetStarted/ApplicantsAttestation.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-import DebitAccount from "./DebitAccount";
-
-
-const ApplicantsAttestation: React.FC = () => {
-  return (
-    <>
-      <div className="flex justify-between items-center w-full mt-8 mb-[45px]">
-        <h1 className="font-semibold text-[2.375rem] text-[#5C2684] my-[.5rem] max-w-[34rem]">
-          Applicant’s Attestation and Debit Instruction
-        </h1>
-        <div className="flex flex-col gap-[.4375rem]">
-          <p className="font-extrabold tracking-[3%] text-[#FBB700] underline">
-            For more enquiries and support
-          </p>
-          <p className="font-extrabold tracking-[3%] text-[#5A5A5A]">
-            Call: 09099000000
-          </p>
-          <p className="font-extrabold tracking-[3%] text-[#5A5A5A]">
-            Email: fcmbloan@support.com
-          </p>
-        </div>
-      </div>
-      <DebitAccount />
-    </>
-  );
-};
-
-export default ApplicantsAttestation;
diff --git a/src/components/GetStarted/BVN.tsx b/src/components/GetStarted/BVN.tsx
deleted file mode 100644
index 253c3f1..0000000
--- a/src/components/GetStarted/BVN.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from "react";
-import * as Yup from "yup";
-import { Form, Formik } from "formik";
-import { InputCompOne } from "../shared";
-
-// To get the validation schema
-const validationSchema = Yup.object().shape({
-  bvn: Yup.string()
-  .required("BVN is required")
-  .test("no-e", "Invalid number", (value:any) => {
-    if (value && /^[0-9]*$/.test(value) == false) {
-      return false;
-    }
-    return true;
-  })
-  .min(11, "must be 11 digits")
-  .max(11, "must be 11 digits")
-});
-
-// initial values for formik
-let initialValues = {
-  bvn: ''
-};
-
-type Props = {
-    handleNextStep:()=>any
-}
-
-const BVN = ({handleNextStep}:Props) => {
-
-  const firstInputRef = React.useRef<HTMLInputElement>(null);
-
-  const handleSubmit = (values:any) => {
-    console.log('values', values)
-    handleNextStep()
-  };
-
-  return (
-    <Formik
-    initialValues={initialValues}
-    validationSchema={validationSchema}
-    onSubmit={handleSubmit}
-    >
-    {(props:any) => (
-      <Form className="">
-        <div className="w-full">
-          <div className="containerMode flex justify-between gap-1 xl:gap-8 flex-col">
-            <div className="my-[4rem] flex items-center justify-center w-full">
-              <h1 className="font-bold text-[2.375rem] text-[#5C2684] my-[.5rem] text-center">
-                Let’s Get You Started
-              </h1>
-            </div>
-            <div className="mx-auto flex flex-col gap-8 max-w-[31.625rem]">
-              <InputCompOne
-                parentClass="flex flex-col gap-2"
-                label="Enter Your BVN "
-                name="bvn"
-                parentInputClass="w-full"
-                labelSpan="( To get your BVN, dial *565*0# )"
-                labelSpanClass="text-[13px] text-[#5a5a5a] font-semibold"
-                placeholder="Enter your BVN"
-                labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#282828] mb-[2px] flex item-center gap-[4px]"
-                input
-                inputClass="w-full h-[3.625rem] rounded bg-[#EFEFEF] px-4"
-                value={props.values.bvn}
-                onChange={props.handleChange}
-                ref={firstInputRef}
-                maxLength={11}
-                error={(props.errors.bvn && props.touched.bvn) && props.errors.bvn}
-              />
-              <button
-                type='submit'
-                className="w-full h-[3.625rem] rounded bg-[#FBB700] rounded-2 px-4 text-[18px] text-[#282828] font-semibold disabled:text-[#282828] disabled:text-opacity-50"
-              >
-                Enter
-              </button>
-              <p className="text-[#5C2684] mt-[1.5625rem] max-w-[31.625rem]">
-                ***Every personal information attached to your BVN is safe and secured. It is only inportant for us to verify your information and also give you access to your application profile/account
-              </p>
-            </div>
-          </div>
-        </div>
-      </Form>
-    )}
-    </Formik>
-  );
-};
-
-export default BVN;
diff --git a/src/components/GetStarted/CreditAccount.tsx b/src/components/GetStarted/CreditAccount.tsx
deleted file mode 100644
index cb0e80a..0000000
--- a/src/components/GetStarted/CreditAccount.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-import { InputCompOne } from "..";
-
-const CreditAccount: React.FC = () => {
-  return (
-    <>
-      <div className="w-full rounded py-3 bg-[#5C2684] px-5">
-        <p className="text-base text-[#FBB700] tracking-[3%] font-extrabold w-fit">
-          CREDIT ACCOUNT ( Your account to receive your loan )
-        </p>
-      </div>
-      <InputCompOne
-        parentClass="max-w-[29.4375rem] w-full my-5 ml-5"
-        label="Disbursement Account Number "
-        name="disbursementAccountNumber"
-        labelSpan="( Your FCMB Account )"
-        labelSpanClass="text-[12px] text-[#5C2684] ml-1"
-        parentInputClass="w-full"
-        labelClass="font-bold text-[18px] leading-[21.7808px] tracking-[2%] text-[#5C2684] mb-[2px]"
-        input
-        inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
-      />
-    </>
-  );
-};
-
-export default CreditAccount;
diff --git a/src/components/GetStarted/EmployerValidation.tsx b/src/components/GetStarted/EmployerValidation.tsx
index 76e15bd..7107149 100644
--- a/src/components/GetStarted/EmployerValidation.tsx
+++ b/src/components/GetStarted/EmployerValidation.tsx
@@ -52,13 +52,8 @@ const validationSchema = Yup.object().shape({
   checked: Yup.bool(),
 });
 
-interface BasicInfoProps {
-  handleNextStep: any;
-}
 
-const EmployerValidation: React.FC<BasicInfoProps> = ({
-  handleNextStep,
-}) => {
+const EmployerValidation: React.FC= () => {
   // const inputRef = useRef<HTMLInputElement>(null);
 
   // const handleInput = (e: React.FormEvent<HTMLInputElement>) => {
@@ -83,7 +78,6 @@ const EmployerValidation: React.FC<BasicInfoProps> = ({
   //FUNCTION TO HANDLE SUBMIT
   const handleSubmit = (values:any) => {
     console.log(values)
-    handleNextStep()
   };
 
   return (
diff --git a/src/components/GetStarted/GetStarted.tsx b/src/components/GetStarted/GetStarted.tsx
deleted file mode 100644
index 7356021..0000000
--- a/src/components/GetStarted/GetStarted.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import EmployerValidation from "./EmployerValidation";
-import YourAreAlmostThere from "./YourAreAlmostThere";
-import LoanAmountComp from "./LoanAmountComp";
-import ApplicantsAttestation from "./ApplicantsAttestation";
-
-const GetStarted = ({handleNextStep, step}:{handleNextStep?:any, step?:string|number|any}) => {
-
-  return (
-    <>
-        {/* Main */}
-        {/* // {step === 2 && (
-        //   <BasicInfo
-        //     handleNextStep={handleNextStep}
-        //   />
-        // )}
-        // {step === 3 && <YourAreAlmostThere handleNextStep={handleNextStep} />}
-        // {step === 4 && <LoanAmountComp handleNextStep={handleNextStep} />}
-        // {step === 5 && <ApplicantsAttestation />} */}
-        <div className="my-10 bg-white w-full rounded-2xl border-2 border-black">
-          <div className="w-full p-5 sm:p-10 lg:p-20">
-            <EmployerValidation handleNextStep={handleNextStep} />
-          </div>
-        </div>
-    </>
-  );
-};
-
-export default GetStarted;
diff --git a/src/components/GetStarted/LoanAmountComp.tsx b/src/components/GetStarted/LoanAmountComp.tsx
deleted file mode 100644
index 33470d7..0000000
--- a/src/components/GetStarted/LoanAmountComp.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import { Button, InputCompOne } from "..";
-
-import {Formik, Form} from 'formik'
-import * as Yup from "yup";
-
-const initialValues = {
-  monthly_salary: "",
-  loan_amount: "",
-  duration: 6
-};
-
-// To get the validation schema
-const validationSchema = Yup.object().shape({
-  duration: Yup.number()
-    .required("Required"),
-  monthly_salary: Yup.string()
-    .required("Required")
-    .test("no-e", "Invalid", (value:any) => {
-      if (value && /^[0-9]*$/.test(value) == false) {
-        return false;
-      }
-      return true;
-    }),
-  loan_amount: Yup.string()
-    .required("Required")
-    .test("no-e", "Invalid", (value:any) => {
-      if (value && /^[0-9]*$/.test(value) == false) {
-        return false;
-      }
-      return true;
-    }),
-});
-
-// interface SliderProps {
-//   handleSliderChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-//   value: number;
-// }
-
-interface LoanAmountProps {
-  handleNextStep: any;
-}
-
-const LoanAmountComp: React.FC<LoanAmountProps> = ({ handleNextStep }) => {
-  // const [value, setValue] = React.useState(6);
-
-  // const handleSliderChange = (e: any) => {
-  //   setValue(e.target.value);
-  // };
-
-  //FUNCTION TO HANDLE SUBMIT
-  const handleSubmit = (values:any) => {
-    console.log(values)
-    handleNextStep()
-  };
-
-  return (
-    <>
-      <div className="flex justify-between items-center w-full mt-8 mb-[2.8125rem]">
-        <h1 className="font-semibold text-[38px] text-[#5C2684] my-[8px]">
-          Loan Amount
-        </h1>
-        <div className="flex flex-col gap-[7px]">
-          <p className="font-extrabold tracking-[3%] text-[#FBB700] underline">
-            For more enquiries and support
-          </p>
-          <p className="font-extrabold tracking-[3%] text-[#5A5A5A]">
-            Call: 09099000000
-          </p>
-          <p className="font-extrabold tracking-[3%] text-[#5A5A5A]">
-            Email: fcmbloan@support.com
-          </p>
-        </div>
-      </div>
-      <Formik
-            initialValues={initialValues}
-            validationSchema={validationSchema}
-            onSubmit={handleSubmit}
-          >
-            {(props)=>(
-              <Form>           
-                <div className="flex flex-col gap-[45px] justify-center ml-[40px] mb-[40px]">
-                  <InputCompOne
-                    parentClass="max-w-[29.4375rem] w-full"
-                    label="Your Monthly Salary*"
-                    name="monthly_salary"
-                    parentInputClass="w-full"
-                    labelClass="font-bold text-[18px] leading-[21.7808px] tracking-[2%] text-[#5C2684] mb-[2px]"
-                    input
-                    inputClass="w-full h-[51px] bg-[#EFEFEF] rounded-[6px] placeholder:text-green-600 placeholder:font-bold px-4"
-                    placeholder="150,000"
-                    value={props.values.monthly_salary}
-                    onChange={props.handleChange}
-                    error={(props.errors.monthly_salary && props.touched.monthly_salary) ? props.errors.monthly_salary : ''}
-                  />
-
-                  <div className="w-full border-[.1875rem] rounded-xl border-black min-h-[884px] py-4 px-8 max-w-[784px]">
-                    <p className="leading-[22px] tracking-[3%] text-[#5C2684] w-[729px] mb-[2.625rem]">
-                      The maximum amount you can apply for on this offer is based on the
-                      information you shared with us in your loan application. We have
-                      made this offer to suit your monthly remuneration and to enable you
-                      pay your loan on-time
-                    </p>
-                    <InputCompOne
-                      parentClass="max-w-[45.8125rem] w-full mb-3"
-                      label="How much do you want to apply for?"
-                      name="loan_amount"
-                      parentInputClass="w-full"
-                      labelClass="font-bold text-[18px] leading-[21.7808px] tracking-[2%] text-[#5C2684] mb-[2px]"
-                      input
-                      inputClass="w-full h-[51px] bg-[#EFEFEF] rounded-[6px] placeholder:text-green-600 placeholder:font-bold px-9"
-                      placeholder="350,000"
-                      value={props.values.loan_amount}
-                      onChange={props.handleChange}
-                      error={(props.errors.loan_amount && props.touched.loan_amount) ? props.errors.loan_amount : ''}
-                    />
-                    <div className="flex items-center justify-between w-full">
-                      <div className=" h-[68px] flex flex-col py-1 px-[13px] shadow-md text-[#5C2684]">
-                        <span>Minimum Offer:</span>
-                        <p>
-                          <b>N</b>100,000
-                        </p>
-                      </div>
-
-                      <div className="h-[68px] flex flex-col py-1 px-[13px] shadow-md text-[#5C2684]">
-                        <span>Maximum Offer:</span>
-                        <p>
-                          <b>N</b>500,000
-                        </p>
-                      </div>
-                    </div>
-
-                    <>
-                      <div className="flex flex-col items-start mt-11 mb-16">
-                        <p className="text-lg font-semibold">For how many months? <span className='text-[10px] text-red-500'>{(props.errors.duration && props.touched.duration) ? props.errors.duration : ''}</span></p>
-                        <div className="w-full">
-                          <input
-                            type="range"
-                            min="6"
-                            max="24"
-                            value={props.values.duration}
-                            onChange={props.handleChange}
-                            className="slider w-full h-2 bg-gray-300 rounded-lg appearance-none cursor-pointer"
-                            style={{
-                              background: `linear-gradient(90deg, #6B21A8 ${
-                                ((props.values.duration - 6) / 18) * 100
-                              }%, #D1D5DB ${((props.values.duration - 6) / 18) * 100}%)`,
-                            }}
-                          />
-                        </div>
-                        <div className="mt-4 text-lg font-semibold text-gray-700 w-full flex items-center text-center justify-center">
-                          {props.values.duration} months
-                        </div>
-                      </div>
-                    </>
-
-                    <div className="w-full flex items-center justify-center flex-col">
-                      <div className="w-[279px] h-[130px] mb-[76px] flex items-center justify-center flex-col">
-                        <p className="text-[#FBB700]">Your Monthly Repayment</p>
-                        <p>N</p>
-                      </div>
-                      <Button
-                        className="max-w-[462px] w-full bg-[#5C2684] rounded h-[2.75rem]"
-                        text="Submit"
-                        type='submit'
-                      />
-                    </div>
-                  </div>
-                </div>
-              </Form>
-            )}
-      </Formik>
-    </>
-  );
-};
-
-export default LoanAmountComp;
-
-// const Slider: React.FC<SliderProps> = ({ handleSliderChange, value }) => {
-//   return (
-//     <div className="flex flex-col items-start mt-11 mb-16">
-//       <p className="text-lg font-semibold">For how many months?</p>
-//       <div className="w-full">
-//         <input
-//           type="range"
-//           min="6"
-//           max="24"
-//           value={value}
-//           onChange={handleSliderChange}
-//           className="slider w-full h-2 bg-gray-300 rounded-lg appearance-none cursor-pointer"
-//           style={{
-//             background: `linear-gradient(90deg, #6B21A8 ${
-//               ((value - 6) / 18) * 100
-//             }%, #D1D5DB ${((value - 6) / 18) * 100}%)`,
-//           }}
-//         />
-//       </div>
-//       <div className="mt-4 text-lg font-semibold text-gray-700 w-full flex items-center text-center justify-center">
-//         {value} months
-//       </div>
-//     </div>
-//   );
-// };
diff --git a/src/components/GetStarted/StartValidation.tsx b/src/components/GetStarted/StartValidation.tsx
new file mode 100644
index 0000000..483fe3b
--- /dev/null
+++ b/src/components/GetStarted/StartValidation.tsx
@@ -0,0 +1,16 @@
+import EmployerValidation from "./EmployerValidation";
+
+const StartValidation = () => {
+
+  return (
+    <>
+      <div className="my-10 bg-white w-full rounded-2xl border-2 border-black">
+        <div className="w-full p-5 sm:p-10 lg:p-20">
+          <EmployerValidation />
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default StartValidation;
diff --git a/src/components/GetStarted/YourAreAlmostThere.tsx b/src/components/GetStarted/YourAreAlmostThere.tsx
deleted file mode 100644
index 3bbe2ee..0000000
--- a/src/components/GetStarted/YourAreAlmostThere.tsx
+++ /dev/null
@@ -1,402 +0,0 @@
-import React from "react";
-import { Button, InputCompOne } from "..";
-
-import {Formik, Form} from 'formik'
-import * as Yup from "yup";
-
-const initialValues = {
-  job_title: "",
-  employer_name: "",
-  employer_email:"",
-  date_of_resumption: "",
-  employee_id: "",
-  annual_income: "",
-  monthly_salary: "",
-  salary_payment_date: "",
-  ref_name: "",
-  ref_email: "",
-  ref_number: "",
-  ref_relationship: "",
-  ref_bvn: "",
-  ref_two_name: "",
-  ref_two_email: "",
-  ref_two_number: "",
-  ref_two_relationship: "",
-  ref_two_bvn: "",
-};
-
-// To get the validation schema
-const validationSchema = Yup.object().shape({
-  job_title: Yup.string()
-    .required("Required"),
-  employer_name: Yup.string()
-    .required("Required"),
-  date_of_resumption: Yup.string()
-    .required("Required"),
-  employer_email: Yup.string()
-    .email("Invalid")
-    .required("Required"),
-  annual_income: Yup.string()
-    .required("Required")
-    .test("no-e", "Invalid", (value:any) => {
-      if (value && /^[0-9]*$/.test(value) == false) {
-        return false;
-      }
-      return true;
-    }),
-  monthly_salary: Yup.string()
-    .required("Required")
-    .test("no-e", "Invalid", (value:any) => {
-      if (value && /^[0-9]*$/.test(value) == false) {
-        return false;
-      }
-      return true;
-    }),
-  salary_payment_date: Yup.string()
-    .required("Required"),
-  employee_id: Yup.string()
-    .required("Required"),
-    ref_name: Yup.string()
-    .required("Required"),
-  ref_email: Yup.string()
-    .email("Invalid")
-    .required("Required"),
-  ref_number: Yup.string()
-    .required("Required"),
-  ref_relationship: Yup.string()
-    .required("Required"),
-  ref_bvn: Yup.string()
-    .required("BVN is required")
-    .test("no-e", "Invalid number", (value:any) => {
-      if (value && /^[0-9]*$/.test(value) == false) {
-        return false;
-      }
-      return true;
-    })
-    .min(11, "must be 11 digits")
-    .max(11, "must be 11 digits"),
-  ref_two_name: Yup.string()
-    .required("Required"),
-  ref_two_email: Yup.string()
-    .email("Invalid")
-    .required("Required"),
-  ref_two_number: Yup.string()
-    .required("Required"),
-  ref_two_relationship: Yup.string()
-    .required("Required"),
-  ref_two_bvn: Yup.string()
-    .required("BVN is required")
-    .test("no-e", "Invalid number", (value:any) => {
-      if (value && /^[0-9]*$/.test(value) == false) {
-        return false;
-      }
-      return true;
-    })
-    .min(11, "must be 11 digits")
-    .max(11, "must be 11 digits"),
-});
-
-interface YourAreAlmostThereProps {
-  handleNextStep: any;
-}
-
-const YourAreAlmostThere: React.FC<YourAreAlmostThereProps> = ({ handleNextStep }) => {
-
-  //FUNCTION TO HANDLE SUBMIT
-  const handleSubmit = (values:any) => {
-    console.log(values)
-    handleNextStep()
-  };
-
-  return (
-    <>
-      <h1 className="font-semibold text-[2.375rem] text-[#5C2684] my-[.5rem]">
-        You’re almost there
-      </h1>
-      <Formik
-            initialValues={initialValues}
-            validationSchema={validationSchema}
-            onSubmit={handleSubmit}
-          >
-            {(props)=>(
-              <Form>           
-                <div className="flex flex-col gap-6">
-                  <>
-                    <div className="w-full rounded py-3 bg-[#5C2684] px-5">
-                      <p className="text-base text-[#FBB700] tracking-[3%] font-extrabold w-fit">
-                        EMPLOYMENT DETAILS
-                      </p>
-                    </div>
-
-                    <div className="flex flex-col gap-4">
-                      <InputCompOne
-                        parentClass="max-w-[17.9375rem] w-full"
-                        label="Job Title"
-                        name="job_title"
-                        parentInputClass="w-full"
-                        labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                        input
-                        inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                        value={props.values.job_title}
-                        onChange={props.handleChange}
-                        error={(props.errors.job_title && props.touched.job_title) ? props.errors.job_title : ''}
-                      />
-                      <div className="flex items-center gap-[3.6875rem]">
-                        <InputCompOne
-                          parentClass="max-w-[23.1875rem] w-full"
-                          label="Employer’s Name"
-                          name="employer_name"
-                          parentInputClass="w-full"
-                          labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                          input
-                          inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                          value={props.values.employer_name}
-                          onChange={props.handleChange}
-                          error={(props.errors.employer_name && props.touched.employer_name) ? props.errors.employer_name : ''}
-                        />
-                        <InputCompOne
-                          parentClass="max-w-[23.1875rem] w-full"
-                          label="Employer’s Official Email"
-                          name="employer_email"
-                          parentInputClass="w-full"
-                          labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                          input
-                          inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                          value={props.values.employer_email}
-                          onChange={props.handleChange}
-                          error={(props.errors.employer_email && props.touched.employer_email) ? props.errors.employer_email : ''}
-                        />
-                      </div>
-                      <div className="flex items-center gap-[9rem]">
-                        <InputCompOne
-                          parentClass="max-w-[17.9375rem] w-full"
-                          label="Resumption Date"
-                          name="date_of_resumption"
-                          parentInputClass="w-full"
-                          labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                          input
-                          inputType='date'
-                          inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                          value={props.values.date_of_resumption}
-                          onChange={props.handleChange}
-                          error={(props.errors.date_of_resumption && props.touched.date_of_resumption) ? props.errors.date_of_resumption : ''}
-                        />
-                        <InputCompOne
-                          parentClass="max-w-[17.9375rem] w-full"
-                          label="Employee ID."
-                          name="employee_id"
-                          labelSpan="Upload your work ID"
-                          labelSpanClass="text-[11px] text-[#7a7373]"
-                          parentInputClass="w-full"
-                          labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                          input
-                          inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                          value={props.values.employee_id}
-                          onChange={props.handleChange}
-                          error={(props.errors.employee_id && props.touched.employee_id) ? props.errors.employee_id : ''}
-                        />
-                      </div>
-                      <div className="flex items-center gap-[3.6875rem]">
-                        <InputCompOne
-                          parentClass="max-w-[23.1875rem] w-full"
-                          label="Salary ( Gross annual income )"
-                          name="annual_income"
-                          parentInputClass="w-full"
-                          labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                          input
-                          inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                          value={props.values.annual_income}
-                          onChange={props.handleChange}
-                          error={(props.errors.annual_income && props.touched.annual_income) ? props.errors.annual_income : ''}
-                        />
-                        <InputCompOne
-                          parentClass="max-w-[23.1875rem] w-full"
-                          label="Salary ( Net monthly Income )"
-                          name="monthly_salary"
-                          parentInputClass="w-full"
-                          labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                          input
-                          inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                          value={props.values.monthly_salary}
-                          onChange={props.handleChange}
-                          error={(props.errors.monthly_salary && props.touched.monthly_salary) ? props.errors.monthly_salary : ''}
-                        />
-                      </div>
-                      <InputCompOne
-                        parentClass="max-w-[20.3125rem]"
-                        label="Salary Payment Date"
-                        name="salary_payment_date"
-                        parentInputClass="w-full"
-                        labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                        input
-                        inputType='date'
-                        inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                        value={props.values.salary_payment_date}
-                        onChange={props.handleChange}
-                        error={(props.errors.salary_payment_date && props.touched.salary_payment_date) ? props.errors.salary_payment_date : ''}
-                      />
-                    </div>
-                  </>
-                  
-                  <>
-                    <div className="w-full rounded py-3 bg-[#5C2684] px-5">
-                      <p className="text-base text-[#FBB700] tracking-[3%] font-extrabold w-fit">
-                        REFERENCE DETAILS ( Must be 18 years and above )
-                      </p>
-                    </div>
-                    <div className="">
-                      <div className="flex flex-col gap-[3.4375rem]">
-                        <div className="flex flex-col gap-4">
-                          <div className="flex items-center gap-[6.5625rem]">
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Name"
-                              name="ref_name"
-                              labelSpan="1st reference"
-                              labelSpanClass="text-[12px] text-[#5C2684] ml-1"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] px-[.125rem] rounded-[.375rem]"
-                              value={props.values.ref_name}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_name && props.touched.ref_name) ? props.errors.ref_name : ''}
-                            />
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Relationship with He/She"
-                              name="ref_relationship"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] px-[.125rem] rounded-[.375rem]"
-                              value={props.values.ref_relationship}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_relationship && props.touched.ref_relationship) ? props.errors.ref_relationship : ''}
-                            />
-                          </div>
-                          <div className="flex items-center gap-[6.5625rem]">
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Phone Number"
-                              name="ref_number"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                              value={props.values.ref_number}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_number && props.touched.ref_number) ? props.errors.ref_number : ''}
-                            />
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Email Address"
-                              name="ref_email"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                              value={props.values.ref_email}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_email && props.touched.ref_email) ? props.errors.ref_email : ''}
-                            />
-                          </div>
-                          <InputCompOne
-                            parentClass="max-w-[20.3125rem] w-full"
-                            label="BVN"
-                            name="ref_bvn"
-                            parentInputClass="w-full"
-                            labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                            input
-                            inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                            value={props.values.ref_bvn}
-                            onChange={props.handleChange}
-                            error={(props.errors.ref_bvn && props.touched.ref_bvn) ? props.errors.ref_bvn : ''}
-                          />
-                        </div>
-                        <div className="flex flex-col gap-4">
-                          <div className="flex items-center gap-[6.5625rem]">
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Name"
-                              name="ref_two_name"
-                              labelSpan="2nd reference"
-                              labelSpanClass="text-[12px] text-[#5C2684] ml-[4px]"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                              value={props.values.ref_two_name}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_two_name && props.touched.ref_two_name) ? props.errors.ref_two_name : ''}
-                            />
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Relationship with He/She"
-                              name="ref_two_relationship"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                              value={props.values.ref_two_relationship}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_two_relationship && props.touched.ref_two_relationship) ? props.errors.ref_two_relationship : ''}
-                            />
-                          </div>
-                          <div className="flex items-center gap-[6.5625rem]">
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Phone Number"
-                              name="ref_two_number"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                              value={props.values.ref_two_number}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_two_number && props.touched.ref_two_number) ? props.errors.ref_two_number : ''}
-                            />
-                            <InputCompOne
-                              parentClass="max-w-[20.3125rem] w-full"
-                              label="Email Address"
-                              name="ref_two_email"
-                              parentInputClass="w-full"
-                              labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                              input
-                              inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                              value={props.values.ref_two_email}
-                              onChange={props.handleChange}
-                              error={(props.errors.ref_two_email && props.touched.ref_two_email) ? props.errors.ref_two_email : ''}
-                            />
-                          </div>
-                          <InputCompOne
-                            parentClass="max-w-[20.3125rem] w-full"
-                            label="BVN"
-                            name="ref_two_bvn"
-                            parentInputClass="w-full"
-                            labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
-                            input
-                            inputClass="w-full h-[2.25rem] bg-[#EFEFEF] rounded-[.375rem]"
-                            value={props.values.ref_two_bvn}
-                            onChange={props.handleChange}
-                            error={(props.errors.ref_two_bvn && props.touched.ref_two_bvn) ? props.errors.ref_two_bvn : ''}
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  </>
-
-                  <Button
-                    className="my-8 max-w-[20.3125rem] btn-R bg-[#5A2C82]"
-                    text="Continue"
-                    type="submit"
-                  />
-                </div>
-              </Form>
-            )}
-      </Formik>
-    </>
-  );
-};
-
-export default YourAreAlmostThere;
diff --git a/src/components/GetStarted/index.ts b/src/components/GetStarted/index.ts
index d85f971..3013c3d 100644
--- a/src/components/GetStarted/index.ts
+++ b/src/components/GetStarted/index.ts
@@ -1,3 +1,3 @@
-import GetStarted from "./GetStarted";
+import StartValidation from "./StartValidation";
 
-export { GetStarted };
+export { StartValidation };
diff --git a/src/components/auth/OTP.tsx b/src/components/auth/OTP.tsx
index 3cd3ed5..c8eff87 100644
--- a/src/components/auth/OTP.tsx
+++ b/src/components/auth/OTP.tsx
@@ -70,8 +70,8 @@ export default function Login() {
                   </div>
                   <div className="relative my-2 py-2">
                     <FloatLabelInput
-                      id="password"
-                      name="password"
+                      id="passwor"
+                      name="passwor"
                       type="password"
                     //   placeHolder="Password"
                     //   labelName="Password"
@@ -82,8 +82,8 @@ export default function Login() {
                   </div>
                   <div className="relative my-2 py-2">
                     <FloatLabelInput
-                      id="password"
-                      name="password"
+                      id="passw"
+                      name="passw"
                       type="password"
                     //   placeHolder="Password"
                     //   labelName="Password"
diff --git a/src/layouts/DashboardLayout/DashboardAuth.tsx b/src/layouts/DashboardLayout/DashboardAuth.tsx
index 8400f96..40641b0 100644
--- a/src/layouts/DashboardLayout/DashboardAuth.tsx
+++ b/src/layouts/DashboardLayout/DashboardAuth.tsx
@@ -3,7 +3,7 @@ import {useState, useEffect} from 'react'
 import DashboardLayout from "./DashboardLayout";
 import { Outlet, useNavigate } from "react-router-dom";
 import { useSelector, useDispatch } from "react-redux";
-import { RouteHandler } from '../../router/routes';
+// import { RouteHandler } from '../../router/routes';
 import { updateUserDetails } from '../../store/UserDetails';
 import { getUserByID } from '../../core/apiRequest';
 
@@ -22,20 +22,20 @@ export default function DashboardAuth() {
     let token = localStorage.getItem('token')
     let uid = localStorage.getItem('uid')
     if(!token || !uid){
-      navigate(RouteHandler.letsGetStarted, {replace:true})
+      navigate('', {replace:true})
       return
     }
     const getUser = () => { // FUNCTION TO GET USER BY ID
       // let data = {firstname:'firstname', lastname:'lastname', uid:'28273737646466464'}
       getUserByID(uid).then(res=>{
         if(!res.data.call_return || !Object.keys(res.data.customer).length){
-          navigate(RouteHandler.letsGetStarted, {replace:true})
+          navigate('', {replace:true})
           return
         }
         setLoading(false)
         dispatch(updateUserDetails(res.data.customer));
       }).catch(err=>{
-        navigate(RouteHandler.letsGetStarted, {replace:true})
+        navigate('', {replace:true})
         console.log('USER ERROR', err)
       })
     }
diff --git a/src/layouts/DashboardLayout/DashboardLayout.tsx b/src/layouts/DashboardLayout/DashboardLayout.tsx
index 892250c..cc080d5 100644
--- a/src/layouts/DashboardLayout/DashboardLayout.tsx
+++ b/src/layouts/DashboardLayout/DashboardLayout.tsx
@@ -1,5 +1,5 @@
 import { ReactNode, useState, useEffect } from "react";
-import { RouteHandler } from "../../router/routes";
+// import { RouteHandler } from "../../router/routes";
 import { useNavigate } from "react-router-dom";
 
 import Aside from "./Aside";
@@ -36,7 +36,7 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
 
   const logoutUser = () => {
     localStorage.clear()
-    navigate(RouteHandler.letsGetStarted, {replace:true})
+    navigate('', {replace:true})
   }
 
   return (
diff --git a/src/pages/GetStartedPage.tsx b/src/pages/GetStartedPage.tsx
deleted file mode 100644
index baad895..0000000
--- a/src/pages/GetStartedPage.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import { GetStarted as Main } from "../components";
-import { Layout } from "../layouts";
-// import BVN from "../components/GetStarted/BVN";
-
-const GetStartedPage: React.FC = () => {
-  const [step, setStep] = React.useState(1);
-
-  const handleNextStep = () => {
-    if (step < 5) {
-      setStep(step + 1);
-    }
-  };
-
-  return (
-    <>
-    {/* {step == 1 ?
-      <LetsGetStartedLayout>
-        <BVN handleNextStep={handleNextStep} />
-      </LetsGetStartedLayout>
-    :
-    null
-    } */}
-      <Layout>
-        <Main step={step} handleNextStep={handleNextStep} />
-      </Layout>
-    </>
-  );
-};
-
-export default GetStartedPage;
diff --git a/src/pages/StartValidationPage.tsx b/src/pages/StartValidationPage.tsx
new file mode 100644
index 0000000..eca9900
--- /dev/null
+++ b/src/pages/StartValidationPage.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { StartValidation } from "../components";
+import { Layout } from "../layouts";
+
+const StartValidationPage: React.FC = () => {
+
+  return (
+    <>
+      <Layout>
+        <StartValidation />
+      </Layout>
+    </>
+  );
+};
+
+export default StartValidationPage;
diff --git a/src/pages/index.ts b/src/pages/index.ts
index b53ab89..4d1a97b 100644
--- a/src/pages/index.ts
+++ b/src/pages/index.ts
@@ -1,7 +1,7 @@
 import HomePage from "./HomePage";
 import LoginPage from "./LoginPage";
 import OTPPage from "./OTPPage";
-import GetStartedPage from "./GetStartedPage";
+import StartValidationPage from "./StartValidationPage";
 // import DashboardHomePage from "./DashboardHomePage";
 // import DashboardLegalsPage from "./DashboardLegalsPage";
 // import DashboardProfilePage from "./DashboardProfilePage";
@@ -17,7 +17,7 @@ export {
   HomePage,
   LoginPage,
   OTPPage,
-  GetStartedPage,
+  StartValidationPage,
   // DashboardHomePage,
   // DashboardLegalsPage,
   // DashboardProfilePage,
diff --git a/src/router/Router.tsx b/src/router/Router.tsx
index c524109..da16509 100644
--- a/src/router/Router.tsx
+++ b/src/router/Router.tsx
@@ -3,7 +3,7 @@ import { RouteHandler } from "./routes";
 import { DashboardAuth, Layout } from "../layouts";
 
 import {
-  GetStartedPage,
+  StartValidationPage,
   LoginPage,
   OTPPage,
   // HomePage,
@@ -27,7 +27,7 @@ const Routers = () => {
         <Route path={RouteHandler.otppage} element={<OTPPage />} />
       </Route>
 
-      <Route path={RouteHandler.homepage} element={<GetStartedPage />} />
+      <Route path={RouteHandler.homepage} element={<StartValidationPage />} />
 
       {/* <Route path={RouteHandler.homepage} element={<HomePage />} /> */}
       {/* <Route