text: /** Form COMPONENT **/
  import React from 'react' 
  
  const Form = () => (
              <form className="row g-3" name="contact" method="POST" action="/thankyou" netlify-honeypot="bot-field" data-netlify="true">
                <input type="hidden" name="form-name" value="contact" />
                  <p class="hidden">
                      <label>Don’t fill this out if you’re human: <input name="bot-field" /></label>
                  </p>
                  <div className="col-md-6">
                    <input type="text" name="fname" class="form-control" placeholder="First name" aria-label="First name"/>
                  </div>
                  <div className="col-md-6">
                    <input type="text" name="lname" class="form-control" placeholder="Last name" aria-label="Last name"/>
                  </div>
                  <div className="col-6">
                    <input type="email"  name="email" class="form-control" placeholder="name@example.com"/>
                  </div>
                  <div className="col-6">
                    <input type="text" name="phone" className="form-control"   placeholder="Phone Number"/>
                  </div>
                  <div class="col-12"> 
                    <textarea class="form-control"  name="message" placeholder="Your Message"  aria-label="With textarea"></textarea>
                  </div>
                  <div className="col-12 text-center">
                    <button type="submit" className="btn btn-outline-light rounded-0 btn-lg"> SUBMIT </button>
                  </div>
              </form>
  )
  
  export default Form
  