feat(form): enhance and refactor contact form to inquiries form

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.
This commit is contained in:
AmirReza Jamali
2025-10-27 11:33:18 +03:30
parent ca911091f4
commit 645b397396
6 changed files with 284 additions and 40 deletions
+2 -2
View File
@@ -1,9 +1,9 @@
import ContactUs from "../_contact-us/page";
import Inquires from "../_inquires/page";
const FooterForm = () => {
return (
<div className="absolute w-full -top-[420px] lg:-top-72 z-10">
<ContactUs />
<Inquires />
</div>
);
};