{"version":3,"file":"fb93fffa-a65f401a7c22835a2407.js","mappings":"sNAQA,MAEMA,EAFc,CAAC,IAAK,IAAK,IAAK,KAAM,MAETC,KAAKC,GAAE,sBAA2BA,EAAE,QAE/DC,GAAc,mCAAW,CAC7BC,QAAS,OACT,CAACJ,EAAa,IAAK,CACjBI,QAAS,UAEZ,IAEKC,GAAmB,uCAAe,CACtCC,gBAAiB,UACjBC,QAAS,OACT,CAACP,EAAa,IAAK,CACjBO,QAAS,gBAEZ,IAEKC,GAA2B,mCAAW,CAC1CJ,QAAS,OACTK,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,aAAc,OACd,CAACZ,EAAa,IAAK,CACjBS,cAAe,MACfE,WAAY,QACZC,aAAc,SAEjB,IAEKC,GAAgB,mCAAW,CAC/BT,QAAS,OACTK,cAAe,SACfE,WAAY,SACZG,MAAO,OACPF,aAAc,OACd,CAACZ,EAAa,IAAK,CACjBc,MAAO,OAET,CAACd,EAAa,IAAK,CACjBe,YAAa,OACbC,UAAW,OACXL,WAAY,WACZG,MAAO,QACPF,aAAc,MAEjB,IAEKK,GAAoB,kCAAW,CACnCH,MAAO,OACP,CAACd,EAAa,IAAK,CACjBc,MAAO,UAEV,IAEKI,GAAQ,iCAAU,CACtBC,UAAW,SACXC,SAAU,OACVC,WAAY,SACZT,aAAc,OACd,CAACZ,EAAa,IAAK,CACjBoB,SAAU,SACVD,UAAW,UAEd,IAEKG,GAAc,gCAAS,CAC3BH,UAAW,SACX,CAACnB,EAAa,IAAK,CACjBmB,UAAW,UAEd,IAEKI,GAA0B,kCAAW,CACzCT,MAAO,OACPU,OAAQ,SACRpB,QAAS,OACTM,eAAgB,eAChBC,WAAY,SACZc,SAAU,eACVC,IAAK,OACL,CAAC1B,EAAa,IAAK,CACjB0B,IAAK,QAEP,CAAC1B,EAAa,IAAK,CACjBc,MAAO,QAEV,IAEKa,GAAO,sDAEPC,GAAe,gCAAS,CAC5BC,OAAQ,oBACRC,aAAc,QACdvB,QAAS,iCACTH,QAAS,OACT,CAACJ,EAAa,IAAK,CACjBO,QAAS,mCAEX,SAAU,CACRD,gBAAiB,QACjByB,MAAO,UAEV,IAEKC,GAA4B,kCAAW,CAC3CC,SAAU,QACVlB,YAAa,OACbI,UAAW,SACXY,MAAO,UACP,CAAC/B,EAAa,IAAK,CACjBe,YAAa,SAEhB,IAEKmB,GAAoB,gCAAS,CACjCd,SAAU,OACVR,aAAc,UACdmB,MAAO,UACP,CAAC/B,EAAa,IAAK,CACjBoB,SAAU,UACVR,aAAc,YAEjB,IAEKuB,GAAmB,gCAAS,CAChCf,SAAU,UACVR,aAAc,UACdmB,MAAO,UACP,CAAC/B,EAAa,IAAK,CACjBoB,SAAU,SAEb,IAEKgB,GAAe,wOAuBnB,oEAEK,MAAMC,EAAU,KACrB,MAAMC,GAAcC,EAAAA,EAAAA,MACdC,EAdmBF,IACrBA,EAAYG,EAAU,QACtBH,EAAYI,GAAW,QACpB,QAWgBC,CAAkBL,GACnCM,EATkBN,IACpBA,EAAYG,EAAU,QACtBH,EAAYO,GAAW,QACpB,OAMeC,CAAiBR,GAEvC,OACE,QAACjC,EAAgB,CAAC0C,GAAG,aACnB,QAACvC,EAAwB,MACvB,QAACK,EAAa,MACZ,QAACV,EAAW,MACV,QAAC,EAAA6C,EAAW,CACVC,IAAI,2BACJC,IAAI,UACJC,OAAO,QACPC,IAAG,EACHtC,MAAO,IAAI,wBAGf,QAACI,EAAK,KAAC,2BACP,QAACI,EAAW,KAAC,mLAMf,QAACL,EAAiB,MAChB,QAAC,IAAQ,CACPoC,OAAQb,EACR1B,MAAO8B,EACPd,aAAa,OACbwB,UAAU,IAKV,QAAC,EAAAN,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,6BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,uBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,8BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,sBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,8BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,sBAElC,QAAC,EAAAL,EAAW,CACVC,IAAI,8BACJM,UAAU,QACVC,MAAO,CAAEH,OAAQ,QACjBI,SAAU,CAAEJ,OAAQ,WAAY,0BAKxC,QAAC9B,EAAuB,MACtB,QAACI,EAAI,CAAC+B,KAAK,6CAA6CC,OAAO,WAC7D,QAAC,EAAAX,EAAW,CAACC,IAAI,0BAAyB,wBAE5C,QAACtB,EAAI,CAAC+B,KAAK,mCAAmCC,OAAO,WACnD,QAAC,EAAAX,EAAW,CAACC,IAAI,2BAA0B,wBAE7C,QAACtB,EAAI,CACH+B,KAAK,kDACLC,OAAO,WAEP,QAAC,EAAAX,EAAW,CAACC,IAAI,6BAA4B,wBAE/C,QAACtB,EAAI,CAAC+B,KAAK,0CAA0CC,OAAO,WAC1D,QAAC,EAAAX,EAAW,CAACC,IAAI,4BAA2B,wBAE9C,QAACtB,EAAI,CACH+B,KAAK,oDACLC,OAAO,WAEP,QAAC,EAAAX,EAAW,CACVC,IAAI,4BACJQ,SAAU,CAAEG,cAAe,UAC3BL,UAAU,OAAM,oBAElB,QAACnB,EAAY,KAAC,iBAEhB,QAACR,EAAY,CAAC8B,KAAK,4BAA4BC,OAAO,WACpD,QAAC3B,EAAyB,MACxB,QAACE,EAAiB,KAAC,4BACnB,QAACC,EAAgB,KAAC,yEAKpB,QAAC,EAAAa,EAAW,CAACC,IAAI,4BAA4BM,UAAU,UAAS,wBAGnD,C","sources":["webpack://bitcoin-cash-arg/./src/sections/AboutUs/index.js"],"sourcesContent":["import * as React from 'react';\n\nimport { StaticImage } from 'gatsby-plugin-image';\nimport styled from '@emotion/styled';\nimport { useBreakpoint } from 'gatsby-plugin-breakpoints';\n\nimport { Carousel } from '../../components/Carousel';\n\nconst breakpoints = [576, 768, 992, 1200, 1500];\n\nconst mediaQueries = breakpoints.map((bp) => `@media (min-width: ${bp}px)`);\n\nconst DesktopOnly = styled.div({\n  display: 'none',\n  [mediaQueries[2]]: {\n    display: 'block',\n  },\n});\n\nconst SectionContainer = styled.section({\n  backgroundColor: '#1D3744',\n  padding: '2rem',\n  [mediaQueries[1]]: {\n    padding: '4.5rem 2rem',\n  },\n});\n\nconst InfoAndCarouselContainer = styled.div({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  alignItems: 'center',\n  marginBottom: '2rem',\n  [mediaQueries[2]]: {\n    flexDirection: 'row',\n    alignItems: 'unset',\n    marginBottom: '6rem',\n  },\n});\n\nconst InfoContainer = styled.div({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  width: '100%',\n  marginBottom: '2rem',\n  [mediaQueries[0]]: {\n    width: '80%',\n  },\n  [mediaQueries[2]]: {\n    marginRight: '2rem',\n    marginTop: '3rem',\n    alignItems: 'flex-end',\n    width: '38rem',\n    marginBottom: '0',\n  },\n});\n\nconst CarouselContainer = styled.div({\n  width: '100%',\n  [mediaQueries[2]]: {\n    width: 'unset',\n  },\n});\n\nconst Title = styled.h1({\n  textAlign: 'center',\n  fontSize: '2rem',\n  fontWeight: 'normal',\n  marginBottom: '1rem',\n  [mediaQueries[3]]: {\n    fontSize: '2.5rem',\n    textAlign: 'right',\n  },\n});\n\nconst Description = styled.p({\n  textAlign: 'center',\n  [mediaQueries[2]]: {\n    textAlign: 'right',\n  },\n});\n\nconst SocialNetworksContainer = styled.div({\n  width: '100%',\n  margin: '0 auto',\n  display: 'flex',\n  justifyContent: 'space-evenly',\n  alignItems: 'center',\n  flexWrap: 'wrap-reverse',\n  gap: '3rem',\n  [mediaQueries[3]]: {\n    gap: '1rem',\n  },\n  [mediaQueries[4]]: {\n    width: '80%',\n  },\n});\n\nconst Link = styled.a({});\n\nconst TelegramLink = styled.a({\n  border: '2px solid #31A9DF',\n  borderRadius: '100px',\n  padding: '0.5rem 0.75rem 0.25rem 1.25rem',\n  display: 'flex',\n  [mediaQueries[0]]: {\n    padding: '0.75rem 0.75rem 0.75rem 1.75rem',\n  },\n  ':hover': {\n    backgroundColor: 'white',\n    color: 'black',\n  },\n});\n\nconst TelegramLinkTextContainer = styled.div({\n  maxWidth: '300px',\n  marginRight: '1rem',\n  textAlign: 'center',\n  color: 'inherit',\n  [mediaQueries[0]]: {\n    marginRight: '2rem',\n  },\n});\n\nconst TelegramLinkTitle = styled.p({\n  fontSize: '1rem',\n  marginBottom: '0.25rem',\n  color: 'inherit',\n  [mediaQueries[0]]: {\n    fontSize: '1.25rem',\n    marginBottom: '0.75rem',\n  },\n});\n\nconst TelegramLinkText = styled.p({\n  fontSize: '0.75rem',\n  marginBottom: '0.75rem',\n  color: 'inherit',\n  [mediaQueries[0]]: {\n    fontSize: '1rem',\n  },\n});\n\nconst WhatsappLink = styled.p({\n  display: 'inline-block',\n  backgroundColor: '#09C068',\n  border: '1px solid #09C068',\n  borderRadius: '35px',\n  padding: '0.25rem 3rem',\n  marginLeft: '0.5rem',\n  ':hover': {\n    backgroundColor: 'white',\n    color: 'black',\n  },\n});\n\nconst getCarouselHeight = (breakpoints) => {\n  if (breakpoints.l) return '34rem';\n  if (breakpoints.sm) return '30rem';\n  return '22rem';\n};\n\nconst getCarouselWidth = (breakpoints) => {\n  if (breakpoints.l) return '28rem';\n  if (breakpoints.md) return '24rem';\n  return '100%';\n};\n\nexport const AboutUs = () => {\n  const breakpoints = useBreakpoint();\n  const carouselHeight = getCarouselHeight(breakpoints);\n  const carouselWidth = getCarouselWidth(breakpoints);\n\n  return (\n    <SectionContainer id=\"about-us\">\n      <InfoAndCarouselContainer>\n        <InfoContainer>\n          <DesktopOnly>\n            <StaticImage\n              src=\"../../images/isologo.png\"\n              alt=\"isotipo\"\n              layout=\"fixed\"\n              css={{ marginBottom: '2rem', marginRight: '2rem' }}\n              width={176}\n            />\n          </DesktopOnly>\n          <Title>Bitcoin Cash Argentina</Title>\n          <Description>\n            Somos una comunidad abierta de usuarios, desarrolladores,\n            divulgadores, estudiantes y comerciantes de todo el país, que\n            elegimos promover el uso de Bitcoin Cash como moneda.\n          </Description>\n        </InfoContainer>\n        <CarouselContainer>\n          <Carousel\n            height={carouselHeight}\n            width={carouselWidth}\n            borderRadius=\"2rem\"\n            autoplay={true}\n          >\n            {/* This could be improved by defining an array of images and then mapping through it\n              in orden to avoid duplicated code. But doing so with Gatsby StaticImage does not seem\n              to be so straightforward */}\n            <StaticImage\n              src=\"../../images/aboutus-1.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-2.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-3.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-4.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-5.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-6.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-7.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-8.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-9.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-10.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-11.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n            <StaticImage\n              src=\"../../images/aboutus-12.jpg\"\n              objectFit=\"cover\"\n              style={{ height: '100%' }}\n              imgStyle={{ height: 'inherit' }}\n            />\n          </Carousel>\n        </CarouselContainer>\n      </InfoAndCarouselContainer>\n      <SocialNetworksContainer>\n        <Link href=\"https://odysee.com/@bitcoincashargentina:4\" target=\"_blank\">\n          <StaticImage src=\"../../images/odysee.png\" />\n        </Link>\n        <Link href=\"https://twitter.com/BCHArgentina\" target=\"_blank\">\n          <StaticImage src=\"../../images/twitter.png\" />\n        </Link>\n        <Link\n          href=\"https://www.instagram.com/bitcoincashargentina/\"\n          target=\"_blank\"\n        >\n          <StaticImage src=\"../../images/instagram.png\" />\n        </Link>\n        <Link href=\"https://read.cash/@BitcoinCashArgentina\" target=\"_blank\">\n          <StaticImage src=\"../../images/readcash.png\" />\n        </Link>\n        <Link\n          href=\"https://api.whatsapp.com/send?phone=5491164565921\"\n          target=\"_blank\"\n        >\n          <StaticImage\n            src=\"../../images/whatsapp.png\"\n            imgStyle={{ verticalAlign: 'middle' }}\n            objectFit=\"none\"\n          />\n          <WhatsappLink>Contactanos</WhatsappLink>\n        </Link>\n        <TelegramLink href=\"https://t.me/BCHArgentina\" target=\"_blank\">\n          <TelegramLinkTextContainer>\n            <TelegramLinkTitle>¡Sumate a la comunidad!</TelegramLinkTitle>\n            <TelegramLinkText>\n              Hay más de 800 personas haciendo y respondiendo preguntas a\n              diario.\n            </TelegramLinkText>\n          </TelegramLinkTextContainer>\n          <StaticImage src=\"../../images/telegram.png\" objectFit=\"contain\" />\n        </TelegramLink>\n      </SocialNetworksContainer>\n    </SectionContainer>\n  );\n};\n"],"names":["mediaQueries","map","bp","DesktopOnly","display","SectionContainer","backgroundColor","padding","InfoAndCarouselContainer","flexDirection","justifyContent","alignItems","marginBottom","InfoContainer","width","marginRight","marginTop","CarouselContainer","Title","textAlign","fontSize","fontWeight","Description","SocialNetworksContainer","margin","flexWrap","gap","Link","TelegramLink","border","borderRadius","color","TelegramLinkTextContainer","maxWidth","TelegramLinkTitle","TelegramLinkText","WhatsappLink","AboutUs","breakpoints","useBreakpoint","carouselHeight","l","sm","getCarouselHeight","carouselWidth","md","getCarouselWidth","id","S","src","alt","layout","css","height","autoplay","objectFit","style","imgStyle","href","target","verticalAlign"],"sourceRoot":""}