{"version":3,"sources":["webpack:///./src/components/Contact/Hours.jsx","webpack:///./src/components/Contact/Form.jsx","webpack:///./src/pages/contact.js"],"names":["Hours","className","ContactForm","useState","name","email","phone","subject","message","contactState","setContactState","contactRef","useRef","handleChange","e","target","value","method","action","ref","onSubmit","preventDefault","data","formRef","current","fetch","headers","body","getAttribute","Object","keys","map","key","encodeURIComponent","join","then","navigate","catch","error","alert","netlify-honeypot","data-netlify","type","onChange","htmlFor","placeholder","rows","variant","query","useStaticQuery","Layout","SEO","title","Hero","img","contactBanner","childImageSharp","fluid"],"mappings":"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","file":"component---src-pages-contact-js-2b5fa019c93f59dc7d9d.js","sourcesContent":["import React from \"react\";\n\nexport default function Hours() {\n\treturn (\n\t\t<div className=\"flex flex-col items-center justify-center p-4 text-center md:p-8 lg:justify-evenly lg:flex-row\">\n\t\t\t<div className=\"flex-col\">\n\t\t\t\t<h2 className=\"text-2xl md:text-3xl\">We are located at:</h2>\n\t\t\t\t<div className=\"w-full md:text-xl\">\n\t\t\t\t\t<p>2991 Webster Avenue</p>\n\t\t\t\t\t<p>Bronx, NY 10458</p>\n\t\t\t\t\t<div className=\"flex md:flex-col\">\n\t\t\t\t\t\t<p className=\"mx-2\">\n\t\t\t\t\t\t\t<span className=\"font-bold\">Tel:</span> 718-220-8989\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p className=\"mx-2\">\n\t\t\t\t\t\t\t<span className=\"font-bold\">Fax:</span> 718-220-4441\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<table className=\"my-4 table-auto\">\n\t\t\t\t<thead className=\"border border-gray-300\">\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th className=\"text-xl font-extrabold border border-gray-400\">\n\t\t\t\t\t\t\tMon\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th className=\"text-xl font-extrabold border border-gray-400\">\n\t\t\t\t\t\t\tTue\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th className=\"text-xl font-extrabold border border-gray-400\">\n\t\t\t\t\t\t\tWed\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th className=\"text-xl font-extrabold border border-gray-400\">\n\t\t\t\t\t\t\tThu\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th className=\"text-xl font-extrabold border border-gray-400\">\n\t\t\t\t\t\t\tFri\n\t\t\t\t\t\t</th>\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody className=\"border border-gray-400\">\n\t\t\t\t\t<tr className=\"border-b border-gray-400\">\n\t\t\t\t\t\t<td className=\"p-2 text-center bg-gray-300 border border-gray-500 md:h-20\">\n\t\t\t\t\t\t\t8AM - 4PM\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"p-2 text-center bg-gray-300 border border-gray-500 md:h-20\">\n\t\t\t\t\t\t\t8AM - 4PM\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"p-2 text-center bg-gray-300 border border-gray-500 md:h-20\">\n\t\t\t\t\t\t\t8AM - 4PM\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"p-2 text-center bg-gray-300 border border-gray-500 md:h-20\">\n\t\t\t\t\t\t\t8AM - 4PM\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"p-2 text-center bg-gray-300 border border-gray-500 md:h-20\">\n\t\t\t\t\t\t\t8AM - 4PM\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n}\n","import { navigate } from \"gatsby\";\nimport React, { useState, useRef } from \"react\";\n\nexport default function ContactForm() {\n\tconst [contactState, setContactState] = useState({\n\t\tname: \"\",\n\t\temail: \"\",\n\t\tphone: \"\",\n\t\tsubject: \"\",\n\t\tmessage: \"\",\n\t});\n\tconst contactRef = useRef(null);\n\n\tconst encode = (data) => {\n\t\treturn Object.keys(data)\n\t\t\t.map(\n\t\t\t\t(key) => encodeURIComponent(key) + \"=\" + encodeURIComponent(data[key])\n\t\t\t)\n\t\t\t.join(\"&\");\n\t};\n\n\tconst handleChange = (e) => {\n\t\tconst { name, value } = e.target;\n\n\t\tsetContactState({ ...contactState, [name]: value });\n\t};\n\n\tconst handleSubmit = (e) => {\n\t\te.preventDefault();\n\t\tconst formRef = contactRef.current;\n\n\t\tfetch(\"/\", {\n\t\t\tmethod: \"POST\",\n\t\t\theaders: { \"Content-Type\": \"application/x-www-form-urlencoded\" },\n\t\t\tbody: encode({\n\t\t\t\t\"form-name\": formRef.getAttribute(\"name\"),\n\t\t\t\t...contactState,\n\t\t\t}),\n\t\t})\n\t\t\t.then(() => navigate(\"/\"))\n\t\t\t.catch((error) => alert(error));\n\n\t\tsetContactState({\n\t\t\tname: \"\",\n\t\t\temail: \"\",\n\t\t\tphone: \"\",\n\t\t\tsubject: \"\",\n\t\t\tmessage: \"\",\n\t\t});\n\t};\n\n\treturn (\n\t\t<div className=\"flex flex-col items-center justify-center w-full p-4 mx-auto rounded shadow-xl md:mb-8 md:w-2/3\">\n\t\t\t<h2 className=\"text-2xl\">Contact Us:</h2>\n\t\t\t<form\n\t\t\t\tname=\"Contact\"\n\t\t\t\tclassName=\"flex flex-col items-center w-10/12 p-4 mx-auto rounded shadow-lg md:shadow-none md:w-full\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\taction=\"/\"\n\t\t\t\tref={contactRef}\n\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\tnetlify-honeypot=\"bot-field\"\n\t\t\t\tdata-netlify=\"true\"\n\t\t\t>\n\t\t\t\t<input type=\"hidden\" name=\"bot-field\" onChange={handleChange} />\n\t\t\t\t<input type=\"hidden\" name=\"form-name\" value=\"Contact\" />\n\n\t\t\t\t<div className=\"flex flex-col justify-start w-full my-2\">\n\t\t\t\t\t<label className=\"mr-2\" htmlFor=\"name\">\n\t\t\t\t\t\tName\n\t\t\t\t\t</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\tclassName=\"p-2 rounded shadow-inner\"\n\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\tvalue={contactState.name}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tplaceholder=\"John Smith\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex flex-col justify-start w-full my-2\">\n\t\t\t\t\t<label className=\"mr-2\" htmlFor=\"email\">\n\t\t\t\t\t\tEmail\n\t\t\t\t\t</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\tclassName=\"p-2 rounded shadow-inner\"\n\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\tvalue={contactState.email}\n\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\tplaceholder=\"name@example.com\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex flex-col justify-start w-full my-2\">\n\t\t\t\t\t<label className=\"mr-2\" htmlFor=\"phone\">\n\t\t\t\t\t\tPhone\n\t\t\t\t\t</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\tclassName=\"p-2 rounded shadow-inner\"\n\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\tvalue={contactState.phone}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tplaceholder=\"(123) 456-7890\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex flex-col justify-start w-full my-2\">\n\t\t\t\t\t<label className=\"mr-2\" htmlFor=\"subject\">\n\t\t\t\t\t\tSubject\n\t\t\t\t\t</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\tname=\"subject\"\n\t\t\t\t\t\tclassName=\"p-2 rounded shadow-inner\"\n\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\tvalue={contactState.subject}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tplaceholder=\"Estimate, service detail, etc..\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex flex-col justify-start w-full my-2\">\n\t\t\t\t\t<label className=\"mr-2\" htmlFor=\"message\">\n\t\t\t\t\t\tMessage\n\t\t\t\t\t</label>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tname=\"message\"\n\t\t\t\t\t\tclassName=\"p-2 rounded shadow-inner\"\n\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\tvalue={contactState.message}\n\t\t\t\t\t\trows=\"5\"\n\t\t\t\t\t\tplaceholder=\"Please include as much detail as possible.\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<button\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tclassName=\"px-3 py-2 mx-auto text-white bg-yellow-400 border-white rounded shadow-lg focus:outline-none\"\n\t\t\t\t\ttype=\"submit\"\n\t\t\t\t>\n\t\t\t\t\tSubmit\n\t\t\t\t</button>\n\t\t\t</form>\n\t\t</div>\n\t);\n}\n","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport Layout from \"../components/shared/Layout\";\nimport Hours from \"../components/Contact/Hours\";\nimport ContactForm from \"../components/Contact/Form\";\nimport Hero from \"../components/shared/Hero\";\nimport SEO from \"../components/shared/SEO\";\n\nexport default () => {\n\tconst query = useStaticQuery(graphql`\n\t\tquery {\n\t\t\tcontactBanner: file(relativePath: { eq: \"img/about/luz-wiring.jpg\" }) {\n\t\t\t\tchildImageSharp {\n\t\t\t\t\tfluid {\n\t\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tmbe: file(relativePath: { eq: \"img/MBE.png\" }) {\n\t\t\t\tchildImageSharp {\n\t\t\t\t\tfluid(maxWidth: 800) {\n\t\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t`);\n\n\treturn (\n\t\t<Layout>\n\t\t\t<SEO title=\"Contact\" />\n\t\t\t<Hero img={query.contactBanner.childImageSharp.fluid} />\n\t\t\t<Hours />\n\t\t\t<ContactForm />\n\t\t</Layout>\n\t);\n};\n"],"sourceRoot":""}