Results Page + Contacts

2024-06-08 02:41:54 +01:00
parent cc73a8e3da
commit 601d5ac89d
23 changed files with 277 additions and 81 deletions
@@ -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;
@@ -0,0 +1,26 @@
+import ContactForm from "./ContactForm";
+
+const ContactPage = () => {
+  return (
+    <div className="h-full">
+      <div className="header-text">
+        <h1>
+          Contact Us For <br />A{" "}
+          <span className="bg-clip-text text-transparent bg-gradient-to-br from-gold-light to-gold-dark">
+            Free
+          </span>{" "}
+          Analysis
+        </h1>
+        <h2 className="sub-header-text ">
+          Would you like to know what we could do for you? Fill out the form ad
+          we’ll get <br />
+          back to you No obligation, no annoying tactics. We won’t waste your
+          time.
+        </h2>
+      </div>
+      <ContactForm />
+    </div>
+  );
+};
+
+export default ContactPage;