"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>
  );
}