get started first step added

2024-04-22 09:36:48 +01:00
parent 94f9803ec5
commit 747c945659
5 changed files with 125 additions and 16 deletions
@@ -1,12 +1,28 @@
 import React from "react";
 import { GetStarted as Main } from "../components";
-import { GetStartedLayout } from "../layouts";
+import { GetStartedLayout, LetsGetStartedLayout } 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 (
-    <GetStartedLayout>
-      <Main />
-    </GetStartedLayout>
+    <>
+    {step == 1 ?
+      <LetsGetStartedLayout>
+        <BVN handleNextStep={handleNextStep} />
+      </LetsGetStartedLayout>
+    :
+      <GetStartedLayout>
+        <Main step={step} handleNextStep={handleNextStep} />
+      </GetStartedLayout>
+    }
+    </>
  );
 };