text: import React from "react"
  import Title from "./Title"
  import styles from "../css/contact.module.css"
  
  const Contact = () => {
    return (
      <section className={styles.contact}>
        <Title title="contact" subtitle="us" />
        <div className={styles.center}>
          <form
            action="https://formspree.io/mdowqzgo"
            method="POST"
            className={styles.form}
          >
            <div>
              <label htmlFor="name">name</label>
              <input
                type="text"
                name="name"
                id="name"
                className={styles.formControl}
                placeholder="John Smith"
              />
            </div>
            <div>
              <label htmlFor="email">email</label>
              <input
                type="text"
                name="email"
                id="email"
                className={styles.formControl}
                placeholder="email@domain.com"
              />
            </div>
            <div>
              <label htmlFor="message">message</label>
              <textarea
                name="message"
                id="message"
                cols="30"
                rows="10"
                className={styles.formControl}
                placeholder="Hello there"
              ></textarea>
            </div>
            <div>
              <input
                type="submit"
                value="submit here"
                className={styles.submit}
              />
            </div>
          </form>
        </div>
      </section>
    )
  }
  
  export default Contact
  