AmirReza Jamali
645b397396
This commit refactors the contact form into a more robust inquiries form, relocating it from `/contact-us` to a new `/inquires` route. Key changes include: - Renamed and moved the component from `ContactUs` to `Inquires`. - Updated form fields: removed "Company Name", added "Message", and renamed "Work Email" and "Phone Number" for clarity. - Implemented comprehensive client-side validation for all fields using `react-hook-form`. - Added a loading state to the submit button to provide user feedback during submission. - The form now automatically resets upon successful submission. - Introduced new reusable `TextareaGroup` and `Loading` components to support the enhanced form functionality.
21 lines
671 B
TypeScript
21 lines
671 B
TypeScript
import InquiresForm from "./form";
|
|
|
|
const Inquires = () => {
|
|
return (
|
|
<div className="flex flex-col items-center mt-16 px-8 ">
|
|
<div className="lg:w-2/3 m-auto flex flex-col gap-4 mb-12">
|
|
<h2 className="font-bold text-4xl">Unlock Your Growth Potential</h2>
|
|
<p className="font-normal text-[16px] text-gray-600">
|
|
Register for early access and a free consultation. Let's start winning
|
|
together.
|
|
</p>
|
|
</div>
|
|
<section className="border border-gray-300 rounded-4xl w-full lg:max-w-2/3 flex flex-col items-center bg-white">
|
|
<InquiresForm />
|
|
</section>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Inquires;
|