{"version":3,"sources":["components/atoms/Global/Global.tsx","hooks/useLayout.ts","components/atoms/Container/Container.styles.tsx","components/atoms/Container/Container.tsx","components/atoms/Image/Image.styles.tsx","components/atoms/Image/Image.tsx","components/molecules/HomeCanais/HomeCanais.styles.tsx","components/molecules/HomeCanais/HomeCanais.tsx","components/molecules/HomeContato/HomeContato.styles.tsx","components/molecules/HomeContato/HomeContato.tsx","components/molecules/HomeNumeros/HomeNumeros.styles.tsx","components/molecules/HomeNumeros/HomeNumeros.tsx","components/molecules/HomePlataforma/HomePlataforma.data.ts","components/molecules/HomePlataforma/HomePlataforma.styles.tsx","components/molecules/HomePlataforma/HomePlataforma.tsx","components/molecules/HomeProdutos/HomeProdutos.data.ts","components/molecules/HomeProdutos/HomeProdutos.styles.tsx","components/molecules/HomeProdutos/HomeProdutos.tsx","components/molecules/HomeQuemSomos/HomeQuemSomos.styles.tsx","components/molecules/HomeQuemSomos/HomeQuemSomos.tsx","components/atoms/Button/Button.styles.tsx","components/atoms/Button/Button.tsx","components/molecules/HomeSegmentos/HomeSegmentos.data.ts","components/molecules/HomeSegmentos/HomeSegmentos.styles.tsx","components/molecules/HomeSegmentos/HomeSegmentos.tsx","components/molecules/HomeSobre/HomeSobre.styles.tsx","components/molecules/HomeSobre/HomeSobre.tsx","components/organisms/Footer/Footer.styles.tsx","components/organisms/Footer/Footer.tsx","components/organisms/Header/Header.styles.tsx","components/organisms/Header/Header.tsx","components/templates/Home/Home.tsx","pages/home.tsx","router/public.routes.tsx","utils/themes.ts","App.tsx","index.tsx"],"names":["ResetStyles","createGlobalStyle","GlobalStyles","Global","initialOptions","mobileBreakpoint","debug","useLayout","options","isMobile","setIsMobile","useState","useEffect","checkMobile","window","innerWidth","addEventListener","removeEventListener","StyledContainer","styled","div","props","full","css","Container","StyledImageWrapper","Image","wrapper","image","height","width","preload","styles","useMemo","obj","style","Helmet","rel","href","src","as","StyledSize","bgHeight","StyledHomeCanais","section","StyledCanaisBg","HomeCanais","className","StyledHomeContato","theme","font","title","paragraph","HomeContato","loading","setLoading","formik","useFormik","initialValues","name","company","email","message","onSubmit","async","form","FormData","append","values","Axios","post","process","alert","error","validationSchema","Yup","shape","min","max","required","matches","id","handleSubmit","type","onChange","handleChange","value","placeholder","maxLength","errors","touched","disabled","color","StyledHomeNumeros","StyledNumerosBg","StyledNumerosWrapper","HomeNumeros","PlataformaData","label","icon","vertical","map","p","i","heightCss","StyledHomePlataforma","StyledPlataformaBg","StyledFerramentasContainer","HomePlataforma","alt","dangerouslySetInnerHTML","__html","ProdutosData","labels","textColor","l","li","text","StyledHomeProdutos","StyledProdutosWrapper","HomeProdutos","StyledHomeQuemSomos","StyledQuemSomosEmpresas","HomeQuemSomos","ButtonColorsetData","StyledAtomButton","a","colorset","uppercase","Button","defaultProps","SegmentosData","s","StyledHomeSegmentos","HomeSegmentos","slice","length","StyledHomeSobre","subtitle","StyledHeaderBackground","HomeSobre","StyledFooter","footer","Footer","target","StyledHeader","NavAnimation","keyframes","StyledNavigation","nav","isMenu","isVisible","Header","openMenu","setOpenMenu","document","getElementsByTagName","overflow","cursor","onClick","Home","HomePage","PublicRoutes","basename","replace","getBasename","exact","path","component","BaseTheme","App","ReactDOM","getElementById"],"mappings":"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","file":"static/js/main.0932989a.chunk.js","sourcesContent":["import React from 'react';\nimport { createGlobalStyle } from 'styled-components';\n\nexport const ResetStyles = createGlobalStyle`\n* {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  vertical-align: baseline;\n  font-family: inherit;\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n  content: \"\";\n  content: none;\n}\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n`;\n\nexport const GlobalStyles = createGlobalStyle`\n  * {\n    font-family: 'Quicksand', sans-serif;\n  }\n\n  html {\n    font-size: 16px;\n    background-color: #fff;\n    scroll-behavior: smooth;\n  }\n  a {\n    text-decoration: none;\n  }\n\n  @media(min-width: 1200px){\n    body {\n      zoom: 1.25\n    }\n  }\n`;\n\nexport default function Global() {\n  return (\n    <>\n      <ResetStyles />\n      <GlobalStyles />\n    </>\n  );\n}\n","import { useEffect, useState } from 'react';\n\ninterface UseLayoutProps {\n  mobileBreakpoint: number;\n  debug?: boolean;\n}\n\nconst initialOptions: UseLayoutProps = {\n  mobileBreakpoint: 992,\n  debug: true,\n};\n\nexport function useLayout(options = initialOptions) {\n  const [isMobile, setIsMobile] = useState(false);\n\n  useEffect(() => {\n    const checkMobile = () => {\n      setIsMobile(window && window.innerWidth < options.mobileBreakpoint);\n    };\n    window.addEventListener('load', checkMobile, false);\n    window.addEventListener('resize', checkMobile, false);\n\n    return () => {\n      window.removeEventListener('load', checkMobile);\n      window.removeEventListener('resize', checkMobile);\n    };\n  }, []);\n\n  return {\n    isMobile,\n  };\n}\n","import styled, { css } from 'styled-components';\n\nexport interface StyledContainerProps {\n  full?: boolean;\n}\n\nexport const StyledContainer = styled.div<StyledContainerProps>`\n  box-sizing: border-box;\n  padding-right: 16px;\n  padding-left: 16px;\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n\n  ${(props) =>\n    !props.full &&\n    css`\n      @media (min-width: 576px) {\n        max-width: 540px;\n      }\n      @media (min-width: 768px) {\n        max-width: 720px;\n      }\n      @media (min-width: 992px) {\n        max-width: 960px;\n      }\n      @media (min-width: 1200px) {\n        max-width: 1140px;\n      }\n      @media (min-width: 1400px) {\n        max-width: 1320px;\n      }\n      height: 100%;\n    `};\n`;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport { StyledComponentProps } from 'styled-components';\nimport { StyledContainer, StyledContainerProps } from './Container.styles';\n\ntype ContainerProps = StyledComponentProps<'div', any, StyledContainerProps, never>;\n\nconst Container: React.FC<ContainerProps> = ({ ...props }) => {\n  return <StyledContainer {...props} />;\n};\n\nexport default Container;\n","import styled from 'styled-components';\n\nexport const StyledImageWrapper = styled.div`\n  padding: 0;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n`;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport React, { HTMLAttributes, DetailedHTMLProps, ImgHTMLAttributes, useMemo } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { StyledComponentProps } from 'styled-components';\nimport { StyledImageWrapper } from './Image.styles';\n\ninterface ImageProps {\n  wrapper?: StyledComponentProps<'div', any, {}, never>;\n  image: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;\n  width?: number;\n  height?: number;\n  preload?: boolean;\n}\n\nconst Image: React.FC<ImageProps> = ({ wrapper, image, height, width, preload }) => {\n  const styles = useMemo(() => {\n    const obj = wrapper?.style || {};\n\n    if (height) {\n      obj.height = `${height}px`;\n    }\n\n    if (width) {\n      obj.width = `${width}px`;\n    }\n\n    return obj;\n  }, [height, width, wrapper]);\n\n  return (\n    <StyledImageWrapper {...wrapper} style={styles}>\n      {preload && (\n        <Helmet>\n          <link rel=\"preload\" href={image.src} as=\"image\" />\n        </Helmet>\n      )}\n      <img {...image} />\n    </StyledImageWrapper>\n  );\n};\n\nexport default Image;\n","import styled, { css } from 'styled-components';\n\nconst bgHeight = 490;\n\nconst StyledSize = css`\n  height: ${bgHeight}px;\n\n  @media (min-width: 375px) {\n    height: ${bgHeight + 60}px;\n  }\n\n  @media (min-width: 992px) {\n    height: ${bgHeight + 160}px;\n  }\n`;\n\nexport const StyledHomeCanais = styled.section`\n  position: relative;\n  z-index: 1;\n  margin-top: 32px;\n  ${StyledSize}\n  .home-canais-container {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    flex-direction: column;\n\n    > h2 {\n      text-align: center;\n      color: #5ff772;\n      font-size: 24px;\n      line-height: 26px;\n      margin-top: 60px;\n      margin-bottom: 8px;\n      max-width: 200px;\n      font-weight: 500;\n      b {\n        font-weight: 500;\n      }\n\n      @media (min-width: 992px) {\n        max-width: 320px;\n        font-size: 30px;\n        line-height: 32px;\n        margin-top: 80px;\n        margin-bottom: 32px;\n\n        b {\n          font-weight: bold;\n        }\n      }\n    }\n\n    > h3 {\n      text-align: center;\n      color: #fff;\n      font-size: 14px;\n      line-height: 16px;\n      max-width: 228px;\n      font-weight: 500;\n      margin-bottom: 16px;\n      @media (min-width: 992px) {\n        font-size: 18px;\n        line-height: 20px;\n        font-weight: 400;\n        max-width: 550px;\n        margin-bottom: 32px;\n      }\n    }\n  }\n`;\n\nexport const StyledCanaisBg = styled.div`\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 0;\n  background-image: url(assets/img/bg_canais.png);\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 0px;\n  width: 100%;\n  transform: translate(-50%, 0);\n  ${StyledSize}\n`;\n","import React from 'react';\nimport { useLayout } from '../../../hooks/useLayout';\nimport Container from '../../atoms/Container';\nimport Image from '../../atoms/Image';\nimport { StyledCanaisBg, StyledHomeCanais } from './HomeCanais.styles';\n\nconst HomeCanais: React.FC = () => {\n  const { isMobile } = useLayout();\n  return (\n    <StyledHomeCanais>\n      <Container className=\"home-canais-container\">\n        <h2>\n          Solução para diversos <b>canais de vendas</b>\n        </h2>\n        <h3>\n          Nossa diversidade de produtos e serviços atende diversos canais de vendas e auxiliam na\n          atração e fidelização dos seus clientes.\n        </h3>\n        <Image\n          width={isMobile ? 250 : 380}\n          wrapper={{ className: 'circle' }}\n          image={{\n            src: 'assets/img/canais.png',\n          }}\n        />\n      </Container>\n      <StyledCanaisBg />\n    </StyledHomeCanais>\n  );\n};\n\nexport default HomeCanais;\n","import styled from 'styled-components';\n\nexport const StyledHomeContato = styled.section`\n  .home-contato-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n\n    > h2 {\n      margin-top: 16px;\n      color: #2ac67f;\n      font-size: ${({ theme }) => `${theme.font.title}px`};\n      line-height: ${({ theme }) => `${theme.font.title + 2}px`};\n      margin-bottom: 16px;\n      font-weight: normal;\n      text-align: center;\n\n      @media (min-width: 992px) {\n        font-weight: bold;\n        margin-top: 60px;\n      }\n    }\n\n    > h3 {\n      font-size: ${({ theme }) => `${theme.font.paragraph}px`};\n      line-height: ${({ theme }) => `${theme.font.paragraph + 2}px`};\n      color: #595959;\n      font-weight: normal;\n      max-width: 327px;\n      margin-bottom: 32px;\n      text-align: center;\n\n      @media (min-width: 992px) {\n        max-width: 640px;\n      }\n    }\n\n    form {\n      width: 100%;\n      max-width: 375px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n\n      input,\n      textarea {\n        width: 100% !important;\n        border-radius: 4px;\n        border: 1px solid #595959;\n        margin-bottom: 8px;\n        box-sizing: border-box;\n        padding: 4px 8px;\n        color: #595959;\n        outline: none;\n\n        ::placeholder {\n          color: #a5a5a5;\n        }\n      }\n\n      textarea {\n        min-height: 100px;\n      }\n\n      button {\n        border: none;\n        box-shadow: none;\n        background: none;\n        background-color: #2ac67f;\n        color: white;\n        text-transform: uppercase;\n        text-align: center;\n        font-weight: bold;\n        font-size: ${({ theme }) => `${theme.font.paragraph}px`};\n        line-height: ${({ theme }) => `${theme.font.paragraph + 2}px`};\n        height: 42px;\n        width: 150px;\n        border-radius: 4px;\n        margin-top: 16px;\n        cursor: pointer;\n        transition: 0.3s ease;\n\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          overflow: hidden;\n        }\n\n        :hover {\n          filter: brightness(150%);\n        }\n        :disabled:hover {\n          filter: none;\n          cursor: wait;\n        }\n      }\n\n      p {\n        text-align: left;\n        margin-bottom: 8px;\n        align-self: flex-start;\n        color: red;\n        font-size: 14px;\n        line-height: 16px;\n        :before {\n          content: '* ';\n        }\n      }\n    }\n  }\n`;\n","/* eslint-disable no-alert */\nimport { useFormik } from 'formik';\nimport React, { useState } from 'react';\nimport * as Yup from 'yup';\nimport Axios from 'axios';\nimport Loader from 'react-loader-spinner';\nimport Container from '../../atoms/Container';\nimport { StyledHomeContato } from './HomeContato.styles';\nimport 'react-loader-spinner/dist/loader/css/react-spinner-loader.css';\n\nconst HomeContato: React.FC = () => {\n  const [loading, setLoading] = useState(false);\n\n  const formik = useFormik({\n    initialValues: {\n      name: '',\n      company: '',\n      email: '',\n      message: '',\n    },\n    onSubmit: async (values) => {\n      try {\n        setLoading(true);\n        const form = new FormData();\n        form.append('Name', values.name);\n        form.append('Company', values.company);\n        form.append('Email', values.email);\n        form.append('Message', values.message);\n\n        await Axios.post(`${process.env.REACT_APP_API_URL}/email/contact`, form);\n        alert('Solicitação de contato enviada com sucesso!');\n      } catch (error) {\n        alert('Oops, ocorreu um erro inesperado ao registar sua solicitação de contato.');\n      } finally {\n        setLoading(false);\n      }\n    },\n    validationSchema: Yup.object().shape({\n      name: Yup.string()\n        .min(2, 'Mínimo de 2 caracteres.')\n        .max(50, 'Máximo de 50 caracteres.')\n        .required('Nome é obrigatório.'),\n      company: Yup.string()\n        .min(5, 'Mínimo de 5 caracteres.')\n        .max(100, 'Máximo de 100 caracteres.')\n        .required('Empresa é obrigatório.'),\n      email: Yup.string()\n        .matches(\n          /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n          'E-mail inválido',\n        )\n        .required('E-mail é obrigarório.'),\n      message: Yup.string().required('Mensagem é obrigatória'),\n    }),\n  });\n\n  return (\n    <StyledHomeContato id=\"contato\">\n      <Container className=\"home-contato-container\">\n        <h2>Contato</h2>\n        <h3>\n          Quer saber mais sobre nossa plataforma e como podemos ajudá-lo a vender seguros e\n          assistências? Envie-nos uma mensagem e entraremos em contato o mais rápido possível com\n          informaçõs detalhadas.\n        </h3>\n        <form onSubmit={formik.handleSubmit}>\n          <input\n            name=\"name\"\n            type=\"text\"\n            onChange={formik.handleChange}\n            value={formik.values.name}\n            placeholder=\"Nome\"\n            maxLength={50}\n          />\n          {formik.errors.name && formik.touched.name && <p>{formik.errors.name}</p>}\n          <input\n            name=\"company\"\n            type=\"text\"\n            onChange={formik.handleChange}\n            value={formik.values.company}\n            placeholder=\"Empresa\"\n            maxLength={100}\n          />\n          {formik.errors.company && formik.touched.company && <p>{formik.errors.company}</p>}\n          <input\n            name=\"email\"\n            type=\"text\"\n            onChange={formik.handleChange}\n            value={formik.values.email}\n            placeholder=\"E-mail\"\n            maxLength={50}\n          />\n          {formik.errors.email && formik.touched.email && <p>{formik.errors.email}</p>}\n          <textarea\n            name=\"message\"\n            onChange={formik.handleChange}\n            value={formik.values.message}\n            placeholder=\"Mensagem\"\n            maxLength={240}\n          />\n          {formik.errors.message && formik.touched.message && <p>{formik.errors.message}</p>}\n          <button type=\"submit\" disabled={loading}>\n            {loading ? <Loader type=\"Oval\" color=\"#FFF\" height={30} width={30} /> : 'Enviar'}\n          </button>\n        </form>\n      </Container>\n    </StyledHomeContato>\n  );\n};\n\nexport default HomeContato;\n","import styled, { css } from 'styled-components';\n\nconst bgHeight = 460;\n\nconst StyledSize = css`\n  height: ${bgHeight}px;\n\n  @media (min-width: 992px) {\n    height: ${bgHeight - 60}px;\n  }\n`;\n\nexport const StyledHomeNumeros = styled.section`\n  position: relative;\n  z-index: 1;\n  margin-top: 80px;\n  margin-bottom: 36px;\n  ${StyledSize}\n\n  .circle {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n  }\n\n  .home-numeros-container {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    flex-direction: column;\n\n    > h2 {\n      font-size: ${({ theme }) => `${theme.font.title}px`};\n      line-height: ${({ theme }) => `${theme.font.title + 2}px`};\n      color: #fff;\n      font-weight: 500;\n      margin: 32px 0;\n      @media (min-width: 992px) {\n        font-weight: bold;\n        margin: 64px 0;\n      }\n    }\n  }\n`;\n\nexport const StyledNumerosBg = styled.div`\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 0;\n  background-image: url(assets/img/bg_numeros.png);\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 0px;\n  width: 100%;\n  max-width: 2560px;\n  transform: translate(-50%, 0);\n  ${StyledSize}\n`;\n\nexport const StyledNumerosWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  max-width: 300px;\n  @media (min-width: 992px) {\n    max-width: 100%;\n  }\n\n  .desk-only {\n    display: none;\n    @media (min-width: 992px) {\n      display: flex;\n    }\n  }\n\n  .mobile-only {\n    display: flex;\n    @media (min-width: 992px) {\n      display: none;\n    }\n  }\n\n  > div {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: #fff;\n    min-width: 140px;\n    margin-bottom: 16px;\n\n    h4 {\n      text-transform: none;\n      font-size: 40px;\n      margin-bottom: 16px;\n\n      b {\n        font-size: 26px;\n      }\n    }\n\n    p {\n      text-transform: uppercase;\n    }\n  }\n`;\n","import React from 'react';\nimport Container from '../../atoms/Container';\nimport Image from '../../atoms/Image';\nimport { StyledHomeNumeros, StyledNumerosBg, StyledNumerosWrapper } from './HomeNumeros.styles';\n\nconst HomeNumeros: React.FC = () => {\n  return (\n    <StyledHomeNumeros id=\"numeros\">\n      <Container className=\"home-numeros-container\">\n        <h2>Números doHub</h2>\n\n        <StyledNumerosWrapper>\n          <div>\n            <h4>17</h4>\n            <p>Seguradoras</p>\n          </div>\n          <div>\n            <h4>12</h4>\n            <p>Assistências</p>\n          </div>\n          <div className=\"desk-only\">\n            <h4>\n              +25 <br /> <b>milhões</b>\n            </h4>\n            <p>Clientes finais</p>\n          </div>\n          <div>\n            <h4>21</h4>\n            <p>Produtos</p>\n          </div>\n          <div>\n            <h4>+120</h4>\n            <p>Parceiros</p>\n          </div>\n          <div className=\"mobile-only\">\n            <h4>\n              +25 <br /> <b>milhões</b>\n            </h4>\n            <p>Clientes finais</p>\n          </div>\n        </StyledNumerosWrapper>\n      </Container>\n      <StyledNumerosBg />\n      <Image\n        width={70}\n        wrapper={{ className: 'circle' }}\n        image={{\n          src: 'assets/img/circulo-verde-sombra.png',\n        }}\n      />\n    </StyledHomeNumeros>\n  );\n};\n\nexport default HomeNumeros;\n","export const PlataformaData = [\n  {\n    label: 'Tecnologia de <br> ponta',\n    icon: 'assets/img/ic_tec.png',\n  },\n  {\n    label: 'Portal de <br> vendas',\n    icon: 'assets/img/ic_portal.png',\n  },\n  {\n    label: 'WhatsApp',\n    icon: 'assets/img/ic_whats.png',\n  },\n  {\n    label: 'Email <br> marketing',\n    icon: 'assets/img/ic_email.png',\n  },\n  {\n    label: 'eCommerce',\n    icon: 'assets/img/ic_ecommerce.png',\n  },\n  {\n    label: 'SMS',\n    icon: 'assets/img/ic_chat.png',\n  },\n  {\n    label: 'Aplicativos',\n    icon: 'assets/img/ic_app.png',\n    vertical: true,\n  },\n  {\n    label: 'Redes <br> sociais',\n    icon: 'assets/img/ic_redes.png',\n  },\n  {\n    label: \"API's\",\n    icon: 'assets/img/ic_api.png',\n    vertical: true,\n  },\n  {\n    label: 'Nuvem',\n    icon: 'assets/img/ic_cloud.png',\n  },\n].map((p, i) => ({\n  ...p,\n  id: i,\n}));\n","import styled, { css } from 'styled-components';\n\nconst heightCss = css`\n  min-height: 1400px;\n\n  @media (min-width: 992px) {\n    min-height: 1100px;\n  }\n\n  @media (min-width: 1920px) {\n    min-height: 1200px;\n  }\n`;\n\nexport const StyledHomePlataforma = styled.section`\n  position: relative;\n  overflow: hidden;\n  ${heightCss}\n\n  .home-plataforma-container {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    flex-direction: column;\n    padding-top: 100px;\n\n    > h2 {\n      text-align: center;\n      color: #fff;\n      font-size: 34px;\n      line-height: 36px;\n      margin-bottom: 0px;\n      max-width: 340px;\n      font-weight: 500;\n\n      @media (min-width: 992px) {\n        font-weight: bold;\n      }\n    }\n\n    .circle {\n      margin-top: 240px;\n\n      @media (min-width: 992px) {\n        visibility: hidden;\n      }\n    }\n\n    > h3 {\n      text-align: center;\n      color: #fff;\n      font-size: 28px;\n      line-height: 30px;\n      padding-top: 32px;\n      margin-bottom: 16px;\n      max-width: 340px;\n      font-weight: 500;\n    }\n\n    > h4 {\n      text-align: center;\n      color: #fff;\n      font-size: 18px;\n      line-height: 20px;\n      margin-bottom: 0px;\n      max-width: 340px;\n      font-weight: normal;\n      margin-bottom: 32px;\n\n      @media (min-width: 992px) {\n        max-width: 616px;\n      }\n    }\n  }\n`;\n\nexport const StyledPlataformaBg = styled.div`\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 0;\n  background-image: url(assets/img/bg_plataforma.png);\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 0px;\n  width: 100%;\n  max-width: 1920px;\n  transform: translate(-50%, 0);\n  ${heightCss}\n\n  @media (min-width: 992px) {\n    background-image: url(assets/img/bg_plataforma_desk.png);\n  }\n\n  @media (min-width: 1920px) {\n    background-size: contain;\n  }\n`;\n\nexport const StyledFerramentasContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  max-width: 250px;\n\n  @media (min-width: 992px) {\n    max-width: 800px;\n  }\n\n  .item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100px;\n    width: 120px;\n    box-sizing: border-box;\n\n    @media (min-width: 992px) {\n      height: 150px;\n      width: 150px;\n    }\n\n    .logo {\n      background-color: #fff;\n      border-radius: 50%;\n      padding: 10px;\n      box-sizing: border-box;\n      width: 50px;\n      height: 50px;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      &.vertical {\n        img {\n          height: 100%;\n          width: auto;\n        }\n      }\n\n      img {\n        width: 100%;\n        height: auto;\n        object-fit: contain;\n      }\n    }\n\n    p {\n      text-align: center;\n      color: #fff;\n      padding-top: 8px;\n      font-size: 16px;\n      line-height: 18px;\n    }\n  }\n`;\n","import React from 'react';\nimport Container from '../../atoms/Container';\nimport Image from '../../atoms/Image';\nimport { PlataformaData } from './HomePlataforma.data';\nimport {\n  StyledFerramentasContainer,\n  StyledHomePlataforma,\n  StyledPlataformaBg,\n} from './HomePlataforma.styles';\n\nconst HomePlataforma = () => {\n  return (\n    <StyledHomePlataforma id=\"plataforma-section\">\n      <Container className=\"home-plataforma-container\">\n        <h2>\n          Simples. <br />\n          100% Digital.\n        </h2>\n        <Image\n          wrapper={{\n            className: 'circle',\n          }}\n          width={90}\n          image={{\n            src: 'assets/img/circulo-branco-sombra.png',\n          }}\n        />\n        <h3 id=\"plataforma\">Plataforma doHub</h3>\n        <h4>\n          Criada para integrar-se aos produtos de seguros e serviços com precisão, segurança e alta\n          performance. Cuidamos da parte técnica e implantamos as ferramentas para sua empresa\n          começar a vender.\n        </h4>\n\n        <StyledFerramentasContainer>\n          {PlataformaData.map((p) => {\n            return (\n              <div className=\"item\" key={`tool-${p.id}`}>\n                <div className={`logo ${p.vertical ? ' vertical' : ''}`}>\n                  <img src={p.icon} alt=\"\" />\n                </div>\n                <p\n                  dangerouslySetInnerHTML={{\n                    __html: p.label,\n                  }}\n                />\n              </div>\n            );\n          })}\n        </StyledFerramentasContainer>\n      </Container>\n      <StyledPlataformaBg />\n    </StyledHomePlataforma>\n  );\n};\n\nexport default HomePlataforma;\n","export const ProdutosData = [\n  {\n    title: 'Seguros Financeiros',\n    labels: ['- Perda e Roubo', '- Prestamista', '- Perda de Renda', '- Renda Protegida'],\n    image: 'assets/img/card1-min.png',\n    textColor: '#fff',\n  },\n  {\n    title: 'Garantia Estendida',\n    labels: ['Ideal para', 'empresas', 'varejistas'],\n    image: 'assets/img/card3-min.png',\n    textColor: '#fff',\n  },\n  {\n    title: 'Auto Simplificado',\n    labels: ['- Seguro Auto', '- Rastreador'],\n    image: 'assets/img/card5-min.png',\n    textColor: '#000',\n  },\n  {\n    title: 'Coberturas de Saúde',\n    labels: ['- Odontológico', '- Vale Saúde', '- Medicamentos', '- Farmácia'],\n    image: 'assets/img/card7-min.png',\n    textColor: '#000',\n  },\n  {\n    title: 'Assistências e Capitalização',\n    labels: ['- Auto/Moto', '- Funeral', '- Residencial', '- Sorteios', '- Monito. Digital'],\n    image: 'assets/img/card8-min.png',\n    textColor: '#000',\n  },\n  {\n    title: 'Seguro Viagem',\n    labels: ['Diversas opções,', 'incluindo', 'coberturas para', 'o Covid-19'],\n    image: 'assets/img/card6-min.png',\n    textColor: '#000',\n  },\n  {\n    title: 'Seguro por Adesão',\n    labels: ['Diversas opções', 'de seguros por', 'adesão direta.'],\n    image: 'assets/img/card4-min.png',\n    textColor: '#fff',\n  },\n  {\n    title: 'Massificados',\n    labels: [\n      '- Acidentes Pessoais',\n      '- RF Celular',\n      '- Bolsa Protegida',\n      '- Residencial',\n      '- Vida Global',\n      '- Vida Individual',\n    ],\n    image: 'assets/img/card2-min.png',\n    textColor: '#fff',\n  },\n].map((p, i) => ({ ...p, id: i, labels: p.labels.map((l, li) => ({ text: l, id: li })) }));\n","import styled from 'styled-components';\n\nexport const StyledHomeProdutos = styled.section`\n  padding-top: 32px;\n\n  .home-produtos-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n\n    > h2 {\n      text-align: center;\n      color: #5ff772;\n      font-size: ${({ theme }) => `${theme.font.title}px`};\n      line-height: ${({ theme }) => `${theme.font.title + 2}px`};\n\n      font-weight: 500;\n      margin-bottom: 16px;\n\n      @media (min-width: 992px) {\n        font-weight: bold;\n      }\n    }\n\n    > h3 {\n      text-align: center;\n      color: #595959;\n      font-size: ${({ theme }) => `${theme.font.paragraph}px`};\n      line-height: ${({ theme }) => `${theme.font.paragraph + 2}px`};\n      max-width: 285px;\n      font-weight: 500;\n      margin-bottom: 32px;\n      @media (min-width: 992px) {\n        max-width: 630px;\n      }\n    }\n  }\n`;\n\nexport const StyledProdutosWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  max-width: 288px;\n\n  @media (min-width: 992px) {\n    max-width: 728px;\n  }\n\n  .produto {\n    position: relative;\n    margin-right: 8px;\n    overflow: hidden;\n    border-radius: 8px;\n    margin-bottom: 8px;\n\n    :nth-child(even) {\n      margin-right: 0;\n    }\n\n    @media (min-width: 992px) {\n      margin-right: 16px;\n      margin-bottom: 16px;\n\n      :nth-child(even) {\n        margin-right: 16px;\n      }\n      :nth-child(4),\n      :nth-child(8) {\n        margin-right: 0;\n      }\n    }\n  }\n\n  .produtos-info {\n    position: absolute;\n    z-index: 1;\n    top: 16px;\n    left: 16px;\n\n    h2,\n    h3,\n    h4,\n    p {\n      color: inherit;\n      text-align: left;\n    }\n\n    h3 {\n      font-size: 14px;\n      line-height: 16px;\n      margin-bottom: 16px;\n      max-width: 95px;\n\n      @media (min-width: 992px) {\n        font-size: 16px;\n        line-height: 18px;\n        max-width: 110px;\n      }\n    }\n\n    p {\n      font-size: 12px;\n      line-height: 14px;\n\n      @media (min-width: 992px) {\n        font-size: 14px;\n        line-height: 16 px;\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport { useLayout } from '../../../hooks/useLayout';\nimport Container from '../../atoms/Container';\nimport Image from '../../atoms/Image';\nimport { ProdutosData } from './HomeProdutos.data';\nimport { StyledHomeProdutos, StyledProdutosWrapper } from './HomeProdutos.styles';\n\nconst HomeProdutos: React.FC = () => {\n  const { isMobile } = useLayout();\n\n  return (\n    <StyledHomeProdutos id=\"servicos\">\n      <Container className=\"home-produtos-container\">\n        <h2>Produtos Conectados</h2>\n        <h3>\n          Somos um Hub com uma ampla gama de\n          <b> produtos de Seguros e Serviços acoplados e em constante expansão</b>. Conectamos os\n          melhores parceiros e serviços do mercado para que sua empresa possa ofertar\n          <b> exatamente o que seu cliente precisa</b>, tudo em poucos cliques.\n        </h3>\n\n        <StyledProdutosWrapper>\n          {ProdutosData.map((p) => (\n            <div key={`produtos-data-${p.id}`} className=\"produto\">\n              <div\n                className=\"produtos-info\"\n                style={{\n                  color: p.textColor,\n                }}>\n                <h3>{p.title}</h3>\n                {p.labels.map((l) => (\n                  <p key={`produtos-label-${p.id}-${l.id}`}>{l.text}</p>\n                ))}\n              </div>\n\n              <Image\n                width={isMobile ? 140 : 170}\n                image={{\n                  src: p.image,\n                }}\n              />\n            </div>\n          ))}\n        </StyledProdutosWrapper>\n      </Container>\n    </StyledHomeProdutos>\n  );\n};\n\nexport default HomeProdutos;\n","import styled from 'styled-components';\n\nexport const StyledHomeQuemSomos = styled.section`\n  padding: 32px 0;\n\n  .home-quem-somos-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    > h2 {\n      color: #2ac67f;\n      font-size: ${({ theme }) => `${theme.font.title}px`};\n      line-height: ${({ theme }) => `${theme.font.title + 2}px`};\n      margin-bottom: 32px;\n      font-weight: normal;\n\n      @media (min-width: 992px) {\n        font-weight: bold;\n      }\n    }\n\n    > h3 {\n      font-size: ${({ theme }) => `${theme.font.paragraph}px`};\n      line-height: ${({ theme }) => `${theme.font.paragraph + 2}px`};\n      color: #595959;\n      font-weight: normal;\n      max-width: 327px;\n      margin-bottom: 32px;\n\n      b {\n        font-weight: 500;\n      }\n\n      @media (min-width: 992px) {\n        max-width: 650px;\n        margin-bottom: 42px;\n      }\n    }\n  }\n`;\n\nexport const StyledQuemSomosEmpresas = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n\n  @media (min-width: 992px) {\n    flex-direction: row;\n    align-items: flex-start;\n    max-width: 1090px;\n  }\n\n  article {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 32px;\n    flex: 1;\n\n    > h2 {\n      color: #2ac67f;\n      font-size: 28px;\n      line-height: 30px;\n      margin-bottom: 0px;\n      font-weight: bold;\n      max-width: 340px;\n\n      @media (min-width: 992px) {\n        font-size: 24px;\n        line-height: 26px;\n        font-weight: bold;\n        max-width: 306px;\n      }\n    }\n\n    > h3 {\n      font-size: 18px;\n      line-height: 20px;\n      color: #595959;\n      font-weight: normal;\n      max-width: 307px;\n      margin-bottom: 0;\n      @media (min-width: 992px) {\n        font-size: 16px;\n        line-height: 18px;\n        max-width: 234px;\n      }\n    }\n\n    .empresa-logo {\n      margin-bottom: 32px;\n    }\n  }\n`;\n","import React from 'react';\nimport Container from '../../atoms/Container';\nimport Image from '../../atoms/Image';\nimport { StyledHomeQuemSomos, StyledQuemSomosEmpresas } from './HomeQuemSomos.styles';\n\nconst HomeQuemSomos: React.FC = () => {\n  return (\n    <StyledHomeQuemSomos id=\"quem-somos\">\n      <Container className=\"home-quem-somos-container\">\n        <h2>Quem somos</h2>\n        <h3>\n          A doHub traz <b>inovação, tecnologia e experiência</b> para conectar produtos de seguros e\n          serviços com o cliente final. Geramos <b>novas receitas</b> para os parceiros oferecendo\n          ofertas por vendas digitais, montadas pelos Corretores de Seguros com as Seguradoras e\n          Empresas de Serviços.\n        </h3>\n\n        <StyledQuemSomosEmpresas>\n          <article>\n            <Image\n              wrapper={{\n                className: 'empresa-logo',\n              }}\n              width={150}\n              image={{\n                src: 'assets/img/img1varejista-min.png',\n              }}\n            />\n            <h2>Varejista, Atacadista, Empresa Financeira:</h2>\n            <h3>\n              integramos você às melhores Seguradoras, Empresas de Assistência, Capitalização,\n              Financeira e outras, com total suporte nas negociações e na criação de produtos.\n            </h3>\n          </article>\n\n          <article>\n            <Image\n              wrapper={{\n                className: 'empresa-logo',\n              }}\n              width={150}\n              image={{\n                src: 'assets/img/img2-corretor-min.png',\n              }}\n            />\n            <h2>Corretor de Seguros:</h2>\n            <h3>\n              integramos você e seus parceiros com as melhores Seguradoras e Empresas de\n              Assistência, Capitalização. Defina seus produtos e nós conectamos todos os envolvidos.\n            </h3>\n          </article>\n\n          <article>\n            <Image\n              wrapper={{\n                className: 'empresa-logo',\n              }}\n              width={150}\n              image={{\n                src: 'assets/img/img3-corretor-min.png',\n              }}\n            />\n            <h2>Empresas de Seguro, Assistência, Rastreamento e Capitalização Financeira:</h2>\n            <h3>\n              nós integramos e disponibilizamos os seus produtos para nossos parceiros e corretores.\n            </h3>\n          </article>\n        </StyledQuemSomosEmpresas>\n      </Container>\n    </StyledHomeQuemSomos>\n  );\n};\n\nexport default HomeQuemSomos;\n","import styled, { css } from 'styled-components';\n\nconst ButtonColorsetData = {\n  'variant-1': css`\n    color: #0f1c4c;\n    background-color: #5ff772;\n    border: none;\n  `,\n  'variant-2': css`\n    color: #5ff772;\n    background-color: transparent;\n    border: 2px solid #5ff772;\n  `,\n  'variant-3': css`\n    color: #fff;\n    background-color: #5ff772;\n    border: none;\n  `,\n  'variant-4': css`\n    color: #2ac67f;\n    background-color: transparent;\n    border: 2px solid #2ac67f;\n  `,\n  'variant-5': css`\n    color: #fff;\n    background-color: #f130a9;\n    border: none;\n  `,\n};\n\ntype ButtonColorset = 'variant-1' | 'variant-2' | 'variant-3' | 'variant-4' | 'variant-5';\n\nexport interface StyledAtomButtonProps {\n  uppercase?: boolean;\n  colorset?: ButtonColorset;\n}\n\nexport const StyledAtomButton = styled.a<StyledAtomButtonProps>`\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  height: 42px;\n  min-width: 150px;\n  border-radius: 4px;\n  font-weight: bold;\n  font-size: ${({ theme }) => `${theme.font?.paragraph}px`};\n  box-sizing: border-box;\n  padding: 0 16px;\n  cursor: pointer;\n  transition: 0.3s ease;\n\n  :hover {\n    filter: brightness(150%);\n  }\n\n  ${(props) =>\n    props.colorset &&\n    css`\n      ${ButtonColorsetData[props.colorset]}\n    `}\n\n  ${(props) =>\n    props.uppercase &&\n    css`\n      text-transform: uppercase;\n    `}\n\n  :visited {\n    text-decoration: none;\n  }\n`;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { StyledComponentProps } from 'styled-components';\nimport { StyledAtomButton, StyledAtomButtonProps } from './Button.styles';\n\ntype ButtonProps = StyledComponentProps<'a', any, StyledAtomButtonProps, never>;\n\nconst Button: React.FC<ButtonProps> = (props) => {\n  return <StyledAtomButton {...props} />;\n};\n\nButton.defaultProps = {\n  uppercase: true,\n};\n\nexport default Button;\n","export const SegmentosData = [\n  'Varejistas',\n  'Energia',\n  'Bancos Digitais',\n  'Financeiras',\n  'Montadoras',\n  'Concessionárias',\n  'Centros Médicos e de Exames',\n  'Academias',\n  'Farmácias',\n  'Rastreamento',\n  'Operadores de Tv',\n  'Agências de Viagens',\n  'Pet Shops',\n  'Clínicas Veterinárias',\n].map((s, i) => ({\n  label: s,\n  id: i,\n}));\n","import styled from 'styled-components';\n\nexport const StyledHomeSegmentos = styled.section`\n  .home-segmentos-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    > h2 {\n      padding-top: 16px;\n      font-size: 28px;\n      line-height: 30px;\n      color: #0f1c4c;\n      font-weight: normal;\n      margin-bottom: 32px;\n      max-width: 320px;\n      text-align: center;\n      b {\n        font-weight: normal;\n      }\n      @media (min-width: 992px) {\n        font-size: 30px;\n        line-height: 32px;\n        max-width: 550px;\n        font-weight: normal;\n        b {\n          font-weight: bold;\n        }\n      }\n    }\n\n    > h3 {\n      color: #595959;\n      text-align: center;\n      font-weight: normal;\n      font-size: 18px;\n      line-height: 20px;\n      max-width: 320px;\n\n      @media (min-width: 992px) {\n        max-width: 520px;\n      }\n    }\n\n    .segmentos-container,\n    .btn-container {\n      max-width: 320px;\n      @media (min-width: 992px) {\n        max-width: unset;\n      }\n    }\n\n    .segmentos-container {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n      margin-top: 8px;\n      margin-bottom: 16px;\n\n      @media (min-width: 992px) {\n        margin-top: 32px;\n        margin-bottom: 32px;\n        max-width: 520px;\n        flex-direction: row;\n        align-items: stretch;\n\n        > div:first-of-type {\n          margin-right: 16px;\n        }\n      }\n    }\n\n    .segmento {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      margin-bottom: 8px;\n\n      span {\n        width: 16px;\n        height: 16px;\n        margin-right: 16px;\n        background-color: #5ff772;\n        border-radius: 50%;\n      }\n\n      p {\n        color: #595959;\n        font-size: 18px;\n        line-height: 20px;\n      }\n    }\n\n    .btn-container {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: flex-start;\n      width: 100%;\n\n      @media (min-width: 992px) {\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n      }\n\n      > :first-child {\n        margin-bottom: 8px;\n        @media (min-width: 992px) {\n          margin-bottom: 0;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport Button from '../../atoms/Button';\nimport Container from '../../atoms/Container';\nimport { SegmentosData } from './HomeSegmentos.data';\nimport { StyledHomeSegmentos } from './HomeSegmentos.styles';\n\nconst HomeSegmentos: React.FC = () => {\n  return (\n    <StyledHomeSegmentos id=\"solucao\">\n      <Container className=\"home-segmentos-container\">\n        <h2>\n          Solução para <b>vários segmentos</b>\n        </h2>\n        <h3>\n          Atendemos parceiros de diferentes segmentos do mercado, possibilitando que eles ofertem\n          uma completa família de produtos aos seus clientes, de acordo com suas necessidades.\n        </h3>\n\n        <div className=\"segmentos-container\">\n          <div>\n            {SegmentosData.slice(0, SegmentosData.length / 2).map((s) => (\n              <div className=\"segmento\" key={`segmentos-${s.id}`}>\n                <span />\n                <p>{s.label}</p>\n              </div>\n            ))}\n          </div>\n          <div>\n            {SegmentosData.slice(SegmentosData.length / 2).map((s) => (\n              <div className=\"segmento\" key={`segmentos-${s.id}`}>\n                <span />\n                <p>{s.label}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div className=\"btn-container\">\n          <Button colorset=\"variant-5\" href=\"#servicos\">\n            Ver produtos\n          </Button>\n          <Button colorset=\"variant-4\" href=\"#contato\">\n            Entrar em contato\n          </Button>\n        </div>\n      </Container>\n    </StyledHomeSegmentos>\n  );\n};\n\nexport default HomeSegmentos;\n","import styled from 'styled-components';\n\nexport const StyledHomeSobre = styled.section`\n  position: static;\n  padding-bottom: 76px;\n  @media (min-width: 992px) {\n    padding-bottom: 250px;\n  }\n\n  .home-sobre-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    h1 {\n      font-size: 28px;\n      line-height: 30px;\n      color: #5ff772;\n      font-weight: normal;\n      margin-bottom: 32px;\n      max-width: 320px;\n      @media (min-width: 992px) {\n        font-size: 38px;\n        line-height: 40px;\n        max-width: 750px;\n        font-weight: bold;\n      }\n    }\n\n    h2 {\n      font-size: 18px;\n      line-height: 20px;\n      color: #fff;\n      font-weight: normal;\n      margin-bottom: 32px;\n      max-width: 300px;\n      @media (min-width: 992px) {\n        font-size: ${({ theme }) => `${theme.font.subtitle}px`};\n        line-height: ${({ theme }) => `${theme.font.subtitle + 2}px`};\n        max-width: 550px;\n        margin-bottom: 48px;\n      }\n    }\n\n    .btns-row {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n\n      > :first-child {\n        margin-bottom: 16px;\n      }\n\n      @media (min-width: 992px) {\n        flex-direction: row;\n\n        > :first-child {\n          margin-bottom: 0;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledHeaderBackground = styled.div`\n  width: 100%;\n  height: auto;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, 0);\n  z-index: -1;\n  height: 550px;\n  background-image: url(assets/img/mobile_header_bg.png);\n  background-repeat: no-repeat;\n  background-position: 0 100%;\n  background-size: cover;\n\n  .circle-small,\n  .circle-big {\n    display: none;\n  }\n\n  @media (min-width: 992px) {\n    background-image: url(assets/img/desk_header_bg.png);\n    background-position: 50% -2px;\n    max-width: 1437px;\n    height: 680px;\n\n    /* .circle-small,\n    .circle-big {\n      display: block;\n    }\n\n    .circle-small {\n      position: absolute;\n      right: 0;\n      top: 60%;\n      @media (min-width: 1200px) {\n        top: 70%;\n        right: 14%;\n      }\n      @media (min-width: 1440px) {\n        right: 20%;\n      }\n    }\n\n    .circle-big {\n      position: absolute;\n      left: 0;\n      top: 60%;\n      @media (min-width: 1200px) {\n        top: 40%;\n        left: 0;\n      }\n\n      @media (min-width: 1440px) {\n        left: 7%;\n      }\n    } */\n  }\n`;\n","import React from 'react';\nimport Button from '../../atoms/Button';\nimport Container from '../../atoms/Container';\nimport { StyledHomeSobre, StyledHeaderBackground } from './HomeSobre.styles';\n\nconst HomeSobre = () => {\n  return (\n    <StyledHomeSobre id=\"section-sobre\">\n      <Container className=\"home-sobre-container\">\n        <h1>Somos uma plataforma digital criada para conectar o mercado segurador</h1>\n        <h2>\n          Conectamos produtos de seguros, assistências e capitalização com seu cliente, de forma\n          100% digital.\n        </h2>\n        <div className=\"btns-row\">\n          <Button colorset=\"variant-1\" href=\"#contato\">\n            Saber Mais\n          </Button>\n          <Button colorset=\"variant-2\" href=\"#solucao\">\n            Ver serviços\n          </Button>\n        </div>\n      </Container>\n      <StyledHeaderBackground />\n    </StyledHomeSobre>\n  );\n};\n\nexport default HomeSobre;\n","import styled from 'styled-components';\n\nexport const StyledFooter = styled.footer`\n  background-color: #0f1c4c;\n  margin-top: 80px;\n  padding: 20px 0 40px 0;\n  @media (min-width: 992px) {\n    padding: 60px 0;\n  }\n\n  .footer-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n\n    @media (min-width: 992px) {\n      flex-direction: row;\n      align-items: flex-start;\n      justify-content: space-between;\n      max-width: 1000px;\n    }\n\n    p,\n    a {\n      color: #fff;\n      text-align: center;\n      font-size: ${({ theme }) => `${theme.font.paragraph}px`};\n      line-height: ${({ theme }) => `${theme.font.paragraph + 2}px`};\n      font-weight: 400;\n    }\n\n    .sub {\n      font-size: ${({ theme }) => `${theme.font.paragraph - 2}px`};\n      line-height: ${({ theme }) => `${theme.font.paragraph}px`};\n      font-weight: 300;\n    }\n\n    .redes {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      margin: 16px 0;\n\n      a {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 8px;\n        cursor: pointer;\n\n        :last-of-type {\n          margin-right: 0;\n        }\n      }\n    }\n\n    .footer-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      margin-bottom: 32px;\n\n      @media (min-width: 992px) {\n        margin-bottom: 0;\n        &.right {\n          text-align: right;\n          align-items: flex-end;\n          p {\n            text-align: right;\n          }\n        }\n        &.left {\n          text-align: left;\n          align-items: flex-start;\n          p,\n          a {\n            text-align: left;\n            margin-bottom: 2px;\n            cursor: pointer;\n          }\n        }\n        &.fix {\n          position: relative;\n          top: -24px;\n        }\n      }\n    }\n\n    .mobile-only {\n      display: flex;\n\n      @media (min-width: 992px) {\n        display: none;\n      }\n    }\n\n    .desktop-only {\n      display: none;\n\n      @media (min-width: 992px) {\n        display: flex;\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport { useLayout } from '../../../hooks/useLayout';\nimport Container from '../../atoms/Container';\nimport Image from '../../atoms/Image';\nimport { StyledFooter } from './Footer.styles';\n\nconst Footer: React.FC = () => {\n  const { isMobile } = useLayout();\n\n  return (\n    <StyledFooter>\n      <Container className=\"footer-container\">\n        <div className=\"footer-content left desktop-only\">\n          <a href=\"#\">Home</a>\n          <a href=\"#quem-somos\">Quem somos</a>\n          <a href=\"#plataforma\">Plataforma</a>\n          <a href=\"#solucao\">Solução</a>\n          <a href=\"#servicos\">Serviços Conectados</a>\n          <a href=\"#numeros\">Números</a>\n          <a href=\"#contato\">Contato</a>\n        </div>\n\n        <div className=\"footer-content fix\">\n          <Image\n            width={isMobile ? 140 : 200}\n            image={{\n              src: 'assets/img/logo_footer.png',\n            }}\n          />\n          <p className=\"sub\">powered by GTI Solution</p>\n          <br />\n          <br />\n          <p>@2021 doHub</p>\n          <p className=\"sub\">Todos os direitos reservados</p>\n        </div>\n\n        <div className=\"footer-content right\">\n          <p>doHub nas redes</p>\n          <div className=\"redes\">\n            <a href=\"https://www.facebook.com/dohuboficial\" target=\"_blank\" rel=\"noreferrer\">\n              <Image\n                width={32}\n                image={{\n                  src: 'assets/img/facebook.png',\n                }}\n              />\n            </a>\n            <a href=\"https://www.instagram.com/_dohub/\" target=\"_blank\" rel=\"noreferrer\">\n              <Image\n                width={32}\n                image={{\n                  src: 'assets/img/insta.png',\n                }}\n              />\n            </a>\n            <a\n              href=\"https://www.linkedin.com/company/dohuboficial/\"\n              target=\"_blank\"\n              rel=\"noreferrer\">\n              <Image\n                width={32}\n                image={{\n                  src: 'assets/img/linkedin.png',\n                }}\n              />\n            </a>\n          </div>\n          <p>\n            Av. Sagitário, 138 – Torre London <br /> 6º Andar – Sala 604 - Alphaville Conde II\n            <br /> Edifício Alpha Square, Barueri – SP <br /> CEP: 06473-073\n          </p>\n          <a href=\"mailto:contato@dohub.com.br\">contato@dohub.com.br</a>\n          <p>+ 55 11 4208-2143</p>\n        </div>\n\n        <div className=\"footer-content mobile-only\">\n          <p>@2021 doHub</p>\n          <p className=\"sub\">Todos os direitos reservados</p>\n        </div>\n      </Container>\n    </StyledFooter>\n  );\n};\n\nexport default Footer;\n","import styled, { css, keyframes } from 'styled-components';\n\nexport const StyledHeader = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 40px 8px;\n\n  @media (min-width: 992px) {\n    padding: 40px 0px;\n    padding-bottom: 145px;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .toggle-menu {\n    @media (min-width: 992px) {\n      display: none;\n    }\n  }\n`;\n\nconst NavAnimation = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\ninterface StyledNavigationProps {\n  isMenu?: boolean;\n  isVisible?: boolean;\n}\n\nexport const StyledNavigation = styled.nav<StyledNavigationProps>`\n  opacity: 0;\n  display: none;\n\n  @media (min-width: 992px) {\n    display: flex;\n    opacity: 1;\n  }\n\n  .toggle-menu {\n    display: none;\n  }\n\n  ${(props) =>\n    props.isMenu &&\n    props.isVisible &&\n    css`\n      transition: opacity 0.3s linear;\n      opacity: 1;\n      display: flex;\n      animation: ${NavAnimation} 0.3s linear;\n    `}\n\n  ${(props) =>\n    props.isMenu &&\n    css`\n      position: fixed;\n      z-index: 99;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-color: #181c4a;\n      align-items: flex-start;\n      justify-content: center;\n      padding: 0;\n      margin: 0;\n      padding-top: calc(32px + 32px);\n\n      .toggle-menu {\n        display: block;\n        position: absolute;\n        top: 48px;\n        left: 24px;\n        z-index: 100;\n      }\n    `}\n\n\n  ul {\n    display: flex;\n    flex-direction: ${(props) => (props.isMenu ? 'column' : 'row')};\n    align-items: center;\n    justify-content: flex-start;\n\n    li {\n      margin-right: ${(props) => (props.isMenu ? '0' : '22px')};\n      margin-bottom: ${(props) => (props.isMenu ? '16px' : 0)};\n      &:last-of-type {\n        margin-right: 0;\n        margin-bottom: 0;\n      }\n\n      > a {\n        color: #5ff772;\n        font-size: ${({ theme }) => `${theme.font.paragraph}px`};\n        line-height: ${({ theme }) => `${theme.font.paragraph + 2}px`};\n        cursor: pointer;\n\n        @media (min-width: 992px) {\n          font-weight: 500;\n          font-size: ${({ theme }) => `${theme.font.paragraph + 2}px`};\n          line-height: ${({ theme }) => `${theme.font.paragraph + 4}px`};\n        }\n      }\n    }\n  }\n`;\n","import React, { useEffect, useState } from 'react';\nimport { useLayout } from '../../../hooks/useLayout';\nimport Container from '../../atoms/Container';\nimport Image from '../../atoms/Image';\nimport { StyledHeader, StyledNavigation } from './Header.styles';\n\nconst Header: React.FC = () => {\n  const [openMenu, setOpenMenu] = useState(false);\n  const { isMobile } = useLayout();\n\n  useEffect(() => {\n    if (openMenu) {\n      const body = document.getElementsByTagName('body')[0];\n      body.style.overflow = 'hidden';\n    } else {\n      const body = document.getElementsByTagName('body')[0];\n      body.style.overflow = 'initial';\n    }\n  }, [openMenu]);\n\n  return (\n    <header id=\"header-dohub\">\n      <Container>\n        <StyledHeader>\n          <Image\n            width={32}\n            wrapper={{\n              className: 'toggle-menu',\n              style: {\n                cursor: 'pointer',\n              },\n              onClick: () => {\n                setOpenMenu(true);\n              },\n            }}\n            image={{\n              src: 'assets/img/menu.png',\n              alt: '',\n            }}\n          />\n          <Image\n            width={180}\n            image={{\n              src: 'assets/img/logo_header.png',\n              alt: '',\n            }}\n          />\n          <StyledNavigation isMenu={isMobile} isVisible={openMenu}>\n            <Image\n              width={32}\n              wrapper={{\n                className: 'toggle-menu',\n                style: {\n                  cursor: 'pointer',\n                },\n                onClick: () => {\n                  setOpenMenu(false);\n                },\n              }}\n              image={{\n                src: 'assets/img/menu.png',\n                alt: '',\n              }}\n            />\n            <ul>\n              <li>\n                <a\n                  href=\"#\"\n                  onClick={() => {\n                    setOpenMenu(false);\n                  }}>\n                  Home\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#quem-somos\"\n                  onClick={() => {\n                    setOpenMenu(false);\n                  }}>\n                  Quem somos\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#plataforma\"\n                  onClick={() => {\n                    setOpenMenu(false);\n                  }}>\n                  Plataforma\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#servicos\"\n                  onClick={() => {\n                    setOpenMenu(false);\n                  }}>\n                  Serviços Conectados\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"#contato\"\n                  onClick={() => {\n                    setOpenMenu(false);\n                  }}>\n                  Contato\n                </a>\n              </li>\n            </ul>\n          </StyledNavigation>\n        </StyledHeader>\n      </Container>\n    </header>\n  );\n};\n\nexport default Header;\n","import React from 'react';\nimport HomeCanais from '../../molecules/HomeCanais/HomeCanais';\nimport HomeContato from '../../molecules/HomeContato';\nimport HomeNumeros from '../../molecules/HomeNumeros';\nimport HomePlataforma from '../../molecules/HomePlataforma';\nimport HomeProdutos from '../../molecules/HomeProdutos';\nimport HomeQuemSomos from '../../molecules/HomeQuemSomos';\nimport HomeSegmentos from '../../molecules/HomeSegmentos';\nimport HomeSobre from '../../molecules/HomeSobre';\nimport Footer from '../../organisms/Footer';\nimport Header from '../../organisms/Header';\n\nconst Home: React.FC = () => {\n  return (\n    <>\n      <Header />\n      <HomeSobre />\n      <HomeQuemSomos />\n      <HomePlataforma />\n      <HomeSegmentos />\n      <HomeCanais />\n      <HomeProdutos />\n      <HomeNumeros />\n      <HomeContato />\n      <Footer />\n    </>\n  );\n};\n\nexport default Home;\n","import React from 'react';\nimport HomeTemplate from '../components/templates/Home';\n\nconst HomePage: React.FC = () => {\n  return <HomeTemplate />;\n};\n\nexport default HomePage;\n","import React from 'react';\nimport { Route, BrowserRouter, Switch } from 'react-router-dom';\nimport HomePage from '../pages/home';\n\nconst PublicRoutes: React.FC = () => {\n  const getBasename = () => {\n    try {\n      const basename = process.env.REACT_APP_HOMEPAGE || '';\n\n      return basename.replace('http://', '').replace('https://', '');\n    } catch (error) {\n      return '';\n    }\n  };\n\n  return (\n    <BrowserRouter basename={getBasename()}>\n      <Switch>\n        <Route exact path=\"/\" component={HomePage} />\n      </Switch>\n    </BrowserRouter>\n  );\n};\n\nexport default PublicRoutes;\n","import { DefaultTheme } from 'styled-components';\n\nexport const BaseTheme: DefaultTheme = {\n  font: {\n    title: 32,\n    subtitle: 22,\n    paragraph: 18,\n  },\n};\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\nimport { ThemeProvider } from 'styled-components';\nimport Global from './components/atoms/Global';\nimport PublicRoutes from './router/public.routes';\nimport { BaseTheme } from './utils/themes';\n\nconst App = () => (\n  <>\n    <Helmet />\n    <ThemeProvider theme={BaseTheme}>\n      <Global />\n      <PublicRoutes />\n    </ThemeProvider>\n  </>\n);\n\nexport default App;\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(<App />, document.getElementById('root'));\n"],"sourceRoot":""}