add: Not found page

2025-10-22 17:51:15 +03:30
parent 349f1137f7
commit f57373b476
10 changed files with 397 additions and 42 deletions
@@ -0,0 +1,72 @@
+"use client";
+import api from "@/service/api";
+import { useForm } from "react-hook-form";
+import { toast } from "react-toastify";
+import InputGroup from "../_components/InputGroup";
+type TContactUsForm = {
+  full_name: string;
+  company_name: string;
+  work_email: string;
+  phone_number: string;
+};
+const ContactUsForm = () => {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm<TContactUsForm>();
+  const onSubmit = async (data: TContactUsForm) => {
+    try {
+      const response = (await api.post("inquiries", { ...data })).data;
+      toast.success(response.message);
+    } catch (error) {
+      console.log(error);
+      toast.error("Something went wrong");
+      throw error;
+    }
+  };
+  return (
+    <form
+      className="w-full px-4 md:px-16 py-10 grid md:grid-cols-2 gap-4 "
+      onSubmit={handleSubmit(onSubmit)}>
+      <InputGroup
+        id="full_name"
+        label="Full Name"
+        register={register}
+        type="text"
+      />
+      <InputGroup
+        id="company_name"
+        label="Company Name"
+        register={register}
+        type="text"
+      />
+      <InputGroup
+        id="work_email"
+        label="Work Email"
+        register={register}
+        type="email"
+      />
+      <InputGroup
+        id="phone_number"
+        label="Phone Number"
+        register={register}
+        type="text"
+        error={errors.phone_number?.message}
+        validation={{
+          pattern: {
+            value: /^[+\d]+$/,
+            message: "Please enter a valid phone number",
+          },
+        }}
+      />
+      <div className="md:col-span-2 flex justify-end">
+        <button className="bg-(--primary) w-fit text-white rounded-full py-4 px-6">
+          Register Now
+        </button>
+      </div>
+    </form>
+  );
+};
+
+export default ContactUsForm;
@@ -0,0 +1,20 @@
+import ContactUsForm from "./form";
+
+const ContactUs = () => {
+  return (
+    <div className="flex flex-col items-center mt-16 px-8 ">
+      <div className="md: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 md:max-w-2/3 flex flex-col items-center bg-white">
+        <ContactUsForm />
+      </section>
+    </div>
+  );
+};
+
+export default ContactUs;