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