Results Page + Contacts

src/Components/Pages/Contact/ContactForm.tsx

@@ -0,0 +1,62 @@
+const ContactForm = () => {
+  return (
+    <div className="mt-10 mx-5  lg:mx-0 flex justify-center items-center">
+      <form className="w-full md:w-auto">
+        <div className="flex flex-col md:flex-row md:gap-3">
+          <input
+            className="form-input"
+            type="text"
+            id="name"
+            placeholder="Name"
+          />
+          <input
+            className="form-input"
+            type="email"
+            id="email"
+            placeholder="Email"
+          />
+        </div>
+        <div className="flex flex-col md:flex-row md:gap-3">
+          <input
+            className="form-input"
+            type="text"
+            id="company"
+            placeholder="Company"
+          />
+          <input
+            className="form-input"
+            type="number"
+            id="phone"
+            placeholder="Phone"
+          />
+        </div>
+        <div className="flex flex-col">
+          <input
+            className="form-input"
+            type="text"
+            id="question"
+            placeholder="What is your most important question?"
+          ></input>
+
+          <textarea
+            className="form-input"
+            name="message"
+            id="message"
+            placeholder="Message"
+            rows={6}
+          ></textarea>
+        </div>
+
+        <div className="flex mt-5 mb-10 lg:mt-12 mx-10 lg:mx-20 rounded-xl bg-gradient-to-br from-gold-light to-gold-dark p-0.5 shadow-lg">
+          <a className="flex w-full" href="#Contact">
+            <button className="flex-1 font-medium md:px-8 py-3 text-2xl md:text-3xl bg-gradient-to-br from-custom-bglight to-custom-bgdark rounded-xl hover:bg-transparent hover:from-transparent hover:to-transparent transition duration-500">
+              Send!
+            </button>
+          </a>
+        </div>
+      </form>
+    </div>
+  );
+};
+
+export default ContactForm;