{"version":3,"sources":["assets/images/logo.png","assets/images/userReviews/igor-camargo-alves.png","assets/images/userReviews/sandrele-reis.jpg","assets/images/userReviews/lipeeh_assis.jpg","assets/images/userReviews/samuel-pontes.png","assets/images/userReviews/ana-luiza-machado-silveira.jpg","assets/images/userReviews/celso-henrique-estolano-gomes.jpg","assets/images/logo-icon.png","assets/images/first-view-mockup.png","assets/images/splash-screen-mockup.png","assets/images/avatar-cartoon.png","assets/images/parking.png","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/data.js","pages/home/components/Reviews/styles.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"],"names":["module","exports","__webpack_require__","p","GlobalStyles","createGlobalStyle","_templateObject","props","theme","colors","darkBlue","lightGreen","tomato","lightBlue","orange","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","logoIcon","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","width","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","height","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","reviews","avatar","sandreleAvatar","author","authorOccupation","comment","igorAvatar","lipeehAvatar","samuelAvatar","anaAvatar","celsoAvatar","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","Reviews","_useState","useState","userReviews","slicedToArray","_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","Fragment","BrowserRouter","styled_components_browser_esm","global","components_Header","routes","components_Footer","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.67c9f99a.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo.561edf20.png\";","module.exports = __webpack_public_path__ + \"static/media/igor-camargo-alves.9591070e.png\";","module.exports = __webpack_public_path__ + \"static/media/sandrele-reis.a2e4a2f5.jpg\";","module.exports = __webpack_public_path__ + \"static/media/lipeeh_assis.d6091408.jpg\";","module.exports = __webpack_public_path__ + \"static/media/samuel-pontes.0e784598.png\";","module.exports = __webpack_public_path__ + \"static/media/ana-luiza-machado-silveira.2760bf56.jpg\";","module.exports = __webpack_public_path__ + \"static/media/celso-henrique-estolano-gomes.7d4c03db.jpg\";","module.exports = __webpack_public_path__ + \"static/media/logo-icon.d76fb493.png\";","module.exports = __webpack_public_path__ + \"static/media/first-view-mockup.76bfa5a1.png\";","module.exports = __webpack_public_path__ + \"static/media/splash-screen-mockup.f7c65b5c.png\";","module.exports = __webpack_public_path__ + \"static/media/avatar-cartoon.1924d413.png\";","module.exports = __webpack_public_path__ + \"static/media/parking.83a13838.png\";","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\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';\nimport 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: end;\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: end;\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 preferido em Belo Horizonte.\n

\n
\n Contato\n \n

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

\n

\n Telefone: \n (31) 3958 6013\n

\n \n Links rápidos\n \n Início\n Portal Web\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 #ff6600 0%,\n ${props => props.theme.colors.orange} 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 #ff6600,\n ${props => props.theme.colors.orange}\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 #ff6600,\n ${props => props.theme.colors.orange}\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 #ff6600 0%,\n ${props => props.theme.colors.orange} 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 Faz Digital BH você tem comodidade e agilidade na hora de\n estacionar seu veículo nas ruas de Belo Horizonte.\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 #ff6600 0%,\n ${props => props.theme.colors.orange} 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\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: 3fr;\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 igorAvatar from '../../../../assets/images/userReviews/igor-camargo-alves.png';\nimport sandreleAvatar from '../../../../assets/images/userReviews/sandrele-reis.jpg';\nimport lipeehAvatar from '../../../../assets/images/userReviews/lipeeh_assis.jpg';\nimport samuelAvatar from '../../../../assets/images/userReviews/samuel-pontes.png';\nimport anaAvatar from '../../../../assets/images/userReviews/ana-luiza-machado-silveira.jpg';\nimport celsoAvatar from '../../../../assets/images/userReviews/celso-henrique-estolano-gomes.jpg';\n\nexport const reviews = [\n {\n avatar: sandreleAvatar,\n author: 'Sandrele Reis',\n authorOccupation: '',\n comment: `Achei super prático, intuitivo, bem elaborado! Adorei\"`\n },\n {\n avatar: igorAvatar,\n author: 'Igor Camargo Alves',\n authorOccupation: '',\n comment: `Muito bom! Você estaciona e pronto, tudo pelo celular, paga direto no cartão de crédito. Faço questão de avaliar pois realmente funciona e é prático!\"`\n },\n {\n avatar: lipeehAvatar,\n author: 'Lipeeh_Assis',\n authorOccupation: '',\n comment: `Excelente aplicativo. Simples de usar, prático para estacionar e mais barato que comprar o rotativo na rua. Recomendo pela comodidade. Parabéns ao desenvolvedores, muito útil o aplicativo. A gente pode comprar o rotativo que o saldo cai na hora. Excelente\"`\n },\n {\n avatar: samuelAvatar,\n author: 'Samuel Pontes',\n authorOccupation: '',\n comment: `Excelente! Facilitou muito a utilização do rotativo. Tanto para adquirir que no caso é colocar crédito, quanto a utilização em qualquer local! App simples e funcional. Excelente modernização!\"`\n },\n {\n avatar: anaAvatar,\n author: 'Ana Luíza Machado Silveira',\n authorOccupation: '',\n comment: `App super prático e eficiente, muito melhor do que ficar procurando rotativo de papel nas ruas!!\"`\n },\n {\n avatar: celsoAvatar,\n author: 'Celso Henrique Estolano Gomes',\n authorOccupation: '',\n comment: `Fácil e tranquilo de se utilizar.\"`\n }\n];\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 React, { useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n faQuoteLeft,\n faLongArrowAltLeft,\n faLongArrowAltRight\n} from '@fortawesome/free-solid-svg-icons';\nimport { reviews } from './data';\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 igorAvatar from '../../../../assets/images/userReviews/igor-camargo-alves.png';\nimport sandreleAvatar from '../../../../assets/images/userReviews/sandrele-reis.jpg';\nimport lipeehAvatar from '../../../../assets/images/userReviews/lipeeh_assis.jpg';\nimport samuelAvatar from '../../../../assets/images/userReviews/samuel-pontes.png';\nimport anaAvatar from '../../../../assets/images/userReviews/ana-luiza-machado-silveira.jpg';\nimport celsoAvatar from '../../../../assets/images/userReviews/celso-henrique-estolano-gomes.jpg';\n\nconst Reviews = () => {\n const [userReviews] = useState(reviews);\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.png';\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 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\nconst App = () => (\n <>\n \n \n \n \n \n
\n \n \n \n