{"version":3,"sources":["img/jacare.png","components/Alligator.jsx","components/Container.jsx","components/Footer.jsx","components/HeaderButton.jsx","components/HeaderHole.jsx","components/HeaderInfo.jsx","components/HeaderLogo.jsx","components/Header.jsx","components/Carousel.jsx","components/Card.jsx","img/cracha1.png","img/cracha2.png","img/cracha3.png","img/cracha4.png","img/carteirinha1.png","img/carteirinha2.png","img/carteirinha3.png","img/cordao1.png","img/cordao2.png","img/credencial1.png","img/credencial2.png","img/comanda1.png","img/comanda2.png","img/rollerclip1.png","img/bottom1.png","img/fita1.png","img/placa1.png","components/Main.jsx","img/credencial3.png","img/sending.gif","components/Quote.jsx","App.jsx","index.jsx"],"names":["Alligator","screenSize","className","src","clip","alt","Container","children","Footer","HeaderButton","isQuoteOpen","onClick","type","HeaderHole","HeaderInfo","HeaderLogo","Header","onClickQuoteButton","Carousel","pictures","useState","index","setIndex","length","newIndex","Card","title","text","Main","cardInfo","id","cracha1","cracha2","cracha3","cracha4","carteirinha1","carteirinha2","carteirinha3","cordao1","cordao2","credencial1","credencial2","comanda1","comanda2","rollerclip1","bottom1","fita1","placa1","map","card","Quote","onClose","sending","setSending","sent","setSent","useForm","mode","reValidateMode","register","handleSubmit","errors","clearErrors","onSubmit","data","a","fetch","process","method","headers","body","JSON","stringify","viewBox","width","height","stroke","strokeWidth","fill","strokeLinecap","strokeLinejoin","x1","y1","x2","y2","htmlFor","name","ref","required","onChange","message","pattern","value","email","animation","App","setScreenSize","setIsQuoteOpen","updateDimensions","window","innerWidth","toggleQuote","useEffect","addEventListener","removeEventListener","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"saAAe,G,MAAA,IAA0B,oC,OCiB1BA,EAVG,SAAC,GAAD,IAAGC,EAAH,EAAGA,WAAH,OAChB,qBAAKC,UAAS,oBAAeD,GAA7B,SACE,qBAAKE,IAAKC,EAAMC,IAAI,+CCQTC,G,MAZG,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAUN,EAAb,EAAaA,WAAb,OAEhB,qBAAKC,UAAS,oBAAeD,GAA7B,SACGM,MCOUC,G,MAVA,SAAC,GAAD,IAAGP,EAAH,EAAGA,WAAH,OACb,qBAAKC,UAAS,qCAAgCD,GAA9C,SACE,mGCmBWQ,G,YArBM,SAAC,GAAD,IAAGR,EAAH,EAAGA,WAAYS,EAAf,EAAeA,YAAaC,EAA5B,EAA4BA,QAA5B,OACnB,qBAAKT,UAAS,sCAAiCD,GAA/C,UACIS,GAEA,wBACER,UAAS,iBAAYD,GACrBW,KAAK,SACLD,QAASA,EAHX,oCCISE,G,MARI,SAAC,GAAD,IAAGZ,EAAH,EAAGA,WAAH,OACjB,qBAAKC,UAAS,sBAAiBD,OCWlBa,G,MAZI,SAAC,GAAD,IAAGb,EAAH,EAAGA,WAAH,OACjB,sBAAKC,UAAS,oCAA+BD,GAA7C,UACE,4DACA,gDACA,sDCSWc,G,MAbI,SAAC,GAAD,IAAGd,EAAH,EAAGA,WAAH,OACjB,qBAAKC,UAAS,oCAA+BD,GAA7C,SACE,gCACE,uCACA,yDCoBSe,EAnBA,SAAC,GAAD,IAAGf,EAAH,EAAGA,WAAYS,EAAf,EAAeA,YAAaO,EAA5B,EAA4BA,mBAA5B,OACb,sBAAKf,UAAS,uBAAkBD,GAAhC,UACE,cAAC,EAAD,CACEA,WAAYA,EACZS,YAAaA,EACbC,QAASM,IAEX,cAAC,EAAD,CAAYhB,WAAYA,IACxB,cAAC,EAAD,CAAYA,WAAYA,IACxB,cAAC,EAAD,CAAYA,WAAYA,QC6BbiB,G,MA3CE,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAAe,EACPC,mBAAS,GADF,mBAC1BC,EAD0B,KACnBC,EADmB,KAajC,OACE,sBAAKpB,UAAU,WAAf,UACE,qBAAKC,IAAKgB,EAASE,GAAQhB,IAAKc,EAASE,KACxCF,EAASI,OAAS,GAEjB,qCACE,wBACErB,UAAU,OACVU,KAAK,SACLD,QAnBW,WACnB,IAAMa,EAAWH,EAAQ,EAAI,EAAIF,EAASI,OAAS,EAAIF,EAAQ,EAC/DC,EAASE,IAcH,oBAOA,wBACEtB,UAAU,OACVU,KAAK,SACLD,QArBU,WAClB,IAAMa,EAAWH,EAAQ,EAAIF,EAASI,OAAS,EAAI,EAAIF,EAAQ,EAC/DC,EAASE,IAgBH,4BCLKC,G,MAnBF,SAAC,GAAD,IACXC,EADW,EACXA,MAAOC,EADI,EACJA,KAAMR,EADF,EACEA,SAAUlB,EADZ,EACYA,WADZ,OAGX,sBAAKC,UAAS,eAAUD,GAAxB,UACE,sBAAKC,UAAU,OAAf,UACE,6BAAKwB,IACL,4BAAIC,OAEN,cAAC,EAAD,CAAUR,SAAUA,SCfT,G,MAAA,IAA0B,qCCA1B,MAA0B,oCCA1B,MAA0B,oCCA1B,MAA0B,oCCA1B,MAA0B,yCCA1B,MAA0B,yCCA1B,MAA0B,yCCA1B,MAA0B,oCCA1B,MAA0B,oCCA1B,MAA0B,wCCA1B,MAA0B,wCCA1B,MAA0B,qCCA1B,MAA0B,qCCA1B,MAA0B,wCCA1B,MAA0B,oCCA1B,MAA0B,kCCA1B,MAA0B,mCC2G1BS,EAjFF,SAAC,GAAiC,IAA/B3B,EAA8B,EAA9BA,WAAYS,EAAkB,EAAlBA,YACpBmB,EAAW,CACf,CACEC,GAAI,EACJJ,MAAO,YACPC,KAAM,gHACNR,SAAU,CAACY,EAASC,EAASC,EAASC,IAExC,CACEJ,GAAI,EACJJ,MAAO,2BACPC,KAAM,0GACNR,SAAU,CAACgB,EAAcC,EAAcC,IAEzC,CACEP,GAAI,EACJJ,MAAO,YACPC,KAAM,yEACNR,SAAU,CAACmB,EAASC,IAEtB,CACET,GAAI,EACJJ,MAAO,yBACPC,KAAM,+EACNR,SAAU,CAACqB,EAAaC,EClDf,mpWDoDX,CACEX,GAAI,EACJJ,MAAO,UACPC,KAAM,oEACNR,SAAU,CAACuB,EAAUC,IAEvB,CACEb,GAAI,EACJJ,MAAO,cACPC,KAAM,mGACNR,SAAU,CAACyB,IAEb,CACEd,GAAI,EACJJ,MAAO,SACPC,KAAM,4DACNR,SAAU,CAAC0B,IAEb,CACEf,GAAI,EACJJ,MAAO,qBACPC,KAAM,0FACNR,SAAU,CAAC2B,IAEb,CACEhB,GAAI,EACJJ,MAAO,6BACPC,KAAM,kFACNR,SAAU,CAAC4B,KAIf,OACGrC,GAEC,qBAAKR,UAAS,mCAA8BD,GAA5C,SACG4B,EAASmB,KAAI,SAACC,GAAD,OACZ,cAAC,EAAD,CAEEhD,WAAYA,EACZyB,MAAOuB,EAAKvB,MACZC,KAAMsB,EAAKtB,KACXR,SAAU8B,EAAK9B,UAJV8B,EAAKnB,U,8BE1FP,G,MAAA,IAA0B,qCC+K1BoB,EArKD,SAAC,GAA0C,IAAxCjD,EAAuC,EAAvCA,WAAYS,EAA2B,EAA3BA,YAAayC,EAAc,EAAdA,QAAc,EACxB/B,oBAAS,GADe,mBAC/CgC,EAD+C,KACtCC,EADsC,OAE9BjC,oBAAS,GAFqB,mBAE/CkC,EAF+C,KAEzCC,EAFyC,OAKlDC,YAAQ,CACVC,KAAM,WACNC,eAAgB,aAHhBC,EAJoD,EAIpDA,SAAUC,EAJ0C,EAI1CA,aAAcC,EAJ4B,EAI5BA,OAAQC,EAJoB,EAIpBA,YAM5BC,EAAQ,uCAAG,WAAOC,GAAP,SAAAC,EAAA,6DACfZ,GAAW,GADI,SAETa,MAAM,GAAD,OAAIC,6BAAJ,UAA4C,CACrDC,OAAQ,OACRC,QAAS,CACP,eAAgB,oBAElBC,KAAMC,KAAKC,UAAUR,KAPR,OASfX,GAAW,GACXE,GAAQ,GAVO,2CAAH,sDAmBd,OACE7C,GAEE,sBAAKR,UAAS,oCAA+BD,GAA7C,UACE,qBACEC,UAAS,gBAAWD,GACpBU,QAZc,WACpB0C,GAAW,GACXE,GAAQ,GACRJ,KAOI,SAIE,sBACEsB,QAAQ,YACRC,MAAM,KACNC,OAAO,KACPC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,cAAc,QACdC,eAAe,QARjB,UAUE,sBAAMC,GAAG,KAAKC,GAAG,IAAIC,GAAG,IAAIC,GAAG,OAC/B,sBAAMH,GAAG,IAAIC,GAAG,IAAIC,GAAG,KAAKC,GAAG,YAGlC9B,EAEG,sBAAKpD,UAAU,eAAf,UACE,mDACA,mEAIF,mCACE,uBAAM6D,SAAUH,EAAaG,GAA7B,UAEE,qBAAK7D,UAAU,QAAf,SACE,wBAAOmF,QAAQ,OAAf,UACE,mBAAGnF,UAAU,QAAb,kBACA,uBACEU,KAAK,OACL0E,KAAK,OACLC,IAAK5B,EAAS,CACZ6B,SAAU,+BAEZC,SAAU,kBAAM3B,EAAY,WAE7BD,EAAOyB,MAEN,oBAAGpF,UAAU,QAAb,wBAGG2D,EAAOyB,KAAKI,gBAMrB,qBAAKxF,UAAU,QAAf,SACE,wBAAOmF,QAAQ,QAAf,UACE,mBAAGnF,UAAU,QAAb,oBACA,uBACEU,KAAK,OACL0E,KAAK,QACLC,IAAK5B,EAAS,CACZ6B,SAAU,+BACVG,QAAS,CACPC,MAAO,2CACPF,QAAS,kDAGbD,SAAU,kBAAM3B,EAAY,YAE7BD,EAAOgC,OAEN,oBAAG3F,UAAU,QAAb,wBAGG2D,EAAOgC,MAAMH,gBAMtB,qBAAKxF,UAAU,QAAf,SACE,wBAAOmF,QAAQ,MAAf,UACE,mBAAGnF,UAAU,QAAb,iCACA,uBAAOU,KAAK,OAAO0E,KAAK,MAAMC,IAAK5B,WAIvC,qBAAKzD,UAAU,QAAf,SACE,wBAAOmF,QAAQ,UAAf,UACE,mBAAGnF,UAAU,QAAb,gCACA,uBAAOU,KAAK,OAAO0E,KAAK,UAAUC,IAAK5B,WAI3C,qBAAKzD,UAAU,QAAf,SACE,wBAAOmF,QAAQ,UAAf,UACE,mBAAGnF,UAAU,QAAb,sBACA,0BACEoF,KAAK,UACLC,IAAK5B,EAAS,CACZ6B,SAAU,oCAEZC,SAAU,kBAAM3B,EAAY,cAE7BD,EAAO6B,SAEN,oBAAGxF,UAAU,QAAb,wBAGG2D,EAAO6B,QAAQA,gBAMxB,uBAAO9E,KAAK,SAASgF,MAAM,gBAKlCxC,GAEG,qBAAKlD,UAAU,YAAYC,IAAK2F,EAAWzF,IAAI,SC1G5C0F,MA/Cf,WAAgB,IAAD,EACuB3E,mBAAS,SADhC,mBACNnB,EADM,KACM+F,EADN,OAEyB5E,oBAAS,GAFlC,mBAENV,EAFM,KAEOuF,EAFP,KAIPC,EAAmB,WACvB,IAAMxB,EAAQyB,OAAOC,WAEnBJ,EADEtB,EAAQ,IACI,QACLA,EAAQ,KACH,SAEA,UAIZ2B,EAAc,WAClBJ,GAAgBvF,IASlB,OANA4F,qBAAU,WAGR,OAFAJ,IACAC,OAAOI,iBAAiB,SAAUL,GAC3B,kBAAMC,OAAOK,oBAAoB,SAAUN,MACjD,IAGD,eAAC,EAAD,CAAWjG,WAAYA,EAAvB,UACE,cAAC,EAAD,CAAWA,WAAYA,IACvB,cAAC,EAAD,CACEA,WAAYA,EACZS,YAAaA,EACbO,mBAAoBoF,IAEtB,cAAC,EAAD,CACEpG,WAAYA,EACZS,YAAaA,IAEf,cAAC,EAAD,CACET,WAAYA,EACZS,YAAaA,EACbyC,QAASkD,IAEX,cAAC,EAAD,CAAQpG,WAAYA,QC9C1BwG,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,W","file":"static/js/main.dc780b52.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/jacare.13134663.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './Alligator.css';\n\nimport clip from '../img/jacare.png';\n\nconst Alligator = ({ screenSize }) => (\n  <div className={`alligator-${screenSize}`}>\n    <img src={clip} alt=\"prendedor de crachá estilo jacaré\" />\n  </div>\n);\n\nAlligator.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n};\n\nexport default Alligator;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './Container.css';\n\nconst Container = ({ children, screenSize }) => (\n\n  <div className={`container-${screenSize}`}>\n    {children}\n  </div>\n);\n\nContainer.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  screenSize: PropTypes.string.isRequired,\n};\n\nexport default Container;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './Footer.css';\n\nconst Footer = ({ screenSize }) => (\n  <div className={`badge-section badge-footer-${screenSize}`}>\n    <h3>Rua Maria da Luz Rocha Belão, 229, c 05 - Xaxim - Curitiba</h3>\n  </div>\n);\n\nFooter.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n};\n\nexport default Footer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './HeaderButton.css';\n\nconst HeaderButton = ({ screenSize, isQuoteOpen, onClick }) => (\n  <div className={`badge-section header-button-${screenSize}`}>\n    {!isQuoteOpen\n      && (\n      <button\n        className={`button-${screenSize}`}\n        type=\"button\"\n        onClick={onClick}\n      >\n        PEDIR ORÇAMENTO\n      </button>\n      )}\n  </div>\n);\n\nHeaderButton.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n  isQuoteOpen: PropTypes.bool.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default HeaderButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './HeaderHole.css';\n\nconst HeaderHole = ({ screenSize }) => (\n  <div className={`header-hole-${screenSize}`} />\n);\n\nHeaderHole.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n};\n\nexport default HeaderHole;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './HeaderInfo.css';\n\nconst HeaderInfo = ({ screenSize }) => (\n  <div className={`badge-section header-info-${screenSize}`}>\n    <h1>crachas@crachasecia.com.br</h1>\n    <h2>(41) 3359-2820</h2>\n    <h3>(41) 99876-8700</h3>\n  </div>\n);\n\nHeaderInfo.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n};\n\nexport default HeaderInfo;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './HeaderLogo.css';\n\nconst HeaderLogo = ({ screenSize }) => (\n  <div className={`badge-section header-logo-${screenSize}`}>\n    <div>\n      <h2>C & C</h2>\n      <h1>Crachás & Cia</h1>\n    </div>\n  </div>\n);\n\nHeaderLogo.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n};\n\nexport default HeaderLogo;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './Header.css';\n\nimport HeaderButton from './HeaderButton';\nimport HeaderHole from './HeaderHole';\nimport HeaderInfo from './HeaderInfo';\nimport HeaderLogo from './HeaderLogo';\n\nconst Header = ({ screenSize, isQuoteOpen, onClickQuoteButton }) => (\n  <div className={`badge-header-${screenSize}`}>\n    <HeaderButton\n      screenSize={screenSize}\n      isQuoteOpen={isQuoteOpen}\n      onClick={onClickQuoteButton}\n    />\n    <HeaderHole screenSize={screenSize} />\n    <HeaderInfo screenSize={screenSize} />\n    <HeaderLogo screenSize={screenSize} />\n  </div>\n);\n\nHeader.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n  isQuoteOpen: PropTypes.bool.isRequired,\n  onClickQuoteButton: PropTypes.func.isRequired,\n};\n\nexport default Header;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './Carousel.css';\n\nconst Carousel = ({ pictures }) => {\n  const [index, setIndex] = useState(0);\n\n  const moveBackward = () => {\n    const newIndex = index - 1 < 0 ? pictures.length - 1 : index - 1;\n    setIndex(newIndex);\n  };\n\n  const moveForward = () => {\n    const newIndex = index + 1 > pictures.length - 1 ? 0 : index + 1;\n    setIndex(newIndex);\n  };\n\n  return (\n    <div className=\"carousel\">\n      <img src={pictures[index]} alt={pictures[index]} />\n      {pictures.length > 1\n        && (\n        <>\n          <button\n            className=\"prev\"\n            type=\"button\"\n            onClick={moveBackward}\n          >\n            &#10094;\n          </button>\n          <button\n            className=\"next\"\n            type=\"button\"\n            onClick={moveForward}\n          >\n            &#10095;\n          </button>\n        </>\n        )}\n    </div>\n  );\n};\n\nCarousel.propTypes = {\n  pictures: PropTypes.arrayOf(PropTypes.string).isRequired,\n};\n\nexport default Carousel;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Carousel from './Carousel';\n\nimport './Card.css';\n\nconst Card = ({\n  title, text, pictures, screenSize,\n}) => (\n  <div className={`card-${screenSize}`}>\n    <div className=\"info\">\n      <h3>{title}</h3>\n      <p>{text}</p>\n    </div>\n    <Carousel pictures={pictures} />\n  </div>\n);\n\nCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  text: PropTypes.string.isRequired,\n  pictures: PropTypes.arrayOf(PropTypes.string).isRequired,\n  screenSize: PropTypes.string.isRequired,\n};\n\nexport default Card;\n","export default __webpack_public_path__ + \"static/media/cracha1.ecf7dec3.png\";","export default __webpack_public_path__ + \"static/media/cracha2.a12e57db.png\";","export default __webpack_public_path__ + \"static/media/cracha3.fff7b3a8.png\";","export default __webpack_public_path__ + \"static/media/cracha4.59f6f20d.png\";","export default __webpack_public_path__ + \"static/media/carteirinha1.6cbf2115.png\";","export default __webpack_public_path__ + \"static/media/carteirinha2.d7628c66.png\";","export default __webpack_public_path__ + \"static/media/carteirinha3.4373870f.png\";","export default __webpack_public_path__ + \"static/media/cordao1.ab4e41b0.png\";","export default __webpack_public_path__ + \"static/media/cordao2.cfb85f19.png\";","export default __webpack_public_path__ + \"static/media/credencial1.2665afb7.png\";","export default __webpack_public_path__ + \"static/media/credencial2.4e13cfc6.png\";","export default __webpack_public_path__ + \"static/media/comanda1.43c2bd4a.png\";","export default __webpack_public_path__ + \"static/media/comanda2.4686180f.png\";","export default __webpack_public_path__ + \"static/media/rollerclip1.8d7d9922.png\";","export default __webpack_public_path__ + \"static/media/bottom1.41553271.png\";","export default __webpack_public_path__ + \"static/media/fita1.c7bf0214.png\";","export default __webpack_public_path__ + \"static/media/placa1.94b4f48b.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Card from './Card';\n\nimport './Main.css';\n\nimport cracha1 from '../img/cracha1.png';\nimport cracha2 from '../img/cracha2.png';\nimport cracha3 from '../img/cracha3.png';\nimport cracha4 from '../img/cracha4.png';\nimport carteirinha1 from '../img/carteirinha1.png';\nimport carteirinha2 from '../img/carteirinha2.png';\nimport carteirinha3 from '../img/carteirinha3.png';\nimport cordao1 from '../img/cordao1.png';\nimport cordao2 from '../img/cordao2.png';\nimport credencial1 from '../img/credencial1.png';\nimport credencial2 from '../img/credencial2.png';\nimport credencial3 from '../img/credencial3.png';\nimport comanda1 from '../img/comanda1.png';\nimport comanda2 from '../img/comanda2.png';\nimport rollerclip1 from '../img/rollerclip1.png';\nimport bottom1 from '../img/bottom1.png';\nimport fita1 from '../img/fita1.png';\nimport placa1 from '../img/placa1.png';\n\nconst Main = ({ screenSize, isQuoteOpen }) => {\n  const cardInfo = [\n    {\n      id: 0,\n      title: 'CRACHÁ',\n      text: 'Crachás customizados com foto, nome, função, com chip de aproximação e/ou código de barras.',\n      pictures: [cracha1, cracha2, cracha3, cracha4],\n    },\n    {\n      id: 1,\n      title: 'CARTEIRINHA DE ESTUDANTE',\n      text: 'Carteirinhas conforme modelo da escola. Pode conter código de barras e/ou chip de aproximação.',\n      pictures: [carteirinha1, carteirinha2, carteirinha3],\n    },\n    {\n      id: 2,\n      title: 'CORDÃO',\n      text: 'Pode ser confeccionado especialmente com o nome e logo da sua empresa.',\n      pictures: [cordao1, cordao2],\n    },\n    {\n      id: 3,\n      title: 'CREDENCIAL PARA EVENTO',\n      text: 'Credenciais personalizadas ou conforme um dos modelos de nosso portfólio.',\n      pictures: [credencial1, credencial2, credencial3],\n    },\n    {\n      id: 4,\n      title: 'COMANDA',\n      text: 'Comandas personalizadas com logo, código de barras ou QR code.',\n      pictures: [comanda1, comanda2],\n    },\n    {\n      id: 5,\n      title: 'ROLLER CLIP',\n      text: 'Prendedores retráteis de várias cores para crachás. Também podem ser personalizados.',\n      pictures: [rollerclip1],\n    },\n    {\n      id: 6,\n      title: 'BOTTOM',\n      text: 'Podem ser personalizados em vários formatos e modelos.',\n      pictures: [bottom1],\n    },\n    {\n      id: 7,\n      title: 'FITA PERSONALIZADA',\n      text: 'Fitas para casamento com impressão digital. Fazemos com até 85 cm de comprimento.',\n      pictures: [fita1],\n    },\n    {\n      id: 8,\n      title: 'PLACA DE SINALIZAÇÃO',\n      text: 'Dos mais variados tipos e tamanhos, de acordo com a necessidade da sua empresa.',\n      pictures: [placa1],\n    },\n  ];\n\n  return (\n    !isQuoteOpen\n      && (\n      <div className={`badge-section badge-main-${screenSize}`}>\n        {cardInfo.map((card) => (\n          <Card\n            key={card.id}\n            screenSize={screenSize}\n            title={card.title}\n            text={card.text}\n            pictures={card.pictures}\n          />\n        ))}\n      </div>\n      )\n  );\n};\n\nMain.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n  isQuoteOpen: PropTypes.bool.isRequired,\n};\n\nexport default Main;\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/sending.11a2b675.gif\";","/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useForm } from 'react-hook-form';\n\nimport './Quote.css';\n\nimport animation from '../img/sending.gif';\n\nconst Quote = ({ screenSize, isQuoteOpen, onClose }) => {\n  const [sending, setSending] = useState(false);\n  const [sent, setSent] = useState(false);\n  const {\n    register, handleSubmit, errors, clearErrors,\n  } = useForm({\n    mode: 'onSubmit',\n    reValidateMode: 'onSubmit',\n  });\n\n  const onSubmit = async (data) => {\n    setSending(true);\n    await fetch(`${process.env.REACT_APP_BASE_URL}/quote`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(data),\n    });\n    setSending(false);\n    setSent(true);\n  };\n\n  const handleOnClick = () => {\n    setSending(false);\n    setSent(false);\n    onClose();\n  };\n\n  return (\n    isQuoteOpen\n      && (\n      <div className={`badge-section badge-quote-${screenSize}`}>\n        <div\n          className={`close-${screenSize}`}\n          onClick={handleOnClick}\n        >\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"24\"\n            height=\"24\"\n            stroke=\"#333\"\n            strokeWidth=\"3\"\n            fill=\"none\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n          </svg>\n        </div>\n        {sent\n          ? (\n            <div className=\"message-sent\">\n              <h3>Mensagem enviada!</h3>\n              <p>Entraremos em contato em breve.</p>\n            </div>\n          )\n          : (\n            <>\n              <form onSubmit={handleSubmit(onSubmit)}>\n\n                <div className=\"field\">\n                  <label htmlFor=\"name\">\n                    <p className=\"label\">Nome</p>\n                    <input\n                      type=\"text\"\n                      name=\"name\"\n                      ref={register({\n                        required: 'Por favor, digite seu nome',\n                      })}\n                      onChange={() => clearErrors('name')}\n                    />\n                    {errors.name\n                      && (\n                      <p className=\"error\">\n                        &#9888;\n                        &nbsp;\n                        {errors.name.message}\n                      </p>\n                      )}\n                  </label>\n                </div>\n\n                <div className=\"field\">\n                  <label htmlFor=\"email\">\n                    <p className=\"label\">E-mail</p>\n                    <input\n                      type=\"text\"\n                      name=\"email\"\n                      ref={register({\n                        required: 'Por favor, digite seu e-mail',\n                        pattern: {\n                          value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n                          message: 'Parece que este e-mail não é válido',\n                        },\n                      })}\n                      onChange={() => clearErrors('email')}\n                    />\n                    {errors.email\n                      && (\n                      <p className=\"error\">\n                        &#9888;\n                        &nbsp;\n                        {errors.email.message}\n                      </p>\n                      )}\n                  </label>\n                </div>\n\n                <div className=\"field\">\n                  <label htmlFor=\"tel\">\n                    <p className=\"label\">Telefone (opcional)</p>\n                    <input type=\"text\" name=\"tel\" ref={register()} />\n                  </label>\n                </div>\n\n                <div className=\"field\">\n                  <label htmlFor=\"company\">\n                    <p className=\"label\">Empresa (opcional)</p>\n                    <input type=\"text\" name=\"company\" ref={register()} />\n                  </label>\n                </div>\n\n                <div className=\"field\">\n                  <label htmlFor=\"message\">\n                    <p className=\"label\">Mensagem</p>\n                    <textarea\n                      name=\"message\"\n                      ref={register({\n                        required: 'Por favor, escreva uma mensagem',\n                      })}\n                      onChange={() => clearErrors('message')}\n                    />\n                    {errors.message\n                      && (\n                      <p className=\"error\">\n                        &#9888;\n                        &nbsp;\n                        {errors.message.message}\n                      </p>\n                      )}\n                  </label>\n                </div>\n\n                <input type=\"submit\" value=\"Enviar\" />\n\n              </form>\n            </>\n          )}\n        {sending\n          && (\n            <img className=\"animation\" src={animation} alt=\"\" />\n          )}\n      </div>\n      )\n  );\n};\n\nQuote.propTypes = {\n  screenSize: PropTypes.string.isRequired,\n  isQuoteOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nexport default Quote;\n","import React, { useEffect, useState } from 'react';\n\nimport Alligator from './components/Alligator';\nimport Container from './components/Container';\nimport Footer from './components/Footer';\nimport Header from './components/Header';\nimport Main from './components/Main';\nimport Quote from './components/Quote';\n\nfunction App() {\n  const [screenSize, setScreenSize] = useState('small');\n  const [isQuoteOpen, setIsQuoteOpen] = useState(false);\n\n  const updateDimensions = () => {\n    const width = window.innerWidth;\n    if (width < 700) {\n      setScreenSize('small');\n    } else if (width < 1100) {\n      setScreenSize('medium');\n    } else {\n      setScreenSize('large');\n    }\n  };\n\n  const toggleQuote = () => {\n    setIsQuoteOpen(!isQuoteOpen);\n  };\n\n  useEffect(() => {\n    updateDimensions();\n    window.addEventListener('resize', updateDimensions);\n    return () => window.removeEventListener('resize', updateDimensions);\n  }, []);\n\n  return (\n    <Container screenSize={screenSize}>\n      <Alligator screenSize={screenSize} />\n      <Header\n        screenSize={screenSize}\n        isQuoteOpen={isQuoteOpen}\n        onClickQuoteButton={toggleQuote}\n      />\n      <Main\n        screenSize={screenSize}\n        isQuoteOpen={isQuoteOpen}\n      />\n      <Quote\n        screenSize={screenSize}\n        isQuoteOpen={isQuoteOpen}\n        onClose={toggleQuote}\n      />\n      <Footer screenSize={screenSize} />\n    </Container>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root'),\n);\n"],"sourceRoot":""}