{"version":3,"sources":["assets/images/userReviews/fabiano-gregorio.jpg","assets/images/userReviews/luigi-saria.jpg","assets/images/userReviews/jessica-maria-dos-santos.jpg","assets/images/userReviews/monica-bienemann.jpg","assets/images/userReviews/paula-barbosa.jpg","assets/images/userReviews/murilo-batista.jpg","assets/images/first-view-mockup.png","assets/images/splash-screen-mockup.png","assets/images/avatar-cartoon.png","assets/images/parking.svg","styles/global.js","styles/theme.js","styles/components.js","components/Header/styles.js","components/Header/index.js","components/Footer/styles.js","components/Footer/index.js","pages/home/styles.js","pages/home/components/DownloadApp/styles.js","pages/home/components/DownloadApp/components/DownloadButton/styles.js","pages/home/components/DownloadApp/components/DownloadButton/index.js","pages/home/components/DownloadApp/index.js","components/LineSeparator/styles.js","components/LineSeparator/index.js","pages/home/components/HowTo/styles.js","pages/home/components/HowTo/components/Step/styles.js","pages/home/components/HowTo/components/Step/index.js","pages/home/components/HowTo/index.js","pages/home/components/Features/components/Feature/styles.js","pages/home/components/Features/components/Feature/index.js","pages/home/components/Features/styles.js","pages/home/components/Features/index.js","pages/home/components/PresentationalVideo/styles.js","pages/home/components/PresentationalVideo/index.js","pages/home/components/Reviews/styles.js","pages/home/components/Reviews/data.js","pages/home/components/Reviews/index.js","pages/home/index.js","pages/fleetOwner/styles.js","pages/fleetOwner/components/FleetOwnerIntro/styles.js","pages/fleetOwner/components/FleetOwnerIntro/index.js","pages/fleetOwner/components/FleetOwnerHowTo/styles.js","pages/fleetOwner/components/FleetOwnerHowTo/components/Step/styles.js","pages/fleetOwner/components/FleetOwnerHowTo/components/Step/index.js","pages/fleetOwner/components/FleetOwnerHowTo/index.js","pages/fleetOwner/index.js","routes/index.js","App.js","serviceWorker.js","index.js","assets/images/logo.png"],"names":["module","exports","__webpack_require__","p","GlobalStyles","createGlobalStyle","_templateObject","props","theme","colors","darkBlue","lightGreen","tomato","lightBlue","orange","zonaAzulFacilSpBlue","black","softBlack","white","disabled","Wrapper","styled","div","components_templateObject","Container","_templateObject2","Content","_templateObject3","_templateObject4","header","styles_templateObject","Navbar","nav","styles_templateObject2","Header","react_default","a","createElement","styles_Container","Link","to","className","src","logo","alt","height","href","footer","Footer_styles_templateObject","LogoImage","img","Footer_styles_templateObject2","ItemsContainer","styles_templateObject3","TitleQuickLinks","h3","styles_templateObject4","QuickLinksContainer","_templateObject5","TitleContact","_templateObject6","ContactContainer","_templateObject7","FooterSeparator","hr","_templateObject8","Footer","Footer_styles_Container","Logo","Date","getFullYear","home_styles_templateObject","DownloadApp_styles_templateObject","Button","DownloadButton_styles_templateObject","DownloadButton","_ref","icon","topText","bottomText","react_fontawesome_index_es","size","DownloadApp","renderAppleStoreButton","components_DownloadButton","faApple","isIOS","renderPlayStoreButton","faGooglePlay","isAndroid","DownloadApp_styles_Container","react","iPhoneMock","LineSeparator_styles_templateObject","LineSeparator","LineSeparator_styles_Container","HowTo_styles_templateObject","SectionSeparator","HowTo_styles_templateObject2","Step_styles_templateObject","Step","title","description","Step_styles_Container","HowTo","HowTo_styles_Container","components_Step","faCar","faUserCircle","faFileSignature","faDollarSign","Feature_styles_templateObject","Feature","rest","Object","objectWithoutProperties","Feature_styles_Container","Features_styles_templateObject","Features_styles_templateObject2","FeatureSecure","Features_styles_templateObject3","FeatureEasyToUse","Features_styles_templateObject4","FeatureFairPrice","styles_templateObject5","Features","Features_styles_Container","styles_SectionSeparator","faShieldAlt","faMobileAlt","faHandHoldingUsd","PresentationalVideo_styles_templateObject","PresentationalVideo_styles_templateObject2","Home","PresentationalVideo_styles_Container","PresentationalVideo_styles_SectionSeparator","YouTube","videoId","opts","width","Reviews_styles_templateObject","Reviews_styles_templateObject2","SectionTitle","h1","Reviews_styles_templateObject3","Reviews_styles_templateObject4","Title","h2","Reviews_styles_templateObject5","QuotationMarkContainer","styles_templateObject6","Description","styles_templateObject7","Author","styles_templateObject8","AuthorOccupation","_templateObject9","LeftArrowContainer","_templateObject10","RightArrowContainer","_templateObject11","Circle","_templateObject12","avatarImage","concat","AvatarCartoon","CurrentAvatar","_templateObject13","TopLeftAvatar","_templateObject14","TopRightAvatar","_templateObject15","LeftTopAvatar","_templateObject16","LeftBottomAvatar","_templateObject17","BottomLeftAvatar","_templateObject18","BottomRightAvatar","_templateObject19","userReviewsData","avatar","jessicaMariaDosSantos","author","authorOccupation","comment","fabianoGregorio","luigiSariaAvatar","monicaBienemannAvatar","paulaBarbosaAvatar","muriloBatistaAvatar","Reviews","_useState","useState","_useState2","slicedToArray","userReviews","_useState3","_useState4","currentSelectedIndex","setCurrentSelectedIndex","Reviews_styles_Container","Reviews_styles_SectionSeparator","styles_Content","faQuoteLeft","onClick","length","faLongArrowAltLeft","faLongArrowAltRight","home_styles_Container","components_DownloadApp","PresentationalVideo","components_HowTo","components_Features","components_Reviews","fleetOwner_styles_templateObject","Image","FleetOwnerIntro_styles_templateObject","FleetOwnerIntro_styles_templateObject2","FleetOwnerIntro_styles_templateObject3","FleetOwnerIntro","parkingImage","styles_Title","styles_Description","FleetOwnerHowTo_styles_templateObject","FleetOwnerHowTo_styles_templateObject2","FleetOwnerHowTo_styles_templateObject3","components_Step_styles_templateObject","link","components_Step_styles_Container","FleetOwnerHowTo","FleetOwnerHowTo_styles_SectionSeparator","FleetOwnerHowTo_styles_Title","FleetOwnerHowTo_styles_Container","FleetOwnerHowTo_components_Step","faFileDownload","faEnvelope","FleetOwner","fleetOwner_styles_Container","components_FleetOwnerIntro","components_FleetOwnerHowTo","Routes","Switch","Route","exact","path","component","App","BrowserRouter","styled_components_browser_esm","global","components_Header","routes","components_Footer","Component","Boolean","window","location","hostname","match","ReactDOM","render","src_App","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.1de205f0.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/fabiano-gregorio.2698d379.jpg\";","module.exports = __webpack_public_path__ + \"static/media/luigi-saria.2b05d4e8.jpg\";","module.exports = __webpack_public_path__ + \"static/media/jessica-maria-dos-santos.84fde283.jpg\";","module.exports = __webpack_public_path__ + \"static/media/monica-bienemann.c713c9f5.jpg\";","module.exports = __webpack_public_path__ + \"static/media/paula-barbosa.437a9e37.jpg\";","module.exports = __webpack_public_path__ + \"static/media/murilo-batista.846cdd90.jpg\";","module.exports = __webpack_public_path__ + \"static/media/first-view-mockup.e1a2e77d.png\";","module.exports = __webpack_public_path__ + \"static/media/splash-screen-mockup.21fcc660.png\";","module.exports = __webpack_public_path__ + \"static/media/avatar-cartoon.1924d413.png\";","module.exports = __webpack_public_path__ + \"static/media/parking.faaff997.svg\";","import { createGlobalStyle } from 'styled-components';\n\nconst GlobalStyles = createGlobalStyle`\n * {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n outline: 0;\n }\n html, body, #root {\n height: 100%;\n }\n body {\n text-rendering: optimizeLegibility !important;\n -webkit-font-smoothing: antialiased !important;\n background: #fefeff;\n color: #424242;\n font-family: 'Montserrat', sans-serif;\n }\n input, button {\n }\n button {\n cursor: pointer;\n }\n\n h1, h2, h3 {\n color: ${props => props.theme.colors.darkBlue};\n }\n\n h1 {\n font-size: 1.5rem;\n }\n`;\n\nexport default GlobalStyles;\n","export default {\n colors: {\n // Palette colors\n darkBlue: \"#284d64\",\n lightGreen: \"#7fcfab\",\n tomato: \"#ef6f6c\",\n lightBlue: \"#0992a5\",\n orange: \"#f79256\",\n zonaAzulFacilSpBlue: \"#0f4f7e\",\n\n // Extra colors\n black: \"#333\",\n softBlack: \"#424242\",\n white: \"#FFF\",\n disabled: \"#BDBDBD\"\n }\n};\n","import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n display: grid;\n grid-template-columns: 1fr minmax(min-content, 960px) 1fr;\n grid-template-areas: '. container .';\n`;\n\nexport const Container = styled.div`\n height: 100%;\n background-color: white;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: min-content;\n gap: 24px;\n grid-template-areas:\n 'header header'\n 'content content'\n 'footer footer';\n grid-area: container;\n\n @media screen and (max-height: 460px) {\n grid-template-rows: 60px;\n }\n`;\n\nexport const Content = styled.div`\n grid-area: content;\n`;\n\nexport const HeaderBackground = styled.div`\n grid-column: 2 / 3;\n grid-row: 1/2;\n border-radius: 50%;\n width: 100%;\n height: auto;\n padding-top: 100%;\n background: ${props => props.theme.colors.orange};\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.header`\n grid-area: header;\n display: grid;\n grid-template-columns: min-content auto 1fr;\n grid-template-rows: min-content;\n grid-template-areas: 'logo . navbar';\n background-color: transparent;\n padding: 16px 32px;\n\n a.logo-wrapper {\n grid-area: logo;\n align-self: center;\n }\n\n a.logo-icon-wrapper {\n grid-area: logo;\n display: none;\n align-self: center;\n }\n\n img.logo {\n margin-left: 16px;\n align-self: center;\n max-width: 150px;\n }\n\n img.logo-icon {\n align-self: center;\n }\n\n @media screen and (max-width: 475px) {\n img.logo {\n align-self: center;\n width: 100%;\n }\n\n img.logo-icon {\n align-self: center;\n max-width: 50px;\n }\n\n a.logo-wrapper {\n grid-area: logo;\n display: none;\n }\n\n a.logo-icon-wrapper {\n grid-area: logo;\n display: block;\n }\n }\n`;\n\nexport const Navbar = styled.nav`\n grid-area: navbar;\n align-self: center;\n\n ul {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n list-style: none;\n\n li {\n color: ${props => props.theme.colors.darkBlue};\n font-weight: bold;\n margin-right: 3%;\n\n a {\n text-decoration: none;\n margin-left: 1em;\n }\n }\n }\n`;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { Container, Navbar } from \"./styles\";\nimport logo from \"../../assets/images/logo.png\";\n// import logoIcon from \"../../assets/images/logo-icon.png\";\n\nconst Header = () => (\n \n \n \"Logo\"\n \n \n \"Logo\"\n \n \n \n \n \n);\n\nexport default Header;\n","import styled from \"styled-components\";\n\nexport const Container = styled.footer`\n grid-area: footer;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-areas:\n 'footer-logo'\n 'footer-description'\n 'footer-contact-title'\n 'footer-contact'\n 'footer-quick-links-title'\n 'footer-quick-links'\n 'footer-separator'\n 'footer-copyright';\n grid-row-gap: 16px;\n grid-column-gap: 16px;\n background-color: #dadada;\n padding: 16px 32px;\n\n @media screen and (min-width: 690px) {\n grid-template-columns: repeat(3, 1fr);\n grid-template-areas:\n 'footer-logo footer-contact-title footer-quick-links-title'\n 'footer-description footer-contact footer-quick-links'\n 'footer-separator footer-separator footer-separator'\n 'footer-copyright footer-copyright footer-copyright';\n\n }\n\n div {\n &.footer-description {\n grid-area: footer-description;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n\n p.footer-description-text {\n text-align: center;\n margin-top: 16px;\n }\n }\n\n &.footer-copyright {\n grid-area: footer-copyright;\n text-align: center\n color: #757575;\n }\n }\n`;\n\nexport const LogoImage = styled.img`\n grid-area: footer-logo;\n justify-self: center;\n`;\n\nexport const ItemsContainer = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nexport const TitleQuickLinks = styled.h3`\n grid-area: footer-quick-links-title;\n justify-self: center;\n align-self: center;\n`;\n\nexport const QuickLinksContainer = styled(ItemsContainer)`\n grid-area: footer-quick-links;\n h3 {\n color: ${props => props.theme.colors.darkBlue};\n }\n\n a {\n text-decoration: none;\n margin-top: 16px;\n }\n`;\n\nexport const TitleContact = styled.h3`\n grid-area: footer-contact-title;\n justify-self: center;\n align-self: center;\n`;\n\nexport const ContactContainer = styled(ItemsContainer)`\n grid-area: footer-contact;\n\n h3 {\n color: ${props => props.theme.colors.darkBlue};\n text-align: center;\n }\n\n p.contact-info {\n margin-top: 16px;\n width: 100%;\n\n span.contact-info-title {\n color: ${props => props.theme.colors.darkBlue};\n }\n\n span.contact-info-description {\n color: #757575;\n }\n }\n`;\n\nexport const FooterSeparator = styled.hr`\n grid-area: footer-separator;\n border-top: 2px solid rgba(189, 189, 189, 0.3);\n margin: 0 8px;\n`;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport {\n Container,\n LogoImage,\n TitleContact,\n ContactContainer,\n TitleQuickLinks,\n QuickLinksContainer,\n FooterSeparator\n} from \"./styles\";\nimport Logo from \"../../assets/images/logo.png\";\n\nconst Footer = () => (\n \n \n
\n

\n O app mais bem avaliado de São Paulo\n

\n
\n Contato\n \n

\n E-mail: \n \n contato@zonaazulfacil.com\n \n

\n {/*

\n Telefone: \n (11) 2925-2505\n

*/}\n \n Links rápidos\n \n {/* Início */}\n Inova\n \n \n
\n © {new Date().getFullYear()} Inova Soluções em Tecnologia e Gestão.\n
\n \n);\n\nexport default Footer;\n","import styled from \"styled-components\";\n\nexport const Container = styled.div`\n display: grid;\n grid-template-columns: 1fr;\n grid-row-gap: 32px;\n grid-template-areas:\n \"download-app-section\"\n \"presentational-video-section\"\n \"how-to-section\"\n \"reviews-section\";\n\n @media screen and (min-width: 640px) {\n grid-template-columns: 1fr;\n grid-row-gap: 64px;\n grid-template-areas:\n \"download-app-section\"\n \"presentational-video-section\"\n \"how-to-section\"\n \"reviews-section\";\n }\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n display: grid;\n grid-area: download-app-section;\n grid-template-columns: 1fr 1fr;\n grid-column-gap: 16px;\n grid-template-areas: 'download-app-info download-app-mock';\n grid-template-rows: min-content;\n padding: 0 16px;\n\n @media screen and (max-width: 690px) {\n grid-template-columns: 1fr;\n grid-template-rows: minmax(50px, 250px) max-content;\n grid-template-areas:\n 'download-app-mock'\n 'download-app-info';\n grid-row-gap: 8px;\n }\n\n @media screen and (max-height: 640px) and (max-width: 690px) {\n height: calc(100vh - (130px));\n }\n\n div.download-app-mock {\n grid-area: download-app-mock;\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n max-width: 60%;\n /* height: 80%; */\n\n @media screen and (max-width: 690px) {\n height: 100%;\n }\n }\n }\n\n div.download-app-info {\n grid-area: download-app-info;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'info-title info-title'\n 'info-description info-description'\n 'info-apple-store info-play-store';\n gap: 16px 16px;\n justify-self: center;\n align-self: center;\n margin: 0 10%;\n\n @media screen and (max-width: 956px) {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'info-title'\n 'info-description'\n 'info-apple-store'\n 'info-play-store';\n }\n\n @media screen and (max-width: 640px) {\n margin: 0;\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'info-title info-title'\n 'info-description info-description'\n 'info-apple-store info-play-store';\n }\n\n @media screen and (max-width: 374px) {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'info-title'\n 'info-description'\n 'info-apple-store'\n 'info-play-store';\n }\n\n h1.app-info-title {\n grid-area: info-title;\n font-size: 1.3rem;\n color: ${props => props.theme.colors.darkBlue};\n\n @media screen and (max-width: 640px) {\n text-align: center;\n }\n\n @media screen and (max-height: 460px) {\n font-size: 1rem;\n }\n }\n\n p.app-info-description {\n grid-area: info-description;\n font-size: 0.8rem;\n\n @media screen and (max-height: 460px) {\n font-size: 0.7rem;\n }\n }\n }\n`;\n","import styled from \"styled-components\";\n\nexport const Button = styled.a`\n text-decoration: none;\n\n button {\n width: 100%;\n &.button {\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: bold;\n border: double 2px transparent;\n height: 44px;\n border-radius: 50px;\n background-image: linear-gradient(white, white),\n radial-gradient(\n circle at top left,\n ${props => props.theme.colors.lightBlue} 0%,\n ${props => props.theme.colors.zonaAzulFacilSpBlue} 100%\n );\n background-origin: border-box;\n background-clip: content-box, border-box;\n\n div.button-text-container {\n display: grid;\n align-items: center;\n margin: 0 16px;\n grid-template-columns: 30px 1fr;\n grid-column-gap: 8px;\n grid-template-areas:\n \"button-icon button-top-text\"\n \"button-icon button-bottom-text\";\n\n span.button-icon {\n grid-area: button-icon;\n\n svg * {\n fill: url(#lgrad);\n }\n }\n\n span.button-top-text {\n grid-area: button-top-text;\n background: -webkit-linear-gradient(\n ${props => props.theme.colors.lightBlue},\n ${props => props.theme.colors.zonaAzulFacilSpBlue}\n );\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n span.button-bottom-text {\n grid-area: button-bottom-text;\n background: -webkit-linear-gradient(\n ${props => props.theme.colors.lightBlue},\n ${props => props.theme.colors.zonaAzulFacilSpBlue}\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n }\n }\n\n .gradient-icon {\n background: -webkit-gradient(\n linear,\n left top,\n left bottom,\n from(#f00),\n to(#333)\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n &.button-highlight {\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: bold;\n height: 44px;\n border-width: 0;\n border-radius: 50px;\n background-image: linear-gradient(\n to right,\n ${props => props.theme.colors.lightBlue} 0%,\n ${props => props.theme.colors.zonaAzulFacilSpBlue} 100%\n );\n\n div.button-text-container {\n display: grid;\n align-items: center;\n margin: 0 16px;\n grid-template-columns: 30px 1fr;\n grid-column-gap: 8px;\n grid-template-areas:\n \"button-icon button-top-text\"\n \"button-icon button-bottom-text\";\n\n span.button-icon {\n grid-area: button-icon;\n color: white;\n }\n\n span.button-top-text {\n grid-area: button-top-text;\n color: white;\n }\n\n span.button-bottom-text {\n grid-area: button-bottom-text;\n color: white;\n }\n }\n }\n }\n`;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nimport { Button } from \"./styles\";\n\nconst DownloadButton = ({ icon, topText, bottomText, className, href }) => (\n \n \n);\n\nexport default DownloadButton;\n","import React, { Fragment } from \"react\";\nimport { isIOS, isAndroid } from \"react-device-detect\";\nimport { faApple, faGooglePlay } from \"@fortawesome/free-brands-svg-icons\";\n\nimport { Container } from \"./styles\";\nimport DownloadButton from \"./components/DownloadButton\";\nimport iPhoneMock from \"../../../../assets/images/first-view-mockup.png\";\n\nconst DownloadApp = () => {\n const renderAppleStoreButton = () => {\n return (\n \n );\n };\n\n const renderPlayStoreButton = () => {\n return (\n \n );\n };\n\n return (\n \n
\n

\n A evolução em estacionamento rotativo\n

\n

\n Com o app Zona Azul Fácil SP você tem comodidade e agilidade na hora\n de estacionar seu veículo nas ruas de São Paulo.\n

\n {isAndroid ? (\n \n {renderPlayStoreButton()}\n {renderAppleStoreButton()}\n \n ) : (\n \n {renderAppleStoreButton()}\n {renderPlayStoreButton()}\n \n )}\n
\n\n
\n \"iPhone\n
\n \n );\n};\n\nexport default DownloadApp;\n","import styled from \"styled-components\";\n\nexport const Container = styled.div`\n height: 4px;\n width: 100%;\n background: linear-gradient(\n to right,\n ${props => props.theme.colors.lightBlue} 0%,\n ${props => props.theme.colors.zonaAzulFacilSpBlue} 100%\n );\n`;\n","import React from 'react';\n\nimport { Container } from './styles';\n\nconst LineSeparator = props => ;\n\nexport default LineSeparator;\n","import styled from 'styled-components';\nimport LineSeparator from '../../../../components/LineSeparator';\n\nexport const Container = styled.div`\n grid-area: how-to-section;\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-template-areas:\n '. . how-to-separator how-to-separator . .'\n 'how-to-mock how-to-mock how-to-mock how-to-info how-to-info how-to-info';\n grid-row-gap: 32px;\n padding: 0 16px;\n\n div {\n &.how-to-mock {\n grid-area: how-to-mock;\n justify-self: center;\n }\n\n &.how-to-info {\n grid-area: how-to-info;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n\n .how-to-info-title {\n color: ${props => props.theme.colors.darkBlue};\n font-size: 1.5rem;\n }\n }\n }\n\n @media screen and (max-width: 640px) {\n grid-template-columns: 3fr;\n grid-template-areas:\n '. how-to-separator .'\n 'how-to-mock how-to-mock how-to-mock'\n 'how-to-info how-to-info how-to-info';\n\n div.how-to-info {\n display: grid;\n grid-row-gap: 32px;\n\n h1.how-to-info-title {\n text-align: center;\n }\n }\n }\n`;\n\nexport const SectionSeparator = styled(LineSeparator)`\n grid-area: how-to-separator;\n justify-self: center;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas:\n 'step-icon step-title'\n 'step-icon step-description';\n grid-column-gap: 16px;\n\n div.step-icon {\n grid-area: step-icon;\n align-self: center;\n justify-self: center;\n\n svg * {\n fill: url(#lgrad);\n }\n }\n\n h4.step-title {\n font-size: 1rem;\n grid-area: step-title;\n color: ${props => props.theme.colors.darkBlue};\n }\n\n p.step-description {\n font-size: 0.8rem;\n grid-area: step-description;\n }\n`;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nimport { Container } from \"./styles\";\nconst Step = ({ icon, title, description }) => (\n \n
\n \n
\n

{title}

\n

{description}

\n \n);\n\nexport default Step;\n","import React from \"react\";\nimport {\n faUserCircle,\n faFileSignature,\n faCar,\n faDollarSign\n} from \"@fortawesome/free-solid-svg-icons\";\n\nimport { Container, SectionSeparator } from \"./styles\";\nimport Step from \"./components/Step\";\n\nimport iPhoneMock from \"../../../../assets/images/splash-screen-mockup.png\";\n\nconst HowTo = () => (\n \n \n
\n \"iPhone\n
\n
\n

Entenda o App

\n \n \n \n \n
\n \n);\n\nexport default HowTo;\n","import styled from \"styled-components\";\n\nexport const Container = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 4px;\n\n div.feature-icon {\n svg * {\n fill: url(#lgrad);\n }\n }\n\n h2.feature-title {\n font-size: 1.3rem;\n color: ${props => props.theme.colors.darkBlue};\n font-weight: 500;\n margin-top: 16px;\n text-align: center;\n }\n\n p.feature-description {\n font-size: 0.9rem;\n margin-top: 16px;\n text-align: center;\n }\n`;\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { Container } from './styles';\n\nconst Feature = ({ icon, title, description, ...rest }) => (\n \n
\n \n
\n

{title}

\n

{description}

\n \n);\n\nexport default Feature;\n","import styled from \"styled-components\";\nimport LineSeparator from \"../../../../components/LineSeparator\";\nimport Feature from \"./components/Feature\";\n\nexport const Container = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-row-gap: 32px;\n /* grid-column-gap: 48px; */\n justify-items: center;\n grid-template-areas:\n \". features-separator .\"\n \"features-title features-title features-title\"\n \"feature-secure feature-easy-to-use feature-fair-price\";\n padding: 0 16px;\n\n h1.features-title {\n font-size: 1.5rem;\n color: ${props => props.theme.colors.darkBlue};\n grid-area: features-title;\n text-align: center;\n }\n\n @media screen and (max-width: 640px) {\n grid-template-columns: repeat(3, 1fr);\n grid-template-areas:\n \". features-separator .\"\n \"features-title features-title features-title\"\n \"feature-secure feature-secure feature-secure\"\n \"feature-easy-to-use feature-easy-to-use feature-easy-to-use\"\n \"feature-fair-price feature-fair-price feature-fair-price\";\n }\n`;\n\nexport const SectionSeparator = styled(LineSeparator)`\n grid-area: features-separator;\n justify-self: center;\n`;\n\nexport const FeatureSecure = styled(Feature)`\n grid-area: feature-secure;\n`;\n\nexport const FeatureEasyToUse = styled(Feature)`\n grid-area: feature-easy-to-use;\n`;\n\nexport const FeatureFairPrice = styled(Feature)`\n grid-area: feature-fair-price;\n`;\n","import React from \"react\";\nimport {\n faShieldAlt,\n faMobileAlt,\n faHandHoldingUsd\n} from \"@fortawesome/free-solid-svg-icons\";\n\nimport {\n Container,\n SectionSeparator,\n FeatureSecure,\n FeatureEasyToUse,\n FeatureFairPrice\n} from \"./styles\";\n\nconst Features = () => (\n \n \n

Vantagens

\n\n \n\n \n\n \n \n);\n\nexport default Features;\n","import styled from 'styled-components';\nimport LineSeparator from '../../../../components/LineSeparator';\n\nexport const Container = styled.div`\n grid-area: presentational-video-section;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n grid-template-rows: max-content auto;\n grid-row-gap: 32px;\n grid-template-areas:\n '. presentational-video-separator .'\n '. presentational-video-title .'\n 'presentational-video-media presentational-video-media presentational-video-media';\n padding: 0 16px;\n\n h1.presentational-video-title {\n grid-area: presentational-video-title;\n text-align: center;\n }\n\n div.presentational-video-media {\n grid-area: presentational-video-media;\n position: relative;\n width: 100%;\n height: 0;\n padding-bottom: 56.25%;\n justify-self: center;\n\n .video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n }\n`;\n\nexport const SectionSeparator = styled(LineSeparator)`\n grid-area: presentational-video-separator;\n justify-self: center;\n`;\n","import React from \"react\";\nimport YouTube from \"react-youtube\";\n\nimport { Container, SectionSeparator } from \"./styles\";\n\nconst Home = () => {\n const opts = {\n width: \"100%\"\n // height: '50%'\n };\n\n return (\n \n \n

Vídeo

\n
\n \n
\n \n );\n};\n\nexport default Home;\n","import styled from 'styled-components';\nimport LineSeparator from '../../../../components/LineSeparator';\n\nimport AvatarCartoon from '../../../../assets/images/avatar-cartoon.png';\n\nexport const Container = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-areas:\n '. reviews-separator .'\n 'reviews-title reviews-title reviews-title'\n 'reviews-content reviews-content reviews-content';\n grid-row-gap: 32px;\n`;\n\nexport const SectionSeparator = styled(LineSeparator)`\n grid-area: reviews-separator;\n justify-self: center;\n`;\n\nexport const SectionTitle = styled.h1`\n grid-area: reviews-title;\n text-align: center;\n color: ${props => props.theme.colors.darkBlue};\n`;\n\nexport const Content = styled.div`\n grid-area: reviews-content;\n display: grid;\n padding: 0 16px;\n grid-template-columns: repeat(5, auto);\n grid-template-rows: 80px 40px 60px auto repeat(3, auto) auto;\n\n @media screen and (min-width: 640px) {\n grid-template-columns: repeat(5, minmax(5%, 10%)) 32px 48px 48px repeat(\n 1,\n minmax(1vh, 10vw)\n );\n grid-template-rows: 80px 40px 60px auto repeat(3, auto);\n }\n`;\n\nexport const Title = styled.h2`\n grid-column: 1 / 6;\n grid-row: 8;\n align-self: end;\n color: ${props => props.theme.colors.darkBlue};\n padding: 0.5em;\n\n @media screen and (min-width: 640px) {\n grid-column: 7 / 11;\n grid-row: 1 / 3;\n }\n`;\n\nexport const QuotationMarkContainer = styled.div`\n grid-column: 1 / 6;\n grid-row: 9;\n align-self: center;\n color: ${props => props.theme.colors.darkBlue};\n padding: 0.5em;\n\n @media screen and (min-width: 640px) {\n grid-column: 7 / 11;\n grid-row: 3;\n }\n`;\n\nexport const Description = styled.p`\n grid-column: 1 / 6;\n grid-row: 10;\n color: ${props => props.theme.colors.lightBlue};\n padding: 0.5em;\n\n @media screen and (min-width: 640px) {\n grid-column: 7 / 11;\n grid-row: 4;\n }\n`;\n\nexport const Author = styled.h3`\n grid-column: 1 / 6;\n grid-row: 11;\n color: ${props => props.theme.colors.darkBlue};\n padding: 0.5em;\n align-self: end;\n\n @media screen and (min-width: 640px) {\n grid-column: 7 / 11;\n grid-row: 5;\n }\n`;\n\nexport const AuthorOccupation = styled.p`\n grid-column: 1 / 6;\n grid-row: 12;\n align-self: start;\n color: ${props => props.theme.colors.darkBlue};\n padding: 0.5em;\n\n @media screen and (min-width: 640px) {\n grid-column: 7 / 11;\n grid-row: 6;\n }\n`;\n\nexport const LeftArrowContainer = styled.p`\n grid-column: 1;\n grid-row: 13;\n justify-self: center;\n padding: 0.5em;\n cursor: pointer;\n\n @media screen and (min-width: 640px) {\n grid-column: 7;\n grid-row: 7;\n align-self: start;\n }\n`;\n\nexport const RightArrowContainer = styled.p`\n grid-column: 2;\n grid-row: 13;\n align-self: start;\n padding: 0.5em;\n cursor: pointer;\n\n @media screen and (min-width: 640px) {\n grid-column: 8;\n grid-row: 7;\n }\n`;\n\nexport const Circle = styled.div`\n display: block;\n position: relative;\n height: auto;\n background-image: ${props =>\n props.avatarImage ? `url(${props.avatarImage})` : `url(${AvatarCartoon})`};\n background-size: cover;\n\n img {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const CurrentAvatar = styled(Circle)`\n /* background-color: purple; */\n border-radius: 50%;\n width: 80%;\n /* height: 100%; */\n padding-top: 80%;\n grid-column: 2 / 5;\n grid-row: 3 / 5;\n justify-self: end;\n align-self: end;\n`;\n\nexport const TopLeftAvatar = styled(Circle)`\n /* background-color: green; */\n border-radius: 50%;\n width: 50%;\n padding-top: 50%;\n grid-column: 2;\n grid-row: 1;\n align-self: end;\n`;\n\nexport const TopRightAvatar = styled(Circle)`\n /* background-color: yellow; */\n border-radius: 50%;\n width: 50%;\n padding-bottom: 50%;\n grid-column: 4;\n grid-row: 1;\n align-self: start;\n`;\n\nexport const LeftTopAvatar = styled(Circle)`\n /* background-color: blue; */\n border-radius: 50%;\n width: 100%;\n padding-top: 100%;\n grid-column: 1;\n grid-row: 3 / 4;\n align-self: center;\n`;\n\nexport const LeftBottomAvatar = styled(Circle)`\n /* background-color: maroon; */\n border-radius: 50%;\n width: 50%;\n padding-top: 50%;\n grid-column: 1;\n grid-row: 5;\n justify-self: center;\n align-self: center;\n`;\n\nexport const BottomLeftAvatar = styled(Circle)`\n /* background-color: greenyellow; */\n border-radius: 50%;\n width: 50%;\n padding-top: 50%;\n grid-column: 3;\n grid-row: 7;\n align-self: start;\n`;\n\nexport const BottomRightAvatar = styled(Circle)`\n /* background-color: red; */\n border-radius: 50%;\n width: 60%;\n padding-top: 60%;\n grid-column: 5;\n grid-row: 7;\n justify-self: start;\n align-self: start;\n`;\n","import fabianoGregorio from \"../../../../assets/images/userReviews/fabiano-gregorio.jpg\";\nimport luigiSariaAvatar from \"../../../../assets/images/userReviews/luigi-saria.jpg\";\nimport jessicaMariaDosSantos from \"../../../../assets/images/userReviews/jessica-maria-dos-santos.jpg\";\nimport monicaBienemannAvatar from \"../../../../assets/images/userReviews/monica-bienemann.jpg\";\nimport paulaBarbosaAvatar from \"../../../../assets/images/userReviews/paula-barbosa.jpg\";\nimport muriloBatistaAvatar from \"../../../../assets/images/userReviews/murilo-batista.jpg\";\n\nexport const userReviewsData = [\n {\n avatar: jessicaMariaDosSantos,\n author: \"Jéssica Maria dos Santos\",\n authorOccupation: \"\",\n comment: `App muito eficaz.\"`\n },\n {\n avatar: fabianoGregorio,\n author: \"Fabiano Gregório\",\n authorOccupation: \"Pastor\",\n comment: `Aplicativo é muito bom, uma das coisas que trás é a praticidade de você colocar o cartão quando vence sem ter que voltar ao carro, como era antigamente no papel. Além de tudo ainda te avisa nos 10 minutos restantes para você não ser multado por esquecimento. Parabéns\"`\n },\n {\n avatar: luigiSariaAvatar,\n author: \"Luigi Saria\",\n authorOccupation: \"\",\n comment: `Aplicativo muito bom e funcional. Gostei das opções dos alarmes de tempo e principalmente de poder ativar/desativar esses alarmes. Uso desde que implementaram a zona azul digital. Nunca tive problemas com ele. Recomendo!\"`\n },\n {\n avatar: monicaBienemannAvatar,\n author: \"Monica Bienemann\",\n authorOccupation: \"\",\n comment: `Muito fácil de usar, simples e útil...e me avisou quando acabou o período, para eu recarregar. Gostei! :)\"`\n },\n {\n avatar: paulaBarbosaAvatar,\n author: \"Paula Barbosa\",\n authorOccupation: \"\",\n comment: `Muito bom, não preciso voltar no carro para atualizar as horas e também não tem mais gastos de papel a toa, o planeta agradece.\"`\n },\n {\n avatar: muriloBatistaAvatar,\n author: \"Murilo Batista\",\n authorOccupation: \"\",\n comment: `O uso foi sem problemas. Respostas bem rápida as solicitações e com alerta próximo de expirar o tempo. Ótimo app.\"`\n }\n];\n","import React, { useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faQuoteLeft,\n faLongArrowAltLeft,\n faLongArrowAltRight\n} from \"@fortawesome/free-solid-svg-icons\";\n\nimport {\n Container,\n SectionSeparator,\n SectionTitle,\n Content,\n Title,\n QuotationMarkContainer,\n Description,\n Author,\n CurrentAvatar,\n TopLeftAvatar,\n TopRightAvatar,\n LeftTopAvatar,\n LeftBottomAvatar,\n BottomLeftAvatar,\n BottomRightAvatar,\n AuthorOccupation,\n LeftArrowContainer,\n RightArrowContainer\n} from \"./styles\";\n\nimport fabianoGregorio from \"../../../../assets/images/userReviews/fabiano-gregorio.jpg\";\nimport luigiSariaAvatar from \"../../../../assets/images/userReviews/luigi-saria.jpg\";\nimport jessicaMariaDosSantos from \"../../../../assets/images/userReviews/jessica-maria-dos-santos.jpg\";\nimport monicaBienemannAvatar from \"../../../../assets/images/userReviews/monica-bienemann.jpg\";\nimport paulaBarbosaAvatar from \"../../../../assets/images/userReviews/paula-barbosa.jpg\";\nimport muriloBatistaAvatar from \"../../../../assets/images/userReviews/murilo-batista.jpg\";\nimport { userReviewsData } from \"./data\";\n\nconst Reviews = () => {\n const [userReviews, setUserReviews] = useState(userReviewsData);\n const [currentSelectedIndex, setCurrentSelectedIndex] = useState(0);\n\n const selectNextReview = () => {\n currentSelectedIndex + 1 > userReviews.length - 1\n ? setCurrentSelectedIndex(0)\n : setCurrentSelectedIndex(currentSelectedIndex + 1);\n };\n\n const selectPreviousReview = () => {\n currentSelectedIndex - 1 < 0\n ? setCurrentSelectedIndex(userReviews.length - 1)\n : setCurrentSelectedIndex(currentSelectedIndex - 1);\n };\n\n return (\n \n \n Avaliações\n \n \n \n \n \n \n \n \n O que nossos usuários já disseram\n \n \n \n {userReviews[currentSelectedIndex].comment}\n {userReviews[currentSelectedIndex].author}\n \n {userReviews[currentSelectedIndex].authorOccupation}\n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default Reviews;\n","import React from \"react\";\n\nimport { Container } from \"./styles\";\nimport {\n DownloadApp,\n HowTo,\n Features,\n PresentationalVideo,\n Reviews\n} from \"./components\";\n\nconst Home = () => (\n \n \n \n \n \n \n \n);\n\nexport default Home;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n display: grid;\n grid-template-columns: 16px 1fr 16px;\n grid-template-rows: minmax(100px, 300px) auto auto;\n gap: 8px 16px;\n grid-template-areas:\n 'intro-image intro-image .'\n '. intro-title .'\n '. intro-description .'\n '. how-to-separator .'\n '. how-to-title .'\n '. how-to-info .';\n\n @media screen and (min-width: 690px) {\n grid-template-columns: 32px repeat(4, 1fr) 32px;\n grid-template-rows: min-content min-content min-content min-content 16px max-content 16px max-content;\n gap: 8px 16px;\n grid-template-areas:\n 'intro-image intro-image . . . .'\n 'intro-image intro-image intro-title intro-title intro-title .'\n 'intro-image intro-image intro-description intro-description intro-description .'\n 'intro-image intro-image . . . .'\n '. . . . . .'\n '. . how-to-separator how-to-separator . .'\n '. . . . . .'\n '. how-to-title how-to-title how-to-title how-to-title .'\n '. how-to-info how-to-info how-to-info how-to-info .';\n }\n`;\n","import styled from 'styled-components';\n\nexport const Image = styled.img`\n grid-area: intro-image;\n align-self: center;\n height: 100%;\n\n @media screen and (min-width: 375px) {\n width: 100%;\n }\n`;\n\nexport const Title = styled.h1`\n grid-area: intro-title;\n align-self: end;\n`;\n\nexport const Description = styled.div`\n grid-area: intro-description;\n\n p {\n margin-bottom: 1em;\n }\n`;\n","import React, { Fragment } from 'react';\n\nimport { Image, Title, Description } from './styles';\nimport parkingImage from '../../../../assets/images/parking.svg';\n\nconst FleetOwnerIntro = () => (\n \n \n Seja um frotista\n \n

\n O Estacionamento Rotativo Digital de Belo Horizonte permite que o\n usuário comum ative o Rotativo e/ou Bônus para até dois veículos por CPF\n ou CNPJ no mesmo dia.\n

\n

\n Caso você possua uma empresa, você pode ultrapassar esse limite se\n cadastrando no sistema de gestão de frotistas da BHTrans.\n

\n \n \n);\n\nexport default FleetOwnerIntro;\n","import styled from 'styled-components';\nimport LineSeparator from '../../../../components/LineSeparator';\n\nexport const Container = styled.div`\n grid-area: how-to-info;\n display: grid;\n grid-template-columns: 1fr;\n grid-row-gap: 16px;\n`;\n\nexport const Title = styled.h1`\n grid-area: how-to-title;\n align-self: end;\n`;\n\nexport const SectionSeparator = styled(LineSeparator)`\n grid-area: how-to-separator;\n width: 100%;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas:\n 'step-icon step-title'\n 'step-icon step-description';\n grid-column-gap: 16px;\n\n div.step-icon {\n grid-area: step-icon;\n align-self: center;\n justify-self: center;\n\n svg * {\n fill: url(#lgrad);\n }\n }\n\n h4.step-title {\n font-size: 1rem;\n grid-area: step-title;\n color: ${props => props.theme.colors.darkBlue};\n }\n\n p.step-description {\n font-size: 0.8rem;\n grid-area: step-description;\n }\n`;\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { Container } from './styles';\nconst Step = ({ icon, title, description, link, ...rest }) => (\n \n
\n \n
\n

{title}

\n

\n {description} {link ? clicando aqui. : ''}\n

\n \n);\n\nexport default Step;\n","import React, { Fragment } from 'react';\nimport {\n faEnvelope,\n faFileSignature,\n faFileDownload,\n faDollarSign\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { Container, SectionSeparator, Title } from './styles';\nimport Step from './components/Step';\n\nconst FleetOwnerHowTo = () => (\n \n \n Entenda como fazer\n \n \n \n \n \n \n \n);\n\nexport default FleetOwnerHowTo;\n","import React from 'react';\n\nimport { Container } from './styles';\nimport FleetOwnerIntro from './components/FleetOwnerIntro';\nimport FleetOwnerHowTo from './components/FleetOwnerHowTo';\n\nconst FleetOwner = () => (\n \n \n \n \n);\n\nexport default FleetOwner;\n","import React from 'react';\n\nimport { Switch, Route } from 'react-router-dom';\n\nimport Home from '../pages/home';\nimport FleetOwner from '../pages/fleetOwner';\n\nconst Routes = () => (\n \n \n \n \n);\n\nexport default Routes;\n","import React, { Component, Fragment } from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport GlobalStyles from './styles/global';\nimport theme from './styles/theme';\nimport { Container, Content, Wrapper } from './styles/components';\n\nimport Header from './components/Header';\nimport Footer from './components/Footer';\nimport Routes from './routes';\n\nclass App extends Component {\n render() {\n return (\n \n \n \n \n \n \n
\n \n \n \n