cosmatic and logo changes
This commit is contained in:
parent
7c5dca1665
commit
02777a8f47
BIN
public/img/brand/ofw-500x500.png
Normal file
BIN
public/img/brand/ofw-500x500.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 4.2 KiB |
BIN
public/img/favicon/favicon1.ico
Normal file
BIN
public/img/favicon/favicon1.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@ -25,9 +25,10 @@ const AuthLayout = () => {
|
||||
>
|
||||
<span className="app-brand-logo rounded-circle ">
|
||||
<img
|
||||
src="/img/brand/marco.png"
|
||||
src="/img/brand/ofw-500x500.png"
|
||||
alt="marco-logo"
|
||||
className="app-brand-logo-login"
|
||||
className="app-brand-logo-login m-5"
|
||||
style={{ width: "50px" }}
|
||||
/>
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
@ -14,6 +14,11 @@ const LandingPage = () => {
|
||||
<div className="container-fluid px-5 w-100">
|
||||
<div className="row w-100">
|
||||
<div className="col-md-auto d-flex justify-content-between align-items-center">
|
||||
<img
|
||||
src="/img/brand/ofw-500x500.png"
|
||||
style={{ width: "40px" }}
|
||||
className="me-2"
|
||||
></img>
|
||||
<a className="navbar-brand fw-bold text-green" href="#">
|
||||
<span className="text-blue">OnField</span>
|
||||
<span>Work</span>
|
||||
|
||||
@ -7,27 +7,30 @@ export const AuthWrapper = ({ children }) => {
|
||||
{/* <div className="authentication-wrapper authentication-basic container-p-y">
|
||||
<div className="authentication-inner">
|
||||
<div className="card"> */}
|
||||
<div className="card-body">
|
||||
<div className="app-brand justify-content-center" >
|
||||
<Link
|
||||
aria-label="Go to Home Page"
|
||||
to="/"
|
||||
className="app-brand-link gap-2"
|
||||
>
|
||||
<span className="app-brand-logo rounded-circle " style={{ marginBottom: "625px",marginLeft:"-39px" }}>
|
||||
<img
|
||||
src="/img/brand/marco.png"
|
||||
alt="marco-logo"
|
||||
className="app-brand-logo-login"
|
||||
/>
|
||||
</span>
|
||||
</Link>
|
||||
{/* </div> */}
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="app-brand justify-content-center">
|
||||
<Link
|
||||
aria-label="Go to Home Page"
|
||||
to="/"
|
||||
className="app-brand-link gap-2"
|
||||
>
|
||||
<span
|
||||
className="app-brand-logo rounded-circle "
|
||||
style={{ marginBottom: "625px", marginLeft: "-39px" }}
|
||||
>
|
||||
<img
|
||||
src="/img/brand/ofw-500x500.png"
|
||||
alt="marco-logo"
|
||||
className="app-brand-logo-login"
|
||||
/>
|
||||
</span>
|
||||
</Link>
|
||||
{/* </div> */}
|
||||
{children}
|
||||
</div>
|
||||
// </div>
|
||||
</div>
|
||||
</div>
|
||||
// </div>
|
||||
// </div>
|
||||
);
|
||||
};
|
||||
};
|
||||
|
||||
@ -37,33 +37,36 @@ const registerSchema = z.object({
|
||||
const RegisterPage = () => {
|
||||
const [registered, setRegristered] = useState(false);
|
||||
const [industries, setIndustries] = useState([]);
|
||||
const [Loading,setLoading] = useState(false)
|
||||
const [Loading, setLoading] = useState(false);
|
||||
const {
|
||||
register,
|
||||
handleSubmit,
|
||||
formState: { errors },reset
|
||||
formState: { errors },
|
||||
reset,
|
||||
} = useForm({
|
||||
resolver: zodResolver(registerSchema),
|
||||
});
|
||||
|
||||
const onSubmit = async (data) => {
|
||||
try {
|
||||
setLoading(true)
|
||||
setLoading(true);
|
||||
const response = await MarketRepository.requestDemo(data);
|
||||
showToast("Your request has been sent successfully. Please stay in touch!");
|
||||
showToast(
|
||||
"Your request has been sent successfully. Please stay in touch!"
|
||||
);
|
||||
setRegristered(true);
|
||||
setLoading(false)
|
||||
reset()
|
||||
setLoading(false);
|
||||
reset();
|
||||
} catch (error) {
|
||||
showToast(error.message, "error");
|
||||
setLoading(false)
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
useEffect(() => {
|
||||
fetchIndustries();
|
||||
}, []);
|
||||
|
||||
useEffect(() => { }, [industries]);
|
||||
useEffect(() => {}, [industries]);
|
||||
|
||||
const fetchIndustries = async () => {
|
||||
try {
|
||||
@ -76,10 +79,8 @@ const RegisterPage = () => {
|
||||
};
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="col-12 col-lg-5 col-xl-4 d-flex align-items-center p-4 p-sm-5 bg-gray-60">
|
||||
<div className="w-100" style={{ maxWidth: 420, margin: "0 auto" }}>
|
||||
|
||||
<h4 className="mb-2">Adventure starts here </h4>
|
||||
<p className="mb-3">Make your app management easy and fun!</p>
|
||||
|
||||
@ -88,65 +89,64 @@ const RegisterPage = () => {
|
||||
className="mb-2"
|
||||
onSubmit={handleSubmit(onSubmit)}
|
||||
>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-12 col-sm-6 mb-2 text-start">
|
||||
<label htmlFor="organizatioinName" className="form-label">
|
||||
Organization Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control form-control-sm"
|
||||
id="organizatioinName"
|
||||
{...register("organizatioinName")}
|
||||
name="organizatioinName"
|
||||
placeholder="Enter your Organization Name"
|
||||
autoFocus
|
||||
/>
|
||||
{errors.organizatioinName && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
style={{ fontSize: "12px" }}
|
||||
>
|
||||
{errors.organizatioinName.message}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="col-12 col-sm-6 mb-2 text-start">
|
||||
<label htmlFor="email" className="form-label">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control form-control-sm"
|
||||
id="email"
|
||||
name="email"
|
||||
placeholder="Enter your email"
|
||||
{...register("email")}
|
||||
/>
|
||||
{errors.email && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
style={{ fontSize: "12px" }}
|
||||
>
|
||||
{errors.email.message}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="col-12 col-sm-6 mb-2 text-start">
|
||||
<label htmlFor="organizatioinName" className="form-label">
|
||||
Organization Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control form-control-sm"
|
||||
id="organizatioinName"
|
||||
{...register("organizatioinName")}
|
||||
name="organizatioinName"
|
||||
placeholder="Enter your Organization Name"
|
||||
autoFocus
|
||||
/>
|
||||
{errors.organizatioinName && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
style={{ fontSize: "12px" }}
|
||||
>
|
||||
{errors.organizatioinName.message}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="col-12 col-sm-6 mb-2 text-start">
|
||||
<label htmlFor="email" className="form-label">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control form-control-sm"
|
||||
id="email"
|
||||
name="email"
|
||||
placeholder="Enter your email"
|
||||
{...register("email")}
|
||||
/>
|
||||
{errors.email && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
style={{ fontSize: "12px" }}
|
||||
>
|
||||
{errors.email.message}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className="mb-2 form-password-toggle text-start">
|
||||
<label className="form-label" htmlFor="contactperson">
|
||||
Contact Person
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="contactperson"
|
||||
{...register("contactPerson")}
|
||||
className="form-control form-control-sm"
|
||||
name="contactPerson"
|
||||
placeholder="Contact Person"
|
||||
aria-describedby="contactperson"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="contactperson"
|
||||
{...register("contactPerson")}
|
||||
className="form-control form-control-sm"
|
||||
name="contactPerson"
|
||||
placeholder="Contact Person"
|
||||
aria-describedby="contactperson"
|
||||
/>
|
||||
{errors.contactPerson && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
@ -160,15 +160,15 @@ const RegisterPage = () => {
|
||||
<label className="form-label" htmlFor="contactnumber">
|
||||
Contact Number
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="contactnumber"
|
||||
{...register("contactNumber")}
|
||||
className="form-control form-control-sm"
|
||||
name="contactNumber"
|
||||
placeholder="Contact Number"
|
||||
aria-describedby="contactnumber"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
id="contactnumber"
|
||||
{...register("contactNumber")}
|
||||
className="form-control form-control-sm"
|
||||
name="contactNumber"
|
||||
placeholder="Contact Number"
|
||||
aria-describedby="contactnumber"
|
||||
/>
|
||||
{errors.contactNumber && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
@ -182,14 +182,14 @@ const RegisterPage = () => {
|
||||
<label className="form-label" htmlFor="contactnumber">
|
||||
About Organization
|
||||
</label>
|
||||
<textarea
|
||||
id="about"
|
||||
className="form-control"
|
||||
placeholder="About..."
|
||||
aria-label="about"
|
||||
aria-describedby="about"
|
||||
{...register("about")}
|
||||
></textarea>
|
||||
<textarea
|
||||
id="about"
|
||||
className="form-control"
|
||||
placeholder="About..."
|
||||
aria-label="about"
|
||||
aria-describedby="about"
|
||||
{...register("about")}
|
||||
></textarea>
|
||||
{errors.about && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
@ -203,20 +203,20 @@ const RegisterPage = () => {
|
||||
<label className="form-label" htmlFor="oragnizationSize">
|
||||
Organization Size
|
||||
</label>
|
||||
<select
|
||||
className="form-select form-select-sm"
|
||||
id="oragnizationSize"
|
||||
name="oragnizationSize"
|
||||
{...register("oragnizationSize")}
|
||||
aria-label="Default select example"
|
||||
>
|
||||
<option value="">Number of Employees</option>
|
||||
<option value="1-10">1-10</option>
|
||||
<option value="10-50">10-50</option>
|
||||
<option value="50-100">50-100</option>
|
||||
<option value="100-200">100-200</option>
|
||||
<option value="more than 200">more than 200</option>
|
||||
</select>
|
||||
<select
|
||||
className="form-select form-select-sm"
|
||||
id="oragnizationSize"
|
||||
name="oragnizationSize"
|
||||
{...register("oragnizationSize")}
|
||||
aria-label="Default select example"
|
||||
>
|
||||
<option value="">Number of Employees</option>
|
||||
<option value="1-10">1-10</option>
|
||||
<option value="10-50">10-50</option>
|
||||
<option value="50-100">50-100</option>
|
||||
<option value="100-200">100-200</option>
|
||||
<option value="more than 200">more than 200</option>
|
||||
</select>
|
||||
{errors.oragnizationSize && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
@ -230,24 +230,24 @@ const RegisterPage = () => {
|
||||
<label className="form-label" htmlFor="industryId">
|
||||
Industry
|
||||
</label>
|
||||
<select
|
||||
className="form-select form-select-sm"
|
||||
id="industryId"
|
||||
name="industryId"
|
||||
{...register("industryId")}
|
||||
aria-label="Default select example"
|
||||
>
|
||||
<option value="">Select Industry</option>
|
||||
{industries.length > 0 ? (
|
||||
industries.map((item) => (
|
||||
<option value={item.id} key={item.id}>
|
||||
{item.name}
|
||||
</option>
|
||||
))
|
||||
) : (
|
||||
<option disabled>Loading industries...</option>
|
||||
)}
|
||||
</select>
|
||||
<select
|
||||
className="form-select form-select-sm"
|
||||
id="industryId"
|
||||
name="industryId"
|
||||
{...register("industryId")}
|
||||
aria-label="Default select example"
|
||||
>
|
||||
<option value="">Select Industry</option>
|
||||
{industries.length > 0 ? (
|
||||
industries.map((item) => (
|
||||
<option value={item.id} key={item.id}>
|
||||
{item.name}
|
||||
</option>
|
||||
))
|
||||
) : (
|
||||
<option disabled>Loading industries...</option>
|
||||
)}
|
||||
</select>
|
||||
{errors.industryId && (
|
||||
<div
|
||||
className="danger-text text-start"
|
||||
@ -276,7 +276,6 @@ const RegisterPage = () => {
|
||||
privacy policy & terms
|
||||
</Link>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
{errors.terms && (
|
||||
<div
|
||||
@ -289,9 +288,9 @@ const RegisterPage = () => {
|
||||
</div>
|
||||
<button
|
||||
aria-label="Click me "
|
||||
className="btn btn-primary d-grid w-100"
|
||||
className="btn btn-green d-grid w-100"
|
||||
>
|
||||
{Loading ? "Please Wait..." :" Request Demo"}
|
||||
{Loading ? "Please Wait..." : " Request Demo"}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
@ -300,10 +299,10 @@ const RegisterPage = () => {
|
||||
<Link
|
||||
aria-label="Go to Login Page"
|
||||
to="/auth/login"
|
||||
className="text-decoration-underline ms-1"
|
||||
className="text-decoration-underline ms-1 text-green"
|
||||
disabled={Loading}
|
||||
>
|
||||
<i className="bx bx-chevron-left scaleX-n1-rtl bx-sm me-1"></i>
|
||||
<i className="bx bx-chevron-left scaleX-n1-rtl bx-sm me-1 "></i>
|
||||
Back to login
|
||||
</Link>
|
||||
</p>
|
||||
@ -313,4 +312,4 @@ const RegisterPage = () => {
|
||||
);
|
||||
};
|
||||
|
||||
export default RegisterPage;
|
||||
export default RegisterPage;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user