{"version":3,"sources":["webpack:////Users/edgarbarrios/www/2019-ADAWARE-WEBSITE-v31/node_modules/react-icons-kit/entypo/play.js","webpack:////Users/edgarbarrios/www/2019-ADAWARE-WEBSITE-v31/node_modules/react-icons-kit/md/ic_play_circle_filled.js","webpack:///./src/containers/Evalua035/TiltShape/tiltShape.style.js","webpack:///./src/containers/Evalua035/TiltShape/index.js","webpack:///./src/containers/Evalua035/Banner/banner.style.js","webpack:///./src/containers/Evalua035/Banner/index.js","webpack:///./src/containers/Evalua035/Paquetes/service.style.js","webpack:///./src/containers/Evalua035/Paquetes/index.js","webpack:///./src/pages/evalua035.js"],"names":["Object","defineProperty","exports","value","play","ic_play_circle_filled","ShapeWrapper","styled","div","TiltShape","className","color","addAllClasses","push","join","width","height","viewBox","id","data-name","transform","fill","Bubble","keyframes","BannerWrapper","section","themeGet","DiscountWrapper","DiscountLabel","VideoModal","PlayButton","VideoWrapper","BannerSection","row","contentWrapper","discountAmount","discountText","titles","description","imageWrapper","buttonWrapper","button","data","useStaticQuery","saasModernJson","PORTFOLIO_PRODUCTIVIDAD","portfolioItem","featuredIn","view","title","description2","Youtube","CloseModalButton","Button","variant","onClick","closeModal","icon","ModalContent","src","frameBorder","handleVideoModal","openModal","config","disableDragging","default","x","y","component","componentProps","closeComponent","closeOnClickOutside","Container","Box","Text","content","Heading","size","iconPosition","bottom","fluid","bannerImage","childImageSharp","alt","tabIndex","defaultProps","flexBox","flexWrap","alignItems","justifyContent","mb","fontSize","fontWeight","letterSpacing","lineHeight","textAlign","as","mr","fillButton","type","borderRadius","p","colors","minWidth","minHeight","mt","SectionWrapper","ServiceSection","secTitleWrapper","secText","secHeading","Row","Col","serviceTitleStyle","secDes","processImageStyle","PAQUETES_ITEMS","map","item","index","key","Image","display","ml","maxWidth","pl","pr","theme","saasModernTheme","top","innerZ","activeClass","Navbar","Banner","Footer"],"mappings":"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","file":"component---src-pages-evalua-035-js-2e8e867ad70226b01cb8.js","sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.play = void 0;\nvar play = {\n  \"viewBox\": \"0 0 20 20\",\n  \"children\": [{\n    \"name\": \"path\",\n    \"attribs\": {\n      \"d\": \"M15,10.001c0,0.299-0.305,0.514-0.305,0.514l-8.561,5.303C5.51,16.227,5,15.924,5,15.149V4.852\\r\\n\\tc0-0.777,0.51-1.078,1.135-0.67l8.561,5.305C14.695,9.487,15,9.702,15,10.001z\"\n    }\n  }]\n};\nexports.play = play;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.ic_play_circle_filled = void 0;\nvar ic_play_circle_filled = {\n  \"viewBox\": \"0 0 24 24\",\n  \"children\": [{\n    \"name\": \"path\",\n    \"attribs\": {\n      \"d\": \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z\"\n    }\n  }]\n};\nexports.ic_play_circle_filled = ic_play_circle_filled;","import styled from 'styled-components';\n\nconst ShapeWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  bottom: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n\n  svg {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  & ~ div {\n    z-index: 1;\n    position: relative;\n  }\n`;\n\nexport default ShapeWrapper;\n","import React from 'react';\nimport ShapeWrapper from './tiltShape.style';\n\nconst TiltShape = ({ className, color }) => {\n  // Add all classs to an array\n  const addAllClasses = ['tilt_shape'];\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className);\n  }\n\n  return (\n    <ShapeWrapper className={addAllClasses.join(' ')}>\n      <svg width=\"1920\" height=\"500\" viewBox=\"0 0 1920 500\">\n        <defs>\n          <clipPath id=\"clip-shape\">\n            <rect width=\"1920\" height=\"500\" />\n          </clipPath>\n        </defs>\n        <g id=\"shape\" data-name=\"Shape\">\n          <rect\n            id=\"Rectangle_1\"\n            data-name=\"Rectangle 1\"\n            width=\"2356\"\n            height=\"781\"\n            transform=\"translate(-136.868 401.948) rotate(-11)\"\n            fill={color || '#fff'}\n          />\n        </g>\n      </svg>\n    </ShapeWrapper>\n  );\n};\n\nexport default TiltShape;\n","import styled, { keyframes } from 'styled-components';\nimport { themeGet } from 'styled-system';\n\nconst Bubble = keyframes`\n  0% {\n\t\tbox-shadow: 0 0 0 3px rgba(255,65,108,0.3);\n\t\topacity: 1;\n\t\ttransform: scale3d(1, 1, 1);\n\t}\n\t100% {\n\t\tbox-shadow: 0 0 0 100px rgba(255,65,108,0);\n\t\topacity: 0;\n\t\ttransform: scale3d(1, 1, 1);\n\t}\n`;\n\nexport const BannerWrapper = styled.section`\n  padding: 150px 0 50px 0;\n  background-color: ${themeGet('colors.evalua035')};\n  background-image: linear-gradient(\n    0grad, \n    rgba(0, 0, 0, 0) 70%, \n    rgba(0, 0, 0, 0.2) 90%\n  ),\n  linear-gradient(\n    125grad, \n    rgba(255,255,255,0.0) 0%,\n    rgba(255,255,255,0.1) 20%,\n    rgba(255,255,255,0) 20.1%\n  );\n  background-size: cover;\n  background-position: top center;\n  overflow: hidden;\n  @media (max-width: 575px) {\n    padding: 120px 0 0 0;\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n`;\n\nexport const DiscountWrapper = styled.div`\n  text-align: center;\n`;\n\nexport const DiscountLabel = styled.div`\n  font-family: 'Nanum Gothic', 'Open Sans', sans-serif;\n  display: inline-block;\n  border-radius: 4em;\n  padding: 9px 22px;\n  margin-bottom: 22px;\n  background-color: rgba(0, 0, 0, 0.15);\n  @media (max-width: 575px) {\n    padding: 7px 10px;\n  }\n`;\n\nexport const VideoModal = styled.div`\n  display: inline-block;\n  position: relative;\n  border-radius: 10px;\n  overflow: hidden;\n  width: 100%;\n  &:before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    background-color: ${themeGet('colors.black')};\n    opacity: 0.2;\n    pointer-events: none;\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n`;\n\nexport const PlayButton = styled.div`\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: #ff4553;\n  cursor: pointer;\n  outline: 0;\n  z-index: 2;\n  @media (max-width: 767px) {\n    width: 60px;\n    height: 60px;\n    svg {\n      width: 30px;\n    }\n  }\n  &:after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    pointer-events: none;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n  }\n  &:focus {\n    &:after {\n      animation: ${Bubble} 0.5s ease-out forwards;\n    }\n  }\n`;\n\nexport const VideoWrapper = styled.div`\n  max-width: calc(100% - 30px);\n  width: 900px;\n  position: relative;\n  &:before {\n    content: '';\n    display: block;\n    padding-top: 56.25%;\n  }\n  iframe {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n`;\n\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useStaticQuery, graphql } from 'gatsby';\nimport Icon from 'react-icons-kit';\nimport Fade from 'react-reveal/Fade';\nimport { openModal, closeModal } from '@redq/reuse-modal';\nimport Box from 'reusecore/src/elements/Box';\nimport Text from 'reusecore/src/elements/Text';\nimport Heading from 'reusecore/src/elements/Heading';\nimport Button from 'reusecore/src/elements/Button';\nimport Image from 'gatsby-image';\nimport Container from 'common/src/components/UI/Container';\nimport TiltShape from '../TiltShape';\nimport {\n  BannerWrapper,\n  DiscountWrapper,\n  DiscountLabel,\n  VideoModal,\n  PlayButton,\n  VideoWrapper,\n} from './banner.style';\n\nimport { ic_play_circle_filled } from 'react-icons-kit/md/ic_play_circle_filled';\nimport { play } from 'react-icons-kit/entypo/play';\n\n\n\n\nconst BannerSection = ({\n  row,\n  contentWrapper,\n  discountAmount,\n  discountText,\n  titles,\n  description,\n  imageWrapper,\n  buttonWrapper,\n  button,\n}) => {\n  const data = useStaticQuery(graphql`\n    query {\n      bannerImage: file(\n        relativePath: { eq: \"image/evalua035/banner-image.png\" }\n      ) {\n        childImageSharp {\n          fluid(maxWidth: 1170, quality: 80) {\n            ...GatsbyImageSharpFluid_tracedSVG\n          }\n        }\n      }\n      saasModernJson {\n        PORTFOLIO_PRODUCTIVIDAD {\n          portfolioItem {\n            featuredIn\n            view\n            title\n            description2\n            Youtube\n          }\n        }\n      }\n    }\n  `);\n\n  const { \n    featuredIn,\n    view,\n    title,\n    description2,\n    Youtube } = data.saasModernJson.PORTFOLIO_PRODUCTIVIDAD[0].portfolioItem[0];\n\n  // close button for modal\n  const CloseModalButton = () => (\n    <Button\n      className=\"modalCloseBtn\"\n      variant=\"fab\"\n      onClick={() => closeModal()}\n      icon={<i className=\"flaticon-plus-symbol\" />}\n    />\n  );\n\n  const ModalContent = () => (\n    <VideoWrapper>\n      <iframe\n        title=\"Video\"\n        src={Youtube}\n        frameBorder=\"0\"\n      />\n    </VideoWrapper>\n  );\n\n  \n\n  // modal handler\n  const handleVideoModal = () => {\n    openModal({\n      config: {\n        className: 'video-modal',\n        disableDragging: true,\n        default: {\n          width: '100%',\n          height: '100%',\n          x: 0,\n          y: 0,\n        },\n      },\n      component: ModalContent,\n      componentProps: {},\n      closeComponent: CloseModalButton,\n      closeOnClickOutside: true,\n    });\n  };\n\n  return (\n    <BannerWrapper id=\"banner_section\">\n      <TiltShape />\n      <Container>\n        <Box {...row}>\n          <Box {...contentWrapper}>\n            <DiscountWrapper>\n              <DiscountLabel>\n                {featuredIn ? (\n                  <Text {...discountAmount} content={featuredIn} />\n                  ) : (\n                    <Text {...discountAmount} content='Soluciones para mejora de la productividad' />\n                )}\n\n                <Text\n                  {...discountText}\n                  content={view}\n                />\n              </DiscountLabel>\n            </DiscountWrapper>\n            <Heading\n              {...titles}\n              content={title}\n            />\n            <Text\n              {...description}\n              content={description2}\n            />\n            <Box {...buttonWrapper}>\n              <Button \n                {...button}\n                title=\"DESCUBRE CÓMO TRABAJA\"\n                icon={<Icon icon={ic_play_circle_filled} size={30} />}\n                iconPosition=\"left\"\n                onClick={handleVideoModal}\n              />\n            </Box>\n          </Box>\n          <Box {...imageWrapper}>\n            <Fade bottom>\n              <VideoModal> \n                <Image fluid={data.bannerImage.childImageSharp.fluid} alt=\"ADAWARE, Asesores\" />\n                <PlayButton tabIndex=\"-1000\" onClick={handleVideoModal}>\n                  <Icon icon={play} size={40} />\n                </PlayButton>\n              </VideoModal>\n            </Fade>\n          </Box>\n        </Box>\n      </Container>\n    </BannerWrapper>\n  );\n};\n\nBannerSection.propTypes = {\n  row: PropTypes.object,\n  contentWrapper: PropTypes.object,\n  discountAmount: PropTypes.object,\n  discountText: PropTypes.object,\n  titles: PropTypes.object,\n  description: PropTypes.object,\n  imageWrapper: PropTypes.object,\n  buttonWrapper: PropTypes.object,\n  button: PropTypes.object,\n  fillButton: PropTypes.object,\n};\n\nBannerSection.defaultProps = {\n  row: {\n    flexBox: true,\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  contentWrapper: {\n    width: ['100%', '100%', '90%', '90%', '80%'],\n    mb: '40px',\n  },\n  imageWrapper: {\n    width: '100%',\n  },\n  titles: {\n    fontSize: ['24px', '32px', '40px', '42px', '46px'],\n    fontWeight: '700',\n    color: '#fff',\n    letterSpacing: '-0.025em',\n    mb: ['20px', '25px', '25px', '25px', '25px'],\n    lineHeight: '1.2',\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: ['18px', '24px', '24px', '26px', '26px'],\n    fontWeight: '700',\n    color: '#fff',\n    lineHeight: '1.75',\n    mb: '0',\n    textAlign: 'center',\n  },\n  discountAmount: {\n    fontSize: ['13px', '14px', '14px', '14px', '14px'],\n    fontWeight: '700',\n    color: '#9fc3ed',\n    mb: 0,\n    as: 'span',\n    mr: '0.4em',\n  },\n  discountText: {\n    fontSize: ['13px', '14px', '14px', '14px', '14px'],\n    fontWeight: '700',\n    color: '#fff',\n    mb: 0,\n    as: 'span',\n  },\n  fillButton: {\n    type: 'button',\n    fontSize: ['13px', '14px'],\n    fontWeight: '600',\n    borderRadius: '4px',\n    p: ['0px 15px', '8px 22px'],\n    colors: 'secondaryWithBg',\n    minWidth: ['auto', '150px'],\n    height: ['40px', '46px'],\n    minHeight: 'auto',\n  },\n  buttonWrapper: {\n    flexBox: true,\n    justifyContent: 'center',\n    mt: '35px',\n  },\n  button: {\n    type: 'button',\n    fontSize: ['13px', '14px'],\n    fontWeight: '600',\n    borderRadius: '4px',\n    p: ['0px 15px', '8px 22px'],\n    color: '#fff',\n    colors: 'secondary',\n    height: ['40px', '46px'],\n    minHeight: 'auto',\n  },\n};\n\nexport default BannerSection;\n","import styled from 'styled-components';\n\nconst SectionWrapper = styled.section`\n  padding: 75px 0 0 0;\n\n  .service_item {\n    position: relative;\n    text-align: center;\n    .service_icon {\n      width: 110px;\n      height: 110px;\n      border-radius: 35px;\n      background-color: #ffecef;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 40px;\n      margin: 0 auto 28px auto;\n      color: #ff4361;\n      @media (max-width: 990px) {\n        width: 90px;\n        height: 90px;\n        border-radius: 25px;\n        font-size: 36px;\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  .service_item_col {\n    &:nth-child(1) {\n      .service_item {\n        .service_icon {\n          font-size: 56px;\n          @media (max-width: 990px) {\n            font-size: 48px;\n          }\n        }\n      }\n    }\n\n    &:nth-child(2) {\n      .service_item {\n        .service_icon {\n          background-color: #eaf9ff;\n          color: #45b1e1;\n          font-size: 46px;\n          @media (max-width: 990px) {\n            font-size: 40px;\n          }\n        }\n        h3 {\n          color: #45b1e1;\n        }\n      }\n    }\n\n    &:nth-child(3) {\n      .service_item {\n        .service_icon {\n          background-color: #fff6d3;\n          color: #d6ab00;\n          font-size: 46px;\n          @media (max-width: 990px) {\n            font-size: 40px;\n          }\n        }\n        h3 {\n          color: #d6ab00;\n        }\n      }\n    }\n\n    &:nth-child(4) {\n      .service_item {\n        .service_icon {\n          background-color: #e2f0e2;\n          color: #99CC99;\n          font-size: 46px;\n          @media (max-width: 990px) {\n            font-size: 40px;\n          }\n          i {\n            height: 36px;\n          }\n        }\n        h3 {\n          color: #99CC99;\n        }\n      }\n    }\n\n    &:nth-child(5) {\n      .service_item {\n        .service_icon {\n          background-color: #e7e5e9;\n          color: #5a4768;\n          font-size: 32px;\n          @media (max-width: 990px) {\n            font-size: 28px;\n          }\n        }\n        h3 {\n          color: #5a4768;\n        }\n      }\n    }\n  }\n`;\n\nexport default SectionWrapper;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Box from 'reusecore/src/elements/Box';\nimport Text from 'reusecore/src/elements/Text';\nimport Heading from 'reusecore/src/elements/Heading';\nimport Image from 'reusecore/src/elements/Image';\nimport Container from 'common/src/components/UI/Container';\nimport SectionWrapper from './service.style';\nimport { PAQUETES_ITEMS } from 'common/src/data/SaasModern';\n\nconst ServiceSection = ({\n  secTitleWrapper,\n  secText,\n  secHeading,\n  Row,\n  Col,\n  serviceTitleStyle,\n  secDes,\n  processImageStyle\n}) => {\n  return (\n    <SectionWrapper>\n      <Container>\n        <Box {...secTitleWrapper}>\n          <Text {...secText} content=\"POR DÓNDE COMENZAR\" />\n          <Heading\n            {...secHeading}\n            content=\"Selecciona el paquete más adecuado para el tamaño de tu empresa\"\n          />\n          <Text\n            {...secDes}\n            content=\"Evalúa035 es un sistema en la nube con licenciamiento anual que se adquiere por paquete de trabajadores para una sola empresa.\"\n          />\n        </Box>\n\n        <Box {...Row}>\n          {PAQUETES_ITEMS.map((item, index) => (\n            <Box\n              {...Col}\n              key={`service-item-${index}`}\n              className=\"service_item_col\"\n            >\n              <Box className=\"service_item\">\n                <Box className=\"service_icon\">\n                  <Image\n                    src={item.icon}\n                    alt={`process-image-${index + 1}`}\n                    {...processImageStyle}\n                  />\n                </Box>\n                <Heading as=\"h3\" content={item.title} {...serviceTitleStyle} />\n              </Box>\n            </Box>\n          ))}\n        </Box>\n      </Container>\n    </SectionWrapper>\n  );\n};\n\nServiceSection.propTypes = {\n  secTitleWrapper: PropTypes.object,\n  secText: PropTypes.object,\n  secHeading: PropTypes.object,\n  Row: PropTypes.object,\n  Col: PropTypes.object,\n  serviceTitleStyle: PropTypes.object,\n  secDes: PropTypes.object,\n  processImageStyle: PropTypes.object,\n};\n\nServiceSection.defaultProps = {\n  secTitleWrapper: {\n    mb: ['60px', '80px'],\n  },\n  secText: {\n    as: 'span',\n    display: 'block',\n    textAlign: 'center',\n    fontSize: '14px',\n    letterSpacing: '0.15em',\n    fontWeight: '700',\n    color: '#f15a24',\n    mb: '12px',\n  },\n  secHeading: {\n    textAlign: 'center',\n    fontSize: ['20px', '24px', '36px', '36px'],\n    fontWeight: '500',\n    color: '#0f2137',\n    letterSpacing: '-0.025em',\n    mb: '0',\n    ml: 'auto',\n    mr: 'auto',\n    lineHeight: '1.12',\n    maxWidth: '100%',\n  },\n  Row: {\n    flexBox: true,\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    ml: ['0', '-15px', '-20px', '-35px', '-35px'],\n    mr: ['0', '-15px', '-20px', '-35px', '-35px'],\n  },\n  Col: {\n    pl: ['15px', '15px', '25x', '35px', '35px'],\n    pr: ['15px', '15px', '25px', '35px', '35px'],\n    mb: '40px',\n  },\n  serviceTitleStyle: {\n    fontSize: ['15px', '15px', '15px', '16px', '17px'],\n    fontWeight: '500',\n    color: '#f15a24',\n    mb: 0,\n  },\n  secDes: {\n    fontSize: ['16px', '16px', '16px', '18px', '18px'],\n    color: '#343d48',\n    lineHeight: '1.875',\n    mt: '30px',\n    ml: 'auto',\n    mr: 'auto',\n    width: '700px',\n    maxWidth: '80%',\n    textAlign: 'center',\n  },\n  processImageStyle: {\n    width: ['60px', '60px', '70px', '70px'],\n  },\n};\n\nexport default ServiceSection;\n","import React, { Fragment } from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { Modal } from '@redq/reuse-modal';\nimport Sticky from 'react-stickynode';\nimport { DrawerProvider } from 'common/src/contexts/DrawerContext';\nimport { saasModernTheme } from 'common/src/theme/saasModern';\nimport { ResetCSS } from 'common/src/assets/css/style';\nimport {\n  GlobalStyle,\n  ContentWrapper,\n} from '../containers/SaasModern/sassModern.style';\n\nimport Navbar from '../containers/SaasModern/Navbar';\nimport BannerSection from '../containers/Evalua035/Banner';\nimport ServiceSection from '../containers/Evalua035/Paquetes';\n\nimport Footer from '../containers/SaasModern/Footer';\nimport '@redq/reuse-modal/es/index.css';\nimport SEO from '../components/seo';\n\nexport default () => {\n  return (\n    <ThemeProvider theme={saasModernTheme}>\n      <Fragment>\n        <SEO title=\"CONTPAQi® Evalúa035 - ADAWARE\" />\n        <Modal />\n        <ResetCSS />\n        <GlobalStyle />\n        {/* End of Home head section */}\n        {/* Start Home wrapper section */}\n        <ContentWrapper>\n          <Sticky top={0} innerZ={9999} activeClass=\"sticky-nav-active\">\n            <DrawerProvider>\n              <Navbar />\n            </DrawerProvider>\n          </Sticky>\n          <BannerSection />\n          <ServiceSection />\n          {/* <UpdateScreen />\n          \n          <TrialSection /> */}\n          <Footer />\n        </ContentWrapper>\n        {/* End of agency wrapper section */}\n      </Fragment>\n    </ThemeProvider>\n  );\n};\n"],"sourceRoot":""}