text: import React from "react"
  import Title from "../Globals/Title"
  
  export default function Contact() {
    return (
      <section className="contact py-5">
        <Title title="contact us" />
        <div className="row">
          <div className="col-10 col-sm-8 col-md-6 mx-auto">
            <form action="https://formspree.io/acke@acke.site" method="POST">
              {/* Name */}
              {/* ============= */}
              <div className="form-group">
                <label htmlFor="name">Name</label>
                <input
                  type="text"
                  className="form-control"
                  name="name"
                  id="name"
                  placeholder="Your name here..."
                />
              </div>
              {/* Email */}
              {/* ============= */}
              <div className="form-group">
                <label htmlFor="email">Email</label>
                <input
                  type="text"
                  className="form-control"
                  name="email"
                  id="email"
                  placeholder="Your email address here..."
                />
              </div>
              {/* Description */}
              {/* ============= */}
              <div className="form-group">
                <label htmlFor="description">Description</label>
                <textarea
                  name="description"
                  id="description"
                  className="form-control"
                  rows="5"
                  placeholder="Your message here..."
                />
              </div>
              {/* Submit button */}
              {/* ============= */}
              <button
                type="submit"
                className="btn btn-yellow btn-block text-capitalize mt-5"
              >
                submit
              </button>
            </form>
          </div>
        </div>
      </section>
    )
  }
  