//... <> <div className={Home.resume_body}> <div className="top_nav"> <Nav /> {/* <TopMenu /> */} </div> <div className={Home.resume_main}> <div className={Home.left_image}> <h1 className={Home.formtitle}> In just minutes, create a job-ready resume </h1> </div> <div className={Home.right_form}> <h1 className={Home.form_title}>Create my Resume</h1> <p className={Home.sub_title}> With quick Resume, you can build the right resume today. </p> <div className={Home.resume_form}> <form onSubmit={handleSubmit(onSubmit)}> <div className={Home.resumelinkinfo}> <label className={Home.getstartedlabel} htmlFor=""> Full Name </label> <input defaultValue="" required className={Home.getstartedinput} {...register('full_name')} placeholder="FullName" type="text" /> </div> <div className={Home.resumelinkinfo}> <label className={Home.getstartedlabel} htmlFor=""> Role </label> <input defaultValue="" required className={Home.getstartedinput} {...register('role')} placeholder="e.g. Software Engineer" type="text" /> </div> <div className={Home.resumelinkinfo}> <label className={Home.getstartedlabel} htmlFor=""> Phone number </label> <input defaultValue="" required className={Home.getstartedinput} {...register('phonenumber')} placeholder="+23470..." type="text" /> </div> <div className={Home.resumelinkinfo}> <label className={Home.getstartedlabel} htmlFor=""> Email </label> <input defaultValue="" required className={Home.getstartedinput} {...register('email')} placeholder="abc@gmail.com" type="email" /> </div> <div className={Home.resumelinkinfo}> <label className={Home.getstartedlabel} htmlFor=""> Address </label> <input defaultValue="" required className={Home.getstartedinput} {...register('address')} placeholder="Lagos, Nigeria" type="text" /> </div> <div className={Home.resumelinkinfo}> <label className={Home.getstartedlabel} htmlFor=""> Profile Photo </label> <input required type="file" className={Home.getstartedinput} placeholder="Select an Image" multiple accept="image/*" {...register('MyImage')} /> </div> { loadingstate ? <button type="submit" className="bg-[#f64900] hover:bg-[#f64900] text-[#fff] font-semibold hover:text-[#fff] py-2 px-4 border border-[#f64900] hover:border-transparent rounded" > Loading... </button> : <button type="submit" className="bg-[#f64900] hover:bg-[#f64900] text-[#fff] font-semibold hover:text-[#fff] py-2 px-4 border border-[#f64900] hover:border-transparent rounded" > Get started </button> } </form> </div> </div> </div> </div> </> //...