{"version":3,"sources":["webpack:///./src/components/elements/ContactInfo.js","webpack:///./src/components/elements/Hours.js","webpack:///./src/pages/contactUs.js","webpack:///./src/components/elements/Cities.js","webpack:///./src/components/blocks/ContactForm.js"],"names":["ContactInformation","className","href","Hours","contactUs","title","HeaderHero","headline","tagline","DividerIcon","icon","destination","Cities","ContactInfo","ContactForm","props","name","method","data-netlify","data-netlify-honeypot","type","value","htmlFor","placeholder","id","required"],"mappings":"6NAqBeA,EAnBY,WACzB,OACE,yBAAKC,UAAU,yBACb,6BACE,uBAAGA,UAAU,gCAAb,SACA,uBAAGA,UAAU,kCACX,uBAAGC,KAAK,sBAAR,oBAGJ,6BACE,uBAAGD,UAAU,gCAAb,SACA,uBAAGA,UAAU,kCACX,uBAAGC,KAAK,KAAR,6BCWKC,EAvBD,WACZ,OACE,6BACE,yBAAKF,UAAU,iBACb,wBAAIA,UAAU,wBAAd,0BACA,uBAAGA,UAAU,0BAAb,kBACA,uBAAGA,UAAU,wBAAb,oBACA,yBAAKA,UAAU,8BACb,uBAAGA,UAAU,uBAAb,+BACA,uBAAGA,UAAU,wBAAb,iBACA,uBAAGA,UAAU,uBAAb,oBACA,uBAAGA,UAAU,wBAAb,mBAEF,uBAAGA,UAAU,wBAAb,aACA,yBAAKA,UAAU,8BACb,uBAAGA,UAAU,uBAAb,oBACA,uBAAGA,UAAU,wBAAb,sBC4CKG,UAhDG,WAChB,OACE,6BACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,eACX,4BAAQJ,UAAU,kBAChB,kBAACK,EAAA,EAAD,CACEC,SAAS,aACTC,QAAQ,gCAGZ,kBAACC,EAAA,EAAD,CAAaC,KAAM,kBAAC,IAAD,MAAaC,YAAY,MAC5C,yBAAKV,UAAU,mBACb,6BAASA,UAAU,mBACjB,yBAAKA,UAAU,2BACb,wBAAIA,UAAU,qBAAd,yCAGA,wBAAIA,UAAU,oBAAd,qDAGA,uBAAGA,UAAU,uBAAb,6JAMF,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,wBACb,8CACA,yBAAKA,UAAU,QACb,kBAACW,EAAA,EAAD,OAEF,kBAACC,EAAD,MACA,kBAAC,EAAD,OAEF,yBAAKZ,UAAU,qBACb,kBAACa,EAAA,EAAD,CAAaT,MAAM,8B,oCCnDnC,qCAeeO,IAZA,WACb,OACE,yBAAKX,UAAU,kBACb,sCACA,kBAAC,IAAD,CAASA,UAAU,yBACnB,wCACA,kBAAC,IAAD,CAASA,UAAU,yBACnB,wC,kCCVN,yBAgGea,IA7FK,SAAAC,GAClB,OACE,yBAAKd,UAAU,eACb,wBAAIA,UAAU,sBAAsBc,EAAMV,OAC1C,0BACEW,KAAK,UACLC,OAAO,OACPhB,UAAU,OACViB,eAAa,OACbC,wBAAsB,aAItB,2BAAOC,KAAK,SAASJ,KAAK,YAAYK,MAAM,YAC5C,yBAAKpB,UAAU,cACb,yBAAKA,UAAU,eACb,2BAAOqB,QAAQ,OAAOrB,UAAU,eAAhC,QAGA,2BACEmB,KAAK,OACLnB,UAAU,cACVsB,YAAY,oBACZC,GAAG,OACHR,KAAK,OACLS,UAAQ,KAGZ,yBAAKxB,UAAU,eACb,2BAAOqB,QAAQ,QAAQrB,UAAU,eAAjC,SAGA,2BACEmB,KAAK,QACLnB,UAAU,cACVsB,YAAY,gBACZC,GAAG,QACHR,KAAK,QACLS,UAAQ,KAGZ,yBAAKxB,UAAU,eACb,2BAAOqB,QAAQ,QAAQrB,UAAU,eAAjC,2BAGA,2BACEmB,KAAK,MACLnB,UAAU,cACVsB,YAAY,iBACZC,GAAG,QACHR,KAAK,WAGT,yBAAKf,UAAU,eACb,2BAAOqB,QAAQ,OAAOrB,UAAU,eAAhC,QAGA,2BACEmB,KAAK,OACLnB,UAAU,cACVsB,YAAY,OACZC,GAAG,OACHR,KAAK,OACLS,UAAQ,MAKd,yBAAKxB,UAAU,eACb,2BAAOqB,QAAQ,UAAUrB,UAAU,eAAnC,WAGA,8BACEmB,KAAK,WACLnB,UAAU,cACVsB,YAAY,oIACZC,GAAG,UACHR,KAAK,UACLS,UAAQ,KAGZ,4BAAQxB,UAAU,eAAemB,KAAK,UAAtC","file":"component---src-pages-contact-us-js-0c556d2fbbc558666f47.js","sourcesContent":["import React from 'react';\n\nconst ContactInformation = () => {\n  return (\n    <div className='elements-contact-info'>\n      <div>\n        <p className='elements-contact-info__label'>Phone</p>\n        <p className='elements-contact-info__address'>\n          <a href='tel:1-805-222-6726'>(805) 222-6726</a>\n        </p>\n      </div>\n      <div>\n        <p className='elements-contact-info__label'>Email</p>\n        <p className='elements-contact-info__address'>\n          <a href='#'>thenobledog@gmail.com</a>\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default ContactInformation;\n","import React from 'react';\n\nconst Hours = () => {\n  return (\n    <div>\n      <div className='element-hours'>\n        <h4 className='element-hours__title'>Training session hours</h4>\n        <p className='element-hours__subtext'>(Held in-home)</p>\n        <p className='element-hours__label'>Ventura & Oxnard</p>\n        <div className='element-hours__time-grid\t'>\n          <p className='element-hours__days'>Wednesday, Thursday, Friday</p>\n          <p className='element-hours__times'>4:00pm-8:00pm</p>\n          <p className='element-hours__days'>Saturday, Sunday</p>\n          <p className='element-hours__times'>10:00am-7:00pm</p>\n        </div>\n        <p className='element-hours__label'>Camarillo</p>\n        <div className='element-hours__time-grid\t'>\n          <p className='element-hours__days'>Saturday, Sunday</p>\n          <p className='element-hours__times'>10:00am-7:00pm</p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Hours;\n","import React from 'react';\nimport { Link } from 'gatsby';\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\n\nimport HeaderHero from '../components/layout/HeaderHero';\nimport DividerIcon from '../components/layout/DividerIcon';\nimport { FaCrown } from 'react-icons/fa';\n\nimport ContactForm from '../components/blocks/ContactForm';\nimport Cities from '../components/elements/Cities';\nimport ContactInfo from '../components/elements/ContactInfo';\nimport Hours from '../components/elements/Hours';\n\nconst contactUs = () => {\n  return (\n    <div>\n      <Layout>\n        <SEO title='Contact Us' />\n        <header className='contact-header'>\n          <HeaderHero\n            headline='Contact Us'\n            tagline='Ventura County, California'\n          />\n        </header>\n        <DividerIcon icon={<FaCrown />} destination='#' />\n        <div className='contact-wrapper'>\n          <section className='contact-section'>\n            <div className='contactPage__introBlock'>\n              <h2 className='heading-secondary'>\n                Ready to improve your dog's behavior?\n              </h2>\n              <h3 className='heading-tertiary'>\n                Please send us a message or give us a call today!\n              </h3>\n              <p className='contactPage__introP'>\n                We are happy to help answer questions you may have about our\n                training programs. Find out what we can do to help your\n                relationship with your best friend.\n              </p>\n            </div>\n            <div className='contactPage__grid'>\n              <div className='contactPage__details'>\n                <h3>Ventura County</h3>\n                <div className='mb-4'>\n                  <Cities />\n                </div>\n                <ContactInfo />\n                <Hours />\n              </div>\n              <div className='contactPage__form'>\n                <ContactForm title='Send us a message' />\n              </div>\n            </div>\n            {/* End of grid */}\n          </section>\n        </div>\n      </Layout>\n    </div>\n  );\n};\n\nexport default contactUs;\n","import React from 'react';\nimport { FaCrown } from 'react-icons/fa';\n\nconst Cities = () => {\n  return (\n    <div className='element-cities'>\n      <p>Ventura</p>\n      <FaCrown className='element-cities__icon' />\n      <p>Camarillo</p>\n      <FaCrown className='element-cities__icon' />\n      <p>Oxnard</p>\n    </div>\n  );\n};\n\nexport default Cities;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ContactForm = props => {\n  return (\n    <div className='contactForm'>\n      <h3 className='contactForm__title'>{props.title}</h3>\n      <form\n        name='contact'\n        method='post'\n        className='form'\n        data-netlify='true'\n        data-netlify-honeypot='bot-field'\n      >\n        {/* To work in Gatsby, hidden fields below */}\n        {/* <input type='hidden' name='bot-field' /> */}\n        <input type='hidden' name='form-name' value='contact' />\n        <div className='form__grid'>\n          <div className='form__group'>\n            <label htmlFor='name' className='form__label'>\n              Name\n            </label>\n            <input\n              type='text'\n              className='form__input'\n              placeholder='Shannon and Tiger'\n              id='name'\n              name='name'\n              required\n            />\n          </div>\n          <div className='form__group'>\n            <label htmlFor='email' className='form__label'>\n              Email\n            </label>\n            <input\n              type='email'\n              className='form__input'\n              placeholder='dog@gmail.com'\n              id='email'\n              name='email'\n              required\n            />\n          </div>\n          <div className='form__group'>\n            <label htmlFor='phone' className='form__label'>\n              Phone Number (optional)\n            </label>\n            <input\n              type='tel'\n              className='form__input'\n              placeholder='(805) 555-5555'\n              id='phone'\n              name='phone'\n            />\n          </div>\n          <div className='form__group'>\n            <label htmlFor='city' className='form__label'>\n              City\n            </label>\n            <input\n              type='text'\n              className='form__input'\n              placeholder='City'\n              id='city'\n              name='city'\n              required\n            />\n          </div>\n        </div>\n        {/* End of form grid */}\n        <div className='form__group'>\n          <label htmlFor='message' className='form__label'>\n            Message\n          </label>\n          <textarea\n            type='textarea'\n            className='form__input'\n            placeholder='Tell us a little bit about your dog and their behavior. Please let us know if you have any questions we are happy to answer them!'\n            id='message'\n            name='message'\n            required\n          />\n        </div>\n        <button className='form__button' type='submit'>\n          Submit\n        </button>\n      </form>\n    </div>\n  );\n};\n\nContactForm.propTypes = {\n  title: PropTypes.string\n};\n\nexport default ContactForm;\n"],"sourceRoot":""}