{"version":3,"sources":["Components/QuoteEnquiry/QuoteEnquiry.module.css","Assets/fute-bg1.jpg","Components/QuoteEnquiry/QuoteEnquiry.js"],"names":["module","exports","QuoteEnquiry","React","useEffect","window","scrollTo","className","style","container","Banner","image","bgImg","title","useStyles","makeStyles","theme","formControl","width","borderRadius","overflow","margin","fontFamily","inputField","background","fontWeight","fontSize","textAlign","display","selectEmpty","marginTop","spacing","QuoteEnquiryForm","classes","useState","category","setCategory","name","setName","email","setEmail","company","setCompany","message","setMessage","mailSent","setMailSent","error","setError","captchaVerified","setCaptchaVerified","content","Helmet","property","cat1","Grid","item","md","sm","floatLeft","heading","para","contact","phone","numbers","href","cursor","formContainer","onSubmit","e","preventDefault","axios","method","url","headers","data","service","toUpperCase","then","result","sent","catch","nameEmail","required","type","placeholder","value","onChange","target","companyInput","FormControl","variant","InputLabel","id","Select","event","menuItems","map","MenuItem","label","rows","col","submit","sitekey","opacity","btnDrakFilled"],"mappings":"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","file":"static/js/15.22c942bc.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"noDecoration\":\"QuoteEnquiry_noDecoration__2Vd11\",\"btn\":\"QuoteEnquiry_btn__3zKvG\",\"btnDark\":\"QuoteEnquiry_btnDark__39ksD\",\"btnLight\":\"QuoteEnquiry_btnLight__Ho0-X\",\"btnLightFilled\":\"QuoteEnquiry_btnLightFilled__1awpq\",\"btnDrakFilled\":\"QuoteEnquiry_btnDrakFilled__3WdkI\",\"alignLeft\":\"QuoteEnquiry_alignLeft__1riIH\",\"alignRight\":\"QuoteEnquiry_alignRight__4OZ-Q\",\"alignTop\":\"QuoteEnquiry_alignTop__2P8Jy\",\"alignBottom\":\"QuoteEnquiry_alignBottom__hqosw\",\"align\":\"QuoteEnquiry_align__2Dt6k\",\"flexRow\":\"QuoteEnquiry_flexRow__3Et0g\",\"content\":\"QuoteEnquiry_content__1d_ds\",\"formContainer\":\"QuoteEnquiry_formContainer__1eoyv\",\"submit\":\"QuoteEnquiry_submit__1Qm_D\",\"nameEmail\":\"QuoteEnquiry_nameEmail__2oy40\",\"floatLeft\":\"QuoteEnquiry_floatLeft__OE4Tb\",\"contact\":\"QuoteEnquiry_contact__1vIEa\",\"flexColumn\":\"QuoteEnquiry_flexColumn__2WbY1\",\"numbers\":\"QuoteEnquiry_numbers__3yXie\",\"container\":\"QuoteEnquiry_container__1rdxt\",\"bgImage\":\"QuoteEnquiry_bgImage__3BVld\",\"email\":\"QuoteEnquiry_email__2MSLE\",\"phone\":\"QuoteEnquiry_phone__2LnvE\",\"heading\":\"QuoteEnquiry_heading__2X-No\",\"para\":\"QuoteEnquiry_para__3ORGl\",\"companyInput\":\"QuoteEnquiry_companyInput__2_gkF\"};","export default __webpack_public_path__ + \"static/media/fute-bg1.a9d1b64f.jpg\";","import React, { useState } from \"react\";\nimport style from \"./QuoteEnquiry.module.css\";\nimport {\n  FormControl,\n  Grid,\n  InputLabel,\n  makeStyles,\n  MenuItem,\n  Select,\n} from \"@material-ui/core\";\nimport cat1 from \"../../Assets/projects/cat1.webp\";\nimport { Helmet } from \"react-helmet\";\nimport CallIcon from \"@material-ui/icons/Call\";\nimport EmailIcon from \"@material-ui/icons/Email\";\nimport bgImg from \"../../Assets/fute-bg1.jpg\";\nimport Banner from \"../Banner/Banner\";\nimport axios from \"axios\";\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport classNames from \"classnames\";\n\nexport const QuoteEnquiry = () => {\n  React.useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n  return (\n    <div className={style.container}>\n      <Banner image={bgImg} title=\"Get Quote\" />\n      {/* <div className={style.beginning}>\n        <h4>This could be the beginning of a very visual relationship . . .</h4>\n        <p>\n          With over 12 years industry experience, we know that all visualisation\n          projects and client budgets are not equal . . . as such Fute Services\n          now offers 3 very unique services to suit any budget . . . each level\n          we offer varies greatly . . . and reflects the amount of design time\n          and design effort we put into 3d landscaping, 3d entourage and 3d\n          styling . . . in other words when it comes to the world of 3d . . .\n          you really do get what you really do pay for !\n        </p>\n      </div> */}\n      <QuoteEnquiryForm />\n    </div>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  formControl: {\n    width: \"100%\",\n    borderRadius: \"10px\",\n    overflow: \"hidden\",\n    margin: \"10px 0\",\n    fontFamily: \"'Montserrat', sans-serif\",\n  },\n  inputField: {\n    background: \"#f3f3f3\",\n    fontFamily: \"'Montserrat', sans-serif\",\n    fontWeight: 300,\n    fontSize: \"0.9rem\",\n    textAlign: \"left\",\n    \"&::before\": {\n      display: \"none\",\n    },\n    \"&::after\": {\n      display: \"none\",\n    },\n  },\n  selectEmpty: {\n    marginTop: theme.spacing(2),\n  },\n}));\n\nconst QuoteEnquiryForm = () => {\n  const classes = useStyles();\n  const [category, setCategory] = React.useState(\"\");\n\n  const handleChange = (event) => {\n    setCategory(event.target.value);\n  };\n\n  const [name, setName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [company, setCompany] = useState(\"\");\n  const [message, setMessage] = useState(\"\");\n  const [mailSent, setMailSent] = useState(false);\n  const [error, setError] = useState(null);\n  const [captchaVerified, setCaptchaVerified] = useState(false);\n\n  const onSubmit = (e) => {\n    e.preventDefault();\n    if (!captchaVerified) {\n      setError(\"Please verify captcha\");\n      return;\n    }\n    setMailSent(false);\n    setError(null);\n    axios({\n      method: \"POST\",\n      url: \"http://www.futeservices.com/api/contact.php\",\n      headers: { \"content-type\": \"application/json\" },\n      data: {\n        name,\n        email,\n        service: category?.toUpperCase(),\n        company,\n        message,\n      },\n    })\n      .then((result) => {\n        setMailSent(result.data.sent);\n        setName(\"\");\n        setEmail(\"\");\n        setCompany(\"\");\n        setCategory(\"\");\n        setMessage(\"\");\n      })\n      .catch((error) => setError(error.message));\n  };\n\n  function handleChangeCaptcha() {\n    setCaptchaVerified(true);\n  }\n\n  return (\n    <div className={style.content}>\n      <Helmet>\n        <title>Get Quote | FuteServices</title>\n        <meta\n          name=\"description\"\n          content=\"Ever since our inception, Fute Services has been proactive in delivering a\n            mesmerizingly cinematic experience to our audiences, creating breathtaking\n            architectural imagery perfected to the minutest of details. This philosophy helps us not\n            just enhance the viewing experience but engross audiences while they actually feel\n            physically present at the location themselves.\"\n        />\n        <meta name=\"name\" content=\"Get Quote | FuteServices\" />\n        <meta property=\"og:title\" content=\"Get Quote | FuteServices\" />\n        <meta\n          property=\"og:description\"\n          content=\"Ever since our inception, Fute Services has been proactive in delivering a\n            mesmerizingly cinematic experience to our audiences, creating breathtaking\n            architectural imagery perfected to the minutest of details. This philosophy helps us not\n            just enhance the viewing experience but engross audiences while they actually feel\n            physically present at the location themselves.\"\n        />\n        <meta\n          property=\"og:image\"\n          content={\"https://tech.feedbox.co.in/\" + cat1}\n        />\n\n        <meta property=\"twitter:card\" content=\"summary_large_image\" />\n        <meta property=\"twitter:url\" content={\"https://tech.feedbox.co.in/\"} />\n        <meta property=\"twitter:title\" content=\"Contact | FuteServices\" />\n        <meta\n          property=\"twitter:description\"\n          content=\"Ever since our inception, Fute Services has been proactive in delivering a\n            mesmerizingly cinematic experience to our audiences, creating breathtaking\n            architectural imagery perfected to the minutest of details. This philosophy helps us not\n            just enhance the viewing experience but engross audiences while they actually feel\n            physically present at the location themselves.\"\n        />\n        <meta\n          property=\"twitter:image\"\n          content={\"https://tech.feedbox.co.in/\" + cat1}\n        ></meta>\n        <meta property=\"og:type\" content=\"website\" />\n        <meta property=\"og:locale\" content=\"en_US\" />\n      </Helmet>\n      <Grid container spacing={2}>\n        <Grid item md={6} sm={12}>\n          <div className={style.floatLeft}>\n            <h6 className={style.heading}>\n              Get <span>Quote</span>\n            </h6>\n            <p className={style.para}>\n              Fute Services would love to hear from you and any project enquiry\n              you may have... so don't be a stranger drop us a line by filling\n              in this form.\n            </p>\n            <div className={style.contact}>\n              <div className={style.phone}>\n                <span>\n                  <CallIcon /> <h3>Phone</h3>\n                </span>\n                <div className={style.numbers}>\n                  <a href=\"tel:+916362396806\">+91 63623 96806</a>\n                  <a href=\"tel:+919742223928\">+91 97422 23928</a>\n                </div>\n              </div>\n              <div className={style.email}>\n                <span>\n                  <EmailIcon /> <h3>Email</h3>\n                </span>\n                <span>\n                  <div className={style.numbers}>\n                    <a\n                      style={{ cursor: \"pointer\" }}\n                      href=\"mailto:marketing@futeservices.com\"\n                    >\n                      marketing@futeservices.com\n                    </a>\n                    <a\n                      style={{ cursor: \"pointer\" }}\n                      href=\"mailto:payel@futeservices.com\"\n                    >\n                      payel@futeservices.com\n                    </a>\n                  </div>\n                </span>\n              </div>\n            </div>\n          </div>\n        </Grid>\n        <Grid item md={6} sm={12}>\n          <form className={style.formContainer} onSubmit={onSubmit}>\n            <div className={style.nameEmail}>\n              <input\n                required\n                name=\"name\"\n                type=\"text\"\n                placeholder=\"Your Name\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n              />\n              <input\n                required\n                name=\"email\"\n                type=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                placeholder=\"Your Email\"\n              />\n            </div>\n            {/* <div className={style.flex}> */}\n            <input\n              className={style.companyInput}\n              name=\"company\"\n              type=\"text\"\n              placeholder=\"Your Company\"\n              value={company}\n              onChange={(e) => setCompany(e.target.value)}\n            />\n            <FormControl variant=\"filled\" className={classes.formControl}>\n              <InputLabel id=\"category-input\">Service</InputLabel>\n              <Select\n                placeholder=\"Service\"\n                className={classes.inputField}\n                // labelId=\"category-input\"\n                value={category}\n                onChange={handleChange}\n              >\n                {menuItems.map((item) => (\n                  <MenuItem value={item.value}>{item.label}</MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n            {/* </div> */}\n            <textarea\n              rows=\"5\"\n              col=\"40\"\n              name=\"message\"\n              placeholder=\"Enter Your Message\"\n              value={message}\n              onChange={(e) => setMessage(e.target.value)}\n            />\n            <br />\n            <div className={style.submit}>\n              <ReCAPTCHA\n                sitekey=\"6LepQFIdAAAAABTWy-Z6jEGZYpKCkEzRpnBjKV1-\"\n                onChange={handleChangeCaptcha}\n              />\n              <button\n                style={{ opacity: 1 }}\n                className={style.btnDrakFilled}\n                type=\"submit\"\n              >\n                Send\n              </button>\n            </div>\n            {mailSent || error ? (\n              <p>{mailSent ? \"Thank you for contacting us :)\" : error}</p>\n            ) : null}\n          </form>\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\n\nexport default QuoteEnquiry;\n\nconst menuItems = [\n  {\n    label: \"3D Rendering\",\n    value: \"rendering\",\n  },\n  {\n    label: \"3D Walkthrough\",\n    value: \"walkthrough\",\n  },\n  {\n    label: \"3D Floorplan\",\n    value: \"floorplan\",\n  },\n  {\n    label: \"360 Panaroma\",\n    type: \"360\",\n    value: \"panaroma\",\n  },\n  {\n    label: \"Virtual Reality\",\n    value: \"vr\",\n  },\n  {\n    label: \"Augmented Reality\",\n    value: \"augmented-reality\",\n  },\n  {\n    label: \"Product Visualisation\",\n    value: \"product visualisation\",\n  },\n  {\n    label: \"Physical Scale Model\",\n    value: \"scale-model\",\n  },\n  {\n    label: \"Layer View\",\n    value: \"layer-view\",\n  },\n  {\n    label: \"Drone Shoot\",\n    value: \"drone-shoot\",\n  },\n  {\n    label: \"Chroma Shoot\",\n    value: \"chroma-shoot\",\n  },\n];\n"],"sourceRoot":""}