first commit

components/otherPages/Contact.jsx

@@ -0,0 +1,111 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+export default function Contact() {
+  return (
+    <div className="page-title style-default -mb_11">
+      <div className="section-contact style-default position-relative py-0">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="left">
+                <div className="heading">
+                  <h1 className="mb_21">
+                    Success is a team play, right? Let's work together!
+                  </h1>
+                  <ul className="breadcrumb">
+                    <li>
+                      <Link href={`/`} className="link">
+                        Home
+                      </Link>
+                    </li>
+                    <li>Contact</li>
+                  </ul>
+                </div>
+                <div className="bot">
+                  <div className="content mb-0">
+                    <h6>+91 90954 50005</h6>
+                    <p className="text-body-2 text_mono-gray-6">
+                      Call us for urgent
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-lg-6">
+              <form
+                className="form-contact"
+                onSubmit={(e) => e.preventDefault()}
+              >
+                <fieldset>
+                  <label className="mb_15" htmlFor="name">
+                    Full Name*
+                  </label>
+                  <input
+                    type="text"
+                    placeholder="Full Name"
+                    id="name"
+                    required
+                  />
+                </fieldset>
+                <div className="grid-2 gap_24">
+                  <fieldset>
+                    <label className="mb_15" htmlFor="email">
+                      Email Address*
+                    </label>
+                    <input
+                      type="email"
+                      placeholder="Your email address*"
+                      id="email"
+                      required
+                    />
+                  </fieldset>
+                  <fieldset>
+                    <label className="mb_15" htmlFor="phone">
+                      Phone Number
+                      <span className="text_mono-gray-5">(Optional)</span>
+                    </label>
+                    <input
+                      type="text"
+                      placeholder="Your phone number"
+                      id="phone"
+                      required
+                    />
+                  </fieldset>
+                </div>
+                <fieldset className="">
+                  <label className="mb_15" htmlFor="message">
+                    Message
+                  </label>
+                  <textarea
+                    className="message"
+                    placeholder="Write your message here..."
+                    id="message"
+                    defaultValue={""}
+                  />
+                </fieldset>
+                <a href="#" className="link attachment">
+                  <i className="icon-paperclip-solid" />
+                  Add an attachment
+                </a>
+                <button type="submit" className="tf-btn btn-primary2 mt_22">
+                  <span>Send Message</span>
+                  <span className="bg-effect" />
+                </button>
+              </form>
+            </div>
+          </div>
+        </div>
+        <div className="shape position-absolute">
+          <Image
+            alt="item"
+            src="/images/item/shape-5.png"
+            width={1105}
+            height={720}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}