sign up

src/Routers.jsx

@@ -31,6 +31,7 @@ import CalendarPage from "./views/CalendarPage";
 import ResourcePage from "./views/ResourcePage";
 import TrackActionPage from "./views/TrackActionPage";
 import SubscriptionPage from "./views/SubscriptionPage";
+import VerifySignupCompletePage from "./views/VerifySignupCompletePage";
 
 export default function Routers() {
   return (
@@ -51,6 +52,7 @@ export default function Routers() {
         />
         <Route exact path="/verify-you" element={<VerifyYouPages />} />
         <Route exact path="/verify-signup" element={<VerifySignupPage />} />
+        <Route exact path="/complete-signup" element={<VerifySignupCompletePage />} />
 
         {/* private route */}
         <Route element={<AuthRoute />}>

src/components/AuthPages/SignUp/CompleteSignUp/index.jsx

@@ -1,7 +1,14 @@
 import React from "react";
+import AuthLayout from "../../AuthLayout";
 
-export default function ThankYou({ className }) {
+
+export default function CompleteSignUp({ className }) {
   return (
+    <>
+    <AuthLayout
+      slogan="Welcome to myFit"
+    >
+
     <div
       className={`content-wrapper xl:bg-white dark:xl:bg-dark-white   sm:px-[70px] px-5 2xl:px-[100px] 2xl:h-[818px] xl:h-[650px] rounded-xl flex flex-col justify-center ${
         className || ""
@@ -44,5 +51,7 @@ export default function ThankYou({ className }) {
         </a>
       </div>
     </div>
+    </AuthLayout>
+    </>
   );
 }

src/components/AuthPages/SignUp/VerifySignup/index.jsx

@@ -3,7 +3,7 @@ import titleShape from "../../../../assets/images/shape/text-shape-three.svg";
 import AuthLayout from "../../AuthLayout";
 import Otp from "./Otp";
 
-export default function VerifyYou() {
+export default function VerifySignup() {
   return (
     <>
       <AuthLayout
@@ -23,7 +23,7 @@ export default function VerifyYou() {
               <Otp />
               <div className="signin-area mb-3.5">
                 <a
-                  href="/update-password"
+                  href="/complete-signup"
                   className="w-full rounded-[50px] h-[58px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center"
                 >
                   Continue

src/views/VerifySignupCompletePage.jsx

@@ -0,0 +1,6 @@
+import React from "react";
+import CompleteSignUp from "../components/AuthPages/SignUp/CompleteSignUp";
+
+export default function VerifySignupCompletePage() {
+  return <CompleteSignUp />;
+}