{"version":3,"sources":["webpack:///./src/components/Intro.js","webpack:///./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js","webpack:///./src/components/Picture2.js","webpack:///./src/components/Intro2.js","webpack:///./src/components/Group/ProfileCard/index.js","webpack:///./src/components/Group/index.js","webpack:///./src/pages/aboutus.js","webpack:///./node_modules/reactstrap/es/Row.js","webpack:///./node_modules/reactstrap/es/Col.js"],"names":["Text","createGlobalStyle","_templateObject","_taggedTemplateLiteralLoose","styled","div","withConfig","displayName","componentId","SectionTitle","h1","Content","SectionParagraph","p","props","fontSize","Intro","_useState","useState","show","setShow","useEffect","window","addEventListener","console","log","scrollY","children","length","screen","width","React","createElement","Fragment","className","title","strings","raw","slice","DivPicture","Img","img","Picture2","src","image","Intro2","DivCard","DivText","TextName","TextInfo","ProfileCard","_ref","name","position","linkedin","linkedinText","Title","h2","Colu","Col","ContainerCards","columns","Group","handleScroll","removeEventListener","members","Row","style","padding","margin","xs","sm","size","offset","team","map","member","index","hasLink","undefined","href","target","rel","key","Containercite","Pbig","Cite","CardIconContainer","CardIcon","ancho","TitleIconCard","color","col","Quoteitem","data","BoldContentful","paragraph","quote","Textimage","_ref2","titulo","descripcion","item","fields","file","url","titleColor","Groupcard","_ref3","cards","concat","_toConsumableArray","id","AboutUs","_useContentful","useContentful","about","fetched","Helmet","hreflang","MainLayout","active","hero","content","sys","contentType","_item$fields","quienesSomosCardIcon","_item$fields2","_item$fields3","description","height","display","justifyContent","marginTop","version","xmlns","xmlnsXlink","x","y","viewBox","enableBlackground","xmlSpace","fill","d","attributeName","attributeType","type","dur","from","to","repeatCount","cssModule","noGutters","Tag","tag","form","widths","attributes","colClasses","forEach","colWidth","i","colSize","isXs","push","classes","defaultProps","getColumnSizeClass","columnProp","_classNames","colSizeInterfix","colClass","order","_colClass"],"mappings":"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","file":"component---src-pages-aboutus-js-237c3fb8b9cd9f7a7959.js","sourcesContent":["import \"bootstrap/dist/css/bootstrap.min.css\"\r\nimport styled from \"styled-components\"\r\nimport React, { useEffect, useState, useRef } from \"react\"\r\nimport { createGlobalStyle } from 'styled-components';\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n@keyframes fade-up {\r\n  \r\n  0%{\r\n    opacity: 0;\r\n    transform: translateY(250px) scale(0.9);\r\n  }\r\n  \r\n  100%{\r\n    opacity: 1;\r\n    transform: translateY(0px) scale(1);\r\n  }\r\n  \r\n  }\r\n  \r\n`;\r\n\r\nconst Text = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  flex-direction: column;\r\n  /*   font-family: \"Archivo\", sans-serif; */\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 16px;\r\n  justify-content: center;\r\n  letter-spacing: 0.055em;\r\n\r\n  @media (max-width: 700px) {\r\n    width: 100%;\r\n  }\r\n`\r\n\r\nconst HeaderStyled = styled.h1`\r\n  position: relative;\r\n  width: 100%;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  font-size: 2.5vw;\r\n  letter-spacing: 0.055em;\r\n  color: #303030;\r\n\r\n  @media (max-width: 700px) {\r\n    font-size: 16px;\r\n    width: 80%;\r\n  }\r\n`\r\n\r\nconst SectionTitle = styled.div`\r\n  display: inline-block !important;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  font-size: 30px;\r\n  line-height: 150.3%;\r\n  width: 100%;\r\n  text-align: left;\r\n  letter-spacing: 0.055em;\r\n  text-transform: uppercase;\r\n  color: #262626;\r\n\r\n  &.animate {\r\n    animation: fade-up 1s;\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    font-size: 16px;\r\n    width: 80%;\r\n  }\r\n`\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  //padding: 3% 9% 0px 9%;\r\n  padding: 2% 9% 3% 9%;\r\n  margin: 0px;\r\n  flex-wrap: wrap;\r\n`\r\n\r\nconst SectionParagraph = styled.p`\r\n  margin-top: 2rem;\r\n  margin-bottom: 0rem;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  line-height: 136.8%;\r\n  letter-spacing: 0.1em;\r\n  color: #767b8a;\r\n  //color:pink;\r\n  padding-left: 12px;\r\n  padding-right: 25px;\r\n  font-size: ${props => props.fontSize || \"16px\"};\r\n\r\n\r\n  &.animate {\r\n    animation: fade-up 1s;\r\n  }\r\n\r\n  @media (min-width: 700px) {\r\n    font-size: 16px;\r\n  }\r\n  @media (min-width: 1050px) {\r\n    font-size: 18px;\r\n  }\r\n  @media (max-width: 900px) {\r\n    letter-spacing: 0;\r\n    margin-top: 1.5rem;\r\n  }\r\n`\r\n\r\n\r\n\r\nfunction Intro(props) {\r\n\r\n  const [show, setShow] = useState(false);\r\n  \r\n  useEffect(() => {\r\n    window.addEventListener(\"scroll\",()=>{\r\n      console.log(\"window.scrollY\",window.scrollY)\r\n      console.log(\"props.children.length\",props.children.length)\r\n     \r\n      if(window.screen.width > 600){\r\n      if(window.scrollY > 280) {\r\n        console.log(\"props.children\",props.children)\r\n        setShow(true);\r\n      } else {\r\n        setShow(false);\r\n      }}else{\r\n        setShow(true);\r\n      }\r\n    })\r\n  }, [])\r\n\r\n\r\n  return (\r\n    <>\r\n      <Content\r\n      >\r\n        <Text>\r\n\r\n        {show&&  <SectionTitle className={show ? \"animate\" : \"\"}>{props.title}</SectionTitle>}\r\n        {show&& <SectionParagraph fontSize={props.fontSize} className={show ? \"animate\" : \"\"}>{props.children}</SectionParagraph>}\r\n\r\n  \r\n        </Text>\r\n      </Content>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Intro\r\n","export default function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n  strings.raw = raw;\n  return strings;\n}","import React from \"react\"\r\nimport styled from \"styled-components\"\r\n\r\nconst DivPicture = styled.div`\r\n  position: relative;\r\n  &:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    //background-color: rgba(0, 0, 0, 0.7);\r\n    /* background-color: rgba(192, 198, 202, 0.6); */\r\n  }\r\n`\r\nconst Text = styled.h1`\r\n  padding-top: 8%;\r\n  padding-left: 2%;\r\n  padding-right: 10%;\r\n  font-weight: bold;\r\n  /* font-size:80%; */\r\n  font-size: 5vw;\r\n  letter-spacing: 5px;\r\n  top: 10px;\r\n  left: 10px;\r\n  color: #fff;\r\n  position: absolute;\r\n`\r\nconst Img = styled.img`\r\n  width: 100%;\r\n  /* width: auto; */\r\n  height: auto;\r\n  //opacity: 0.6;\r\n  /* max-height: 600px; */\r\n`\r\n\r\nfunction Picture2(props) {\r\n  return (\r\n    <DivPicture>\r\n      <Img src={props.image} />\r\n      <Text >{props.children}</Text>\r\n    </DivPicture>\r\n  )\r\n}\r\n\r\nexport default Picture2\r\n","import React from \"react\"\r\nimport \"bootstrap/dist/css/bootstrap.min.css\"\r\nimport styled from \"styled-components\"\r\n\r\nconst Text = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  flex-direction: column;\r\n  /*   font-family: \"Archivo\", sans-serif; */\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 16px;\r\n  justify-content: center;\r\n  letter-spacing: 0.055em;\r\n\r\n  @media (max-width: 700px) {\r\n    width: 100%;\r\n  }\r\n`\r\n\r\nconst HeaderStyled = styled.h1`\r\n  position: relative;\r\n  width: 100%;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  font-size: 2.5vw;\r\n  letter-spacing: 0.055em;\r\n  color: #303030;\r\n\r\n  @media (max-width: 700px) {\r\n    font-size: 16px;\r\n    width: 80%;\r\n  }\r\n`\r\n\r\nconst SectionTitle = styled.div`\r\n  display: inline-block !important;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  font-size: 30px;\r\n  line-height: 150.3%;\r\n  width: 100%;\r\n  text-align: left;\r\n  letter-spacing: 0.055em;\r\n  text-transform: uppercase;\r\n  color: #262626;\r\n  @media (max-width: 700px) {\r\n    font-size: 16px;\r\n    width: 80%;\r\n  }\r\n`\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n \r\n  margin: 0px;\r\n  flex-wrap: wrap;\r\n`\r\n\r\nconst SectionParagraph = styled.p`\r\n  margin-top: 2rem;\r\n  margin-bottom: 0rem;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  line-height: 136.8%;\r\n  letter-spacing: 0.1em;\r\n  color: #767b8a;\r\n  padding-left: 12px;\r\n  padding-right: 25px;\r\n  text-align: justify;\r\n  text-justify: inter-word;\r\n  font-size: ${props => props.fontSize || \"16px\"};\r\n  @media (min-width: 700px) {\r\n    font-size: 16px;\r\n  }\r\n  @media (min-width: 1050px) {\r\n    font-size: 18px;\r\n  }\r\n  @media (max-width: 900px) {\r\n    letter-spacing: 0;\r\n    margin-top: 1.5rem;\r\n  }\r\n`\r\n\r\nfunction Intro2(props) {\r\n  return (\r\n    <>\r\n      <Content\r\n       \r\n      >\r\n        <Text>\r\n          <SectionTitle>{props.title}</SectionTitle>\r\n          <SectionParagraph fontSize={props.fontSize}>\r\n            {props.children}\r\n          </SectionParagraph>\r\n        </Text>\r\n      </Content>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Intro2\r\n","import React, { useEffect, useState, useRef } from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { createGlobalStyle } from 'styled-components';\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n@keyframes fade-up {\r\n  \r\n  0%{\r\n    opacity: 0;\r\n    transform: translateY(200px) scale(0.9);\r\n  }\r\n  \r\n  100%{\r\n    opacity: 1;\r\n    transform: translateY(0px) scale(1);\r\n  }\r\n  \r\n  }\r\n  \r\n`;\r\n\r\nconst DivCard = styled.div`\r\n  width: 240px;\r\n  height: 260px;\r\n  margin-bottom: 5%;\r\n`\r\nconst Img = styled.img`\r\nheight:240px;\r\n  width: auto\r\n  margin: 0%;\r\n  cursor: pointer;\r\n`\r\n\r\nconst DivText = styled.div`\r\n  height: 70px;\r\n  background-color: #f6f9fb;\r\n  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\r\n  position: relative;\r\n  margin: -25% -3% -3% 10%;\r\n  display: block;\r\n  .container-text {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .x{\r\n    width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 5px 10px;\r\n\r\n  }\r\n`\r\nconst TextName = styled.p`\r\n  font-family: Archivo;\r\n  font-weight: bold;\r\n  font-size: 1rem;\r\n // padding: 5px 0px 3px 10px;\r\n  margin: 0;\r\n  flex-grow: 1;\r\n  height: 55%;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n\r\n`\r\nconst TextInfo = styled.p`\r\n  font-family: Archivo;\r\n  font-style: italic;\r\n  font-size: 12px;\r\n//  padding: 0px 10px 10px;\r\n  margin: 0;\r\n  width: 100%;\r\n  line-height: 115%;\r\n  height: 45%;\r\n\r\n`\r\n\r\nfunction ProfileCard({ image, name, position, linkedin, linkedinText }) {\r\n\r\n\r\n  return (\r\n    <DivCard\r\n    \r\n      /* active={props.active === props.id ? true : false} */\r\n    >\r\n      <Img\r\n        src={\r\n          image\r\n        } /* id={props.id} active={props.active === props.id ? true : false} */\r\n      />\r\n      <DivText /* active={props.active === props.id ? true : false} */>\r\n        \r\n          <div className=\"x\">\r\n          \r\n          <TextName>{name}</TextName>\r\n          {position&&\r\n            <TextInfo>{position}</TextInfo>}\r\n          </div>\r\n\r\n\r\n      </DivText>\r\n    </DivCard>\r\n  )\r\n}\r\nexport default ProfileCard\r\n","import React, { useEffect, useState, useRef } from \"react\"\r\nimport ProfileCard from \"./ProfileCard\"\r\n//import ProfileDetails from \"./ProfileDetails\"\r\nimport \"bootstrap/dist/css/bootstrap.min.css\"\r\nimport { Row, Col } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport { createGlobalStyle } from 'styled-components';\r\n\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n@keyframes fade-up {\r\n  \r\n  0%{\r\n    opacity: 0;\r\n    transform: translateY(200px) scale(0.9);\r\n  }\r\n  \r\n  100%{\r\n    opacity: 1;\r\n    transform: translateY(0px) scale(1);\r\n  }\r\n  \r\n  }\r\n  \r\n`;\r\n\r\nconst Title = styled.h2`\r\n  padding: 0% 9% 2% 0%;\r\n  margin: 0px;\r\n  //margin-bottom: 2rem;\r\n  /*   font-family: \"Archivo\", sans-serif; */\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  font-size: 30px;\r\n\r\n  &.animate {\r\n    animation: fade-up 1s;\r\n  }\r\n\r\n\r\n  @media (max-width: 700px) {\r\n    font-size: 16px;\r\n  }\r\n`\r\nconst Colu = styled(Col)`\r\n  position: relative;\r\n  margin-bottom: 3%;\r\n  @media (max-width: 700px) {\r\n    width: 100%;\r\n  }\r\n`\r\n\r\nconst ContainerCards = styled.div`\r\n  width: 100%;\r\n  \r\n  /*   display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center; */\r\n  display: grid;\r\n  grid-template-columns: ${props => props.columns || \"1fr 1fr 1fr 1fr\"};\r\n  /* grid-template-columns: 1fr 1fr 1fr 1fr; */\r\n  justify-items: center;\r\n  \r\n  a {\r\n    color: #212529;\r\n    text-decoration: none;\r\n    :hover{\r\n      cursor: pointer;\r\n      transform: scale(1.05);\r\n    \r\n    }\r\n    &.animate {\r\n    animation: fade-up 1s;\r\n  }\r\n  }\r\n\r\n  a[href=\"not-found\"]{\r\n    cursor: default;\r\n    pointer-events: none;\r\n    &.animate {\r\n    animation: fade-up 1s;\r\n  }\r\n  }\r\n  a[href=\"#\"]:hover {\r\n    transform: none;\r\n    &.animate {\r\n    animation: fade-up 1s;\r\n  }\r\n  }\r\n\r\n  @media (max-width: 1300px) {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n  @media (max-width: 600px) {\r\n    grid-template-columns: 1fr;\r\n  }\r\n`\r\n\r\nexport default function Group(props) {\r\n  //const [idcard, setIdcard] = useState()\r\n  \r\n\r\n\r\n  const [show, setShow] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const handleScroll = () => {\r\n      if(window.screen.width > 600){\r\n      if (window.scrollY > 1050) {\r\n        setShow(true);\r\n      } else {\r\n        setShow(false);\r\n      }}\r\n      else{\r\n        setShow(true);\r\n      }\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", handleScroll);\r\n\r\n    // Cleanup function\r\n    return () => {\r\n      window.removeEventListener(\"scroll\", handleScroll);\r\n    };\r\n  }, []);\r\n\r\n\r\n\r\n\r\n  \r\n\r\n\r\n\r\n\r\n\r\n  const members = props.members\r\n\r\n  console.log('props',props)\r\n  return (\r\n    <Row style={{ padding: \"0px 0px 0px 0px\", margin: \"0px\" }}>\r\n      <Colu\r\n        xs=\"12\"\r\n        sm={{ size: 10, offset: 1 }}\r\n        /* onClick={e => {\r\n        setIdcard(e.target.id)\r\n      }} */\r\n      >\r\n        <Title\r\n              className={show ? \"animate\" : \"\"}>\r\n          {props.team}\r\n        </Title>\r\n        <ContainerCards columns={props.columns}>\r\n          {members.map((member, index) => {\r\n          const hasLink = member[0].linkedin !== undefined && member[0].linkedin !== null;\r\n\r\n            return (\r\n              <a href={hasLink? member[0].linkedin:'not-found'} target=\"_blank\" rel=\"noreferrer\" key={index}\r\n              className={show ? \"animate\" : \"\"}>\r\n                <ProfileCard\r\n                  {...member[0]}\r\n                  /* active={idcard} */\r\n                />\r\n              </a>\r\n            )\r\n          })}\r\n          {/* {members.map(member => {\r\n          if (member.id == idcard) {\r\n            return (\r\n              <ProfileDetails\r\n                name={member.name}\r\n                profession={member.profession}\r\n                description={member.description}\r\n                position={member.position}\r\n                active={idcard}\r\n              />\r\n            )\r\n          }\r\n        })} */}\r\n        </ContainerCards>\r\n      </Colu>\r\n    </Row>\r\n  )\r\n}\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\n//importación de componentes\r\nimport MainLayout from \"../components/Layouts/MainLayout\"\r\nimport Picture2 from \"../components/Picture2\"\r\nimport Intro from \"../components/Intro\"\r\nimport Intro2 from \"../components/Intro2\"\r\nimport Group from \"../components/Group\"\r\nimport useContentful from \"../utils/useContentful\"\r\nimport BoldContentful from \"../utils/BoldContentful\"\r\nimport { Helmet } from \"react-helmet\"\r\nimport color from \"../config/colors.json\"\r\n\r\nconst Containercite = styled.div`\r\ndisplay:flex;\r\nflex-direction: row;\r\n\r\n`\r\n\r\nconst Pbig = styled.div`\r\nfont-size:50px;\r\nwidth:5%;\r\nfont-family: Roboto;\r\npadding:16px ;\r\ncolor:#008991;\r\n\r\n@media (max-width: 768px)\r\n{\r\n  padding:12px ;\r\n  font-size:40px;\r\n}`\r\n\r\n\r\nconst Cite = styled.div`\r\nwidth:90% ;\r\nmargin-top:24px;\r\nfont-weight:500 ;\r\nfont-size:18px; \r\nfont-style: italic;\r\ncolor:#008991;\r\n`\r\n\r\nconst Autor = styled.div`\r\nmargin-top:16px;\r\nfont-weight:500 ;\r\nfont-size:18px; \r\nfont-style: normal;\r\ncolor:#008991;\r\n`\r\n\r\nconst CardIconContainer = styled.div`\r\nwidth:100% ;\r\nmax-width:1440px ;\r\ndisplay:flex ;\r\nflex-direction: row;\r\njustify-content: space-evenly ;\r\n\r\n@media (max-width: 679px) {\r\n  flex-direction: column;\r\n  }\r\n`\r\n\r\n\r\nconst CardIcon = styled.div`\r\ndisplay: flex ;\r\nflex-direction: column;\r\njustify-content:center;\r\nalign-items: center ;\r\nwidth:  ${p => `${(~~(100/(p.ancho+1)))}%`};\r\npadding:24px ;\r\nimg{\r\n  width:60% ;\r\n  object-fit:cover;\r\n  aspect-ratio: 1;\r\n  margin-bottom:24px;\r\n}\r\np{\r\n  text-align: center ;\r\n}\r\n\r\n@media (max-width: 679px) {\r\n  width:  90%;\r\n  }\r\n\r\n`\r\nconst TitleIconCard = styled.div`\r\n font-size:24px;\r\n  font-weight:bold;\r\n  color: ${p => color[p.col] || \"#767b8a\"};\r\n  margin-bottom: 18px;\r\n`\r\n\r\n\r\nconst Textimagediv = styled.div`\r\ndisplay: flex ;\r\nflex-direction:row ;\r\npadding: 3% 9% 0% 9%;\r\n\r\nimg{\r\n  width:40%;\r\n  padding: 32px;\r\n  margin-right:32px ;\r\n}\r\n`\r\n\r\nconst AboutUsEntryId = \"1jvg39L1vZ3abBmBpX7rG2\";\r\n\r\n\r\nconst Quoteitem  = ({data}) => {\r\nreturn(\r\n  <Intro title={data.title}>\r\n   {BoldContentful(data.paragraph ,\"#767B8A\" )} \r\n  \r\n<Containercite>\r\n    <Pbig>“</Pbig><Cite>{data.quote}</Cite><Pbig>”</Pbig></Containercite>\r\n  \r\n  </Intro>\r\n)\r\n}\r\n\r\nconst Textimage  = ({data, titulo, descripcion}) => {\r\n\r\nconsole.log(\"card\",data)\r\n  return(\r\n    <Intro title={titulo}>\r\n     {descripcion && <p>{descripcion}</p>}\r\n<CardIconContainer>\r\n   { data.map( item => {\r\n      return (\r\n        <CardIcon ancho={data.length}>\r\n          <img src={item.fields.image.fields.file.url}/>\r\n          <TitleIconCard col={item.fields.titleColor}>{item.fields.title}</TitleIconCard>\r\n          <p>{BoldContentful(item.fields.paragraph)}</p>\r\n        </CardIcon>\r\n      )\r\n    })}\r\n    \r\n    </CardIconContainer>\r\n    </Intro>\r\n  )\r\n  }\r\n\r\nconst Groupcard  = ({data}) => {\r\n\r\n  let team = []\r\n\r\n  team = data.cards.map((item ,index)=> {\r\n    return(\r\n        [...team, {\r\n          id:index+1,\r\n          name:item.fields.name,\r\n          position: item.fields.position,\r\n          image: item.fields.image.fields.file.url,\r\n          linkedin: item.fields.linkedin,\r\n        }]\r\n    )\r\n  })\r\n\r\n\r\n  return(\r\n    <Group team={data.title}  columns={\"1fr 1fr 1fr\"} members={team} />\r\n  )\r\n  }\r\n\r\n\r\n\r\nexport default function AboutUs() {\r\n\r\n  const { data: about, fetched } = useContentful({ id: AboutUsEntryId });\r\n\r\n console.log(\"data\",about)\r\n\r\n  return (\r\n    \r\n    <>\r\n   <Helmet>\r\n   <link\r\n              rel=\"alternate\"\r\n              hreflang=\"es-pe\"\r\n              href=\"https://www.datascienceglobalskills.pe/aboutus\"\r\n            />\r\n            <link rel=\"canonical\" href=\"https://www.datascienceglobalskills.pe/aboutus\" />\r\n\r\n   </Helmet>\r\n   { fetched ? <MainLayout active={2}>\r\n      <Picture2 image={about.fields.hero.fields.file.url}>\r\n        \r\n      </Picture2>\r\n\r\n      {\r\n          about.fields.content.map(\r\n\r\n            (item) => {\r\n            \r\n\r\n              if (item.sys.contentType.sys.id == \"quienesSomosTextQuote\"){\r\n               \r\n                return(\r\n                  \r\n                  <Quoteitem data = {item.fields}>\r\n\r\n                  </Quoteitem>\r\n                )\r\n              }\r\n\r\n              else if(item.sys.contentType.sys.id == \"quienesSomosTeam\"){\r\n              \r\n                return(\r\n                  <Groupcard  data = {item.fields}>\r\n\r\n                  </Groupcard>\r\n                )\r\n                \r\n              }\r\n\r\n              else if(item.sys.contentType.sys.id == \"form\"){\r\n                \r\n                return(\r\n                  <Textimage data = {item.fields?.quienesSomosCardIcon} titulo={item.fields?.title} descripcion={item.fields?.description}>\r\n\r\n                  </Textimage>\r\n                )\r\n                \r\n              }\r\n\r\n            }\r\n          )\r\n      }\r\n\r\n      <br></br>\r\n      <br></br>\r\n    </MainLayout>\r\n    :\r\n    <div\r\n     style={{\r\n       width: \"100vw\",\r\n       height: \"100vh\",\r\n       display: \"flex\",\r\n       justifyContent: \"center\",\r\n       marginTop: \"0px\",\r\n       padding: \"15%\",\r\n     }}\r\n   >\r\n     {\" \"}\r\n     <svg\r\n       version=\"1.1\"\r\n       id=\"L9\"\r\n       xmlns=\"http://www.w3.org/2000/svg\"\r\n       xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n       x=\"0px\"\r\n       y=\"0px\"\r\n       viewBox=\"0 0 100 100\"\r\n       enableBlackground=\"new 0 0 0 0\"\r\n       xmlSpace=\"preserve\"\r\n     >\r\n       <path\r\n         fill=\"#008991\"\r\n         d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"\r\n       >\r\n         <animateTransform\r\n           attributeName=\"transform\"\r\n           attributeType=\"XML\"\r\n           type=\"rotate\"\r\n           dur=\"1s\"\r\n           from=\"0 50 50\"\r\n           to=\"360 50 50\"\r\n           repeatCount=\"indefinite\"\r\n         />\r\n       </path>\r\n     </svg>\r\n   </div>\r\n}\r\n   </>\r\n  )\r\n}\r\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport React from 'react';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar rowColWidths = ['xs', 'sm', 'md', 'lg', 'xl'];\nvar defaultProps = {\n  tag: 'div',\n  widths: rowColWidths\n};\nvar Row = function Row(props) {\n  var className = props.className,\n    cssModule = props.cssModule,\n    noGutters = props.noGutters,\n    Tag = props.tag,\n    form = props.form,\n    widths = props.widths,\n    attributes = _objectWithoutPropertiesLoose(props, [\"className\", \"cssModule\", \"noGutters\", \"tag\", \"form\", \"widths\"]);\n  var colClasses = [];\n  widths.forEach(function (colWidth, i) {\n    var colSize = props[colWidth];\n    delete attributes[colWidth];\n    if (!colSize) {\n      return;\n    }\n    var isXs = !i;\n    colClasses.push(isXs ? \"row-cols-\" + colSize : \"row-cols-\" + colWidth + \"-\" + colSize);\n  });\n  var classes = mapToCssModules(classNames(className, noGutters ? 'no-gutters' : null, form ? 'form-row' : 'row', colClasses), cssModule);\n  return React.createElement(Tag, _extends({}, attributes, {\n    className: classes\n  }));\n};\nRow.defaultProps = defaultProps;\nexport default Row;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport React from 'react';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType, isObject } from './utils';\nvar colWidths = ['xs', 'sm', 'md', 'lg', 'xl'];\nvar defaultProps = {\n  tag: 'div',\n  widths: colWidths\n};\nvar getColumnSizeClass = function getColumnSizeClass(isXs, colWidth, colSize) {\n  if (colSize === true || colSize === '') {\n    return isXs ? 'col' : \"col-\" + colWidth;\n  } else if (colSize === 'auto') {\n    return isXs ? 'col-auto' : \"col-\" + colWidth + \"-auto\";\n  }\n  return isXs ? \"col-\" + colSize : \"col-\" + colWidth + \"-\" + colSize;\n};\nvar Col = function Col(props) {\n  var className = props.className,\n    cssModule = props.cssModule,\n    widths = props.widths,\n    Tag = props.tag,\n    attributes = _objectWithoutPropertiesLoose(props, [\"className\", \"cssModule\", \"widths\", \"tag\"]);\n  var colClasses = [];\n  widths.forEach(function (colWidth, i) {\n    var columnProp = props[colWidth];\n    delete attributes[colWidth];\n    if (!columnProp && columnProp !== '') {\n      return;\n    }\n    var isXs = !i;\n    if (isObject(columnProp)) {\n      var _classNames;\n      var colSizeInterfix = isXs ? '-' : \"-\" + colWidth + \"-\";\n      var colClass = getColumnSizeClass(isXs, colWidth, columnProp.size);\n      colClasses.push(mapToCssModules(classNames((_classNames = {}, _classNames[colClass] = columnProp.size || columnProp.size === '', _classNames[\"order\" + colSizeInterfix + columnProp.order] = columnProp.order || columnProp.order === 0, _classNames[\"offset\" + colSizeInterfix + columnProp.offset] = columnProp.offset || columnProp.offset === 0, _classNames)), cssModule));\n    } else {\n      var _colClass = getColumnSizeClass(isXs, colWidth, columnProp);\n      colClasses.push(_colClass);\n    }\n  });\n  if (!colClasses.length) {\n    colClasses.push('col');\n  }\n  var classes = mapToCssModules(classNames(className, colClasses), cssModule);\n  return React.createElement(Tag, _extends({}, attributes, {\n    className: classes\n  }));\n};\nCol.defaultProps = defaultProps;\nexport default Col;"],"sourceRoot":""}