sign up compled

src/components/AuthPages/SignUp/index.jsx

@@ -4,8 +4,10 @@ import googleLogo from "../../../assets/images/google-logo.svg";
 import logo from "../../../assets/images/light-logo.png"; //logo-1.svg";
 import titleShape from "../../../assets/images/shape/title-shape-two.svg";
 import InputCom from "../../Helpers/Inputs/InputCom";
+import { Link, useNavigate } from 'react-router-dom';
 
 export default function SignUp() {
+  const navigate = useNavigate();
   const [checked, setValue] = useState(false);
   const rememberMe = () => {
     setValue(!checked);
@@ -127,14 +129,15 @@ export default function SignUp() {
                       </div>
                     </div>
                     <div className="signin-area mb-1">
-                      <a
-                        href="#"
-                        className="w-full rounded-[50px] mb-5 h-[58px] text-xl text-white font-bold flex justify-center bg-purple items-center"
-                      >
-                        Sign Up
-                      </a>
-                      <a
-                        href="#"
+                    
+                      <button
+                  className="w-full rounded-[50px] mb-5 h-[58px] text-xl text-white font-bold flex justify-center bg-purple items-center"
+                  onClick={() => navigate("/verify-signup")}
+                >
+                  Sign Up
+                </button>
+                      {/* <a
+                        href="#" onClick={() => navigate("/verify-you")}
                         className="w-full border border-light-purple dark:border-[#5356fb29]  rounded-[50px] h-[58px] flex justify-center bg-[#FAFAFA] dark:bg-[#11131F]  items-center"
                       >
                         <img
@@ -145,7 +148,7 @@ export default function SignUp() {
                         <span className="text-lg text-thin-light-gray font-normal">
                           Sign Up with Google
                         </span>
-                      </a>
+                      </a> */}
                     </div>
                     <div className="signup-area flex justify-center">
                       <p className="text-lg text-thin-light-gray font-normal">