: null\n );\n};\n\nexport default BackDrop;\n","import React from 'react';\nimport {FaYelp,FaInstagram,FaTwitter,FaFacebookF} from 'react-icons/fa';\nimport {useMediaQuery} from 'react-responsive';\n\nimport \"./Socials.scss\";\n\nconst Socials = ()=> {\n const isMobile = useMediaQuery({minWidth:767});\n return (\n
\n {isMobile&&
Socials
}\n {/*Links*/}\n
\n
\n );\n\n};\n\nexport default Socials;\n","import React from 'react';\nimport Aux from \"../../../Layout/Aux\";\nimport BackDrop from \"../../UI/Modal/BackDrop/BackDrop\";\nimport NavigationItems from \"../Navigation/NavigationItems\";\nimport \"./SideDrawer.scss\";\nimport Socials from \"../../Home/Footer/Socials/Socials\";\n\nconst SideDrawer = (props) => {\n let classes = [\"SideDrawer\", \"SideDrawerClose\"];\n if(props.open){\n classes = [\"SideDrawer\",\"SideDrawerOpen\"];\n }\n\n\n return (\n
\n \n \n \n \n
\n \n );\n};\n\nexport default SideDrawer;\n","import React from 'react';\nimport './Spinner.scss';\n\nconst Spinner = () => (\n
Loading...
\n);\n\nexport default Spinner;\n","import React, {useState} from 'react';\nimport emailjs from 'emailjs-com';\n\nimport \"./Quote.scss\";\nimport Spinner from \"../../../UI/Spinner/Spinner\";\n\nconst Quote = props => {\n //state\n const\n [type,setType] = useState(\"\"),\n [fullName,setFullName] = useState(\"\"),\n [email,setEmail] = useState(\"\"),\n [phone,setPhone] = useState(\"\"),\n [message,setMessage] = useState(\"\"),\n [alert,setAlert] = useState(\"\"),\n [loading,setLoading] = useState(false);\n\n const validateQuote = ()=>{\n setAlert(\"\");\n\n function validateEmail(email) {\n const re = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(email);\n }\n function validatePhone(phone){\n const re = /^[+]?[(]?[0-9]{3}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,6}$/im;\n return re.test(phone);\n }\n\n\n if (fullName.trim()===\"\"){\n setAlert(\"Please enter your name\");\n } else if (!validateEmail(email)){\n setAlert(\"Please enter valid email\");\n } else if (!validatePhone(phone)){\n setAlert(\"Please enter valid phone\");\n }else if (message.trim()===\"\"){\n setAlert(\"Please enter your message\");\n }else {\n return true;\n }\n\n };\n const resetForm = ()=>{\n document.getElementById('quoteForm').reset();\n };\n\n\n const sendEmail=(e)=>{\n e.preventDefault();\n\n if (validateQuote()) {\n const data = {\n from_name: fullName,\n email:email,\n phone:phone,\n message:message,\n type:type\n };\n setLoading(true);\n emailjs.send(\n 'service_n74704n',\n 'template_f6mceb3',\n data,\n 'user_VfyfjWeNBsqFU1KgbTTb0').then(result=>{\n setLoading(false);\n console.log(result);\n resetForm();\n setAlert(\"Email has been sent successfully\");\n }).catch(err=>console.log(err.text));\n }\n\n\n };\n\n\n return (\n
\n {alert?\n
{alert}
\n :\n
Get a Quote
\n }\n {loading&&
}\n