{"size": 1781, "ext": "js", "max_stars_repo_path": "src/components/Home/Contact.js", "max_stars_repo_name": "zorandasc/gatsby-coffe-site", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Home/Contact.js", "max_issues_repo_name": "zorandasc/gatsby-coffe-site", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Home/Contact.js", "max_forks_repo_name": "zorandasc/gatsby-coffe-site", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.186440678, "max_line_length": 80, "alphanum_fraction": 0.4564851207}
import React from "react"
import Title from "../Globals/Title"
import { useIntl } from "gatsby-plugin-intl"

const Contact = () => {
  const intl = useIntl()
  return (
    <section className="contact py-5">
      <Title title={intl.formatMessage({ id: "contact" })}></Title>
      <div className="row">
        <div className="col-10 col-sm-8 col-md-6 mx-auto">
          <form action="https://formspree.io/zoran.dasic@mtel.ba" method="POST">
            <div>
              <label htmlFor="name">{intl.formatMessage({ id: "name" })}</label>
              <input
                type="text"
                name="name"
                id="name"
                placeholder="pero peric"
                className="form-control"
              ></input>
            </div>
            <div>
              <label htmlFor="email">Email</label>
              <input
                type="text"
                name="email"
                id="email"
                placeholder="pero@email.com"
                className="form-control"
              ></input>
            </div>
            <div>
              <label htmlFor="description">
                {intl.formatMessage({ id: "description" })}
              </label>
              <textarea
                name="descriptione"
                id="description"
                className="form-control"
                rows="5"
                placeholder="Your description goes here"
              ></textarea>
            </div>
            <button
              type="submit"
              className="btn btn-yellow btn-block text-capitalize mt-5"
            >
              {intl.formatMessage({ id: "submit" })}
            </button>
          </form>
        </div>
      </div>
    </section>
  )
}

export default Contact
