{"version":3,"file":"component---src-pages-our-facilities-tsx-f8c01b4adccc77801163.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/FacilitiesContent/styled.tsx","webpack://gatsby-starter-default/./src/components/FacilitiesContent/AvailabilitySlider.tsx","webpack://gatsby-starter-default/./src/components/FacilitiesContent/Circles.tsx","webpack://gatsby-starter-default/./src/components/FacilitiesContent/Miners.tsx","webpack://gatsby-starter-default/./src/components/FacilitiesContent/FacilitiesContent.tsx","webpack://gatsby-starter-default/./src/images/background/facilities.png","webpack://gatsby-starter-default/./src/pages/our-facilities.tsx"],"sourcesContent":["import styled from 'styles/styled';\n\nimport { Button } from 'components/UI/Button';\n\nexport const Wrapper = styled.div`\n  padding: 0 1.125rem;\n  margin: 0 0 105px;\n  position: relative;\n  text-align: center;\n\n  @media ${({ theme }) => theme.devices.large} {\n    padding: 0;\n    margin-bottom: 150px;\n    text-align: left;\n  }\n`;\n\nexport const Title = styled.h2`\n  font-size: 18px;\n  font-weight: 300;\n  margin-bottom: 20px;\n  text-align: center;\n  text-transform: uppercase;\n\n  span,\n  strong {\n    display: block;\n  }\n\n  @media ${({ theme }) => theme.devices.medium} {\n    font-size: 26px;\n  }\n`;\n\nexport const SliderWrapper = styled.section`\n  position: relative;\n  left: 50%;\n  max-width: 100%;\n  transform: translateX(-50%);\n  width: 100vw;\n`;\n\nexport const CirclesContainer = styled.section`\n  margin: 30px 0;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    margin: 100px 0;\n  }\n\n  @media ${({ theme }) => theme.devices.large} {\n    margin: 200px 0 100px;\n  }\n`;\n\nexport const CirclesWrapper = styled.div`\n  display: flex;\n  height: 180px;\n  justify-content: center;\n  position: relative;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    > div {\n      & + div {\n        margin-left: 20px;\n      }\n    }\n  }\n`;\n\nexport const Circle = styled.div<{ active: boolean }>`\n  align-items: center;\n  background-color: rgba(0, 0, 0, 0.5);\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 180px;\n  left: 50%;\n  opacity: ${({ active }) => (active ? 1 : 0)};\n  text-align: center;\n  padding: 25px;\n  position: absolute;\n  transform: translateX(-50%);\n  transition: ${({ theme }) => theme.ui.transition('opacity')};\n  width: 180px;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    opacity: 1;\n    position: static;\n    transform: none;\n  }\n`;\n\nexport const CircleValue = styled.p`\n  font-size: ${({ theme }) => theme.fontSize.title};\n  font-weight: 700;\n  line-height: 1;\n  margin-bottom: 10px;\n`;\n\nexport const CirclesPagination = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: 30px;\n\n  > div + div {\n    margin-left: 10px;\n  }\n\n  @media ${({ theme }) => theme.devices.medium} {\n    display: none;\n  }\n`;\n\nexport const CirclesPaginationDot = styled.div<{ active: boolean }>`\n  background-color: ${({ active, theme }) =>\n    active ? theme.palette.light : 'transparent'};\n  border: 2px solid ${({ theme }) => theme.palette.light};\n  border-radius: 50%;\n  cursor: pointer;\n  height: 8px;\n  width: 8px;\n`;\n\nexport const CirclesCopyWrapper = styled.div`\n  text-align: center;\n`;\n\nexport const CirclesCopy = styled.p`\n  margin-top: 30px;\n`;\n\nexport const StyledLink = styled(Button)`\n  display: inline-block;\n  margin: 20px auto 0;\n`;\n\nexport const DataCenters = styled.section`\n  margin: 70px 0;\n\n  @media ${({ theme }) => theme.devices.large} {\n    margin: 100px auto;\n    max-width: ${({ theme }) => theme.dimensions.contentMaxWidthSmall}px;\n  }\n`;\n\nexport const Availability = styled.section`\n  margin-bottom: 30px;\n\n  p {\n    text-align: center;\n  }\n`;\n\nexport const Image = styled.img`\n  border-radius: 4px;\n  max-width: ${({ theme }) => theme.dimensions.contentMaxWidthSmall}px;\n  max-height: 486px;\n  object-fit: cover;\n`;\n\nexport const SwiperImageWrapper = styled.div`\n  cursor: pointer;\n  position: relative;\n`;\n\nexport const MinersWrapper = styled.section`\n  max-width: 400px;\n  margin: 0 auto;\n  margin-top: 70px;\n\n  ${Title} {\n    margin-bottom: 20px;\n\n    @media ${({ theme }) => theme.devices.medium} {\n      margin-bottom: 30px;\n    }\n  }\n\n  @media ${({ theme }) => theme.devices.medium} {\n    margin-top: 100px;\n    max-width: ${({ theme }) => theme.dimensions.contentMaxWidthMedium}px;\n  }\n`;\n\nexport const MinersList = styled.div`\n  @media ${({ theme }) => theme.devices.medium} {\n    display: flex;\n    justify-content: center;\n  }\n`;\n\nexport const MinerWrapper = styled.div`\n  & + & {\n    margin-top: 30px;\n  }\n\n  p {\n    font-weight: 700;\n    margin-top: 10px;\n    text-transform: uppercase;\n  }\n\n  @media ${({ theme }) => theme.devices.medium} {\n    flex-basis: 33%;\n    text-align: center;\n\n    & + & {\n      margin-left: 30px;\n      margin-top: 0;\n    }\n  }\n`;\n\nexport const MinerImgWrapper = styled.div`\n  position: relative;\n\n  .gatsby-image-wrapper {\n    z-index: 1;\n  }\n\n  &::before {\n    background-image: radial-gradient(\n      closest-side,\n      rgba(0, 90, 160, 0.6),\n      rgba(0, 90, 160, 0)\n    );\n    bottom: 0;\n    content: '';\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    z-index: 0;\n  }\n\n  &::after {\n    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));\n    bottom: 0;\n    content: '';\n    height: 50px;\n    left: 0;\n    position: absolute;\n    right: 0;\n    z-index: 2;\n  }\n`;\n","import React, { useEffect, useRef } from 'react';\nimport { StaticImage } from 'gatsby-plugin-image';\nimport SwiperCore from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport 'swiper/css/bundle';\n\nimport { SwiperImageWrapper } from './styled';\n\nconst data = [\n  <StaticImage\n    alt=\"\"\n    key=\"1\"\n    src=\"../../images/facilities/minebest_cryptocurrency_mining_equipment.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"2\"\n    src=\"../../images/facilities/minebest_bitcoin_mining_machines.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"3\"\n    src=\"../../images/facilities/minebest_asic_mining_rig.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"4\"\n    src=\"../../images/facilities/minebest_bitcoin_mining_facility.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"5\"\n    src=\"../../images/facilities/crypto_mining_rig_asic_miner.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"6\"\n    src=\"../../images/facilities/minebest_digital_miner.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"7\"\n    src=\"../../images/facilities/minebest_mining_company_kazakhstan.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"8\"\n    src=\"../../images/facilities/minebest_blockchain_mining_equipment.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"9\"\n    src=\"../../images/facilities/cryptocurrency_mining_facility_minebest.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"10\"\n    src=\"../../images/facilities/bitcoin_mining_hardware_minebest.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n  <StaticImage\n    alt=\"\"\n    key=\"11\"\n    src=\"../../images/facilities/minebest_crypto_mining_maintenance.jpg\"\n    quality={100}\n    placeholder=\"blurred\"\n  />,\n];\n\nconst Slider = () => {\n  const ref = useRef<SwiperCore | null>(null);\n\n  useEffect(() => {\n    setTimeout(() => {\n      ref.current?.slidePrev(0, false);\n    }, 0);\n  }, []);\n\n  return (\n    <>\n      <Swiper\n        spaceBetween={10}\n        centeredSlides\n        slidesPerView=\"auto\"\n        updateOnWindowResize\n        preventInteractionOnTransition\n        observer\n        onSwiper={(s) => {\n          ref.current = s;\n        }}\n        breakpoints={{\n          768: {\n            spaceBetween: 30,\n          },\n        }}\n        loop\n        loopedSlides={data.length}\n      >\n        {data.map((el, i) => (\n          <SwiperSlide key={i} style={{ width: 'auto' }}>\n            <SwiperImageWrapper>{el}</SwiperImageWrapper>\n          </SwiperSlide>\n        ))}\n      </Swiper>\n    </>\n  );\n};\n\nexport default Slider;\n","import React, { useEffect, useState } from 'react';\nimport { Link } from 'gatsby';\n\nimport { ROUTES } from 'constants/common';\n\nimport {\n  Circle,\n  CirclesCopy,\n  CirclesCopyWrapper,\n  CirclesContainer,\n  CirclesPagination,\n  CirclesPaginationDot,\n  CircleValue,\n  CirclesWrapper,\n  StyledLink,\n} from './styled';\n\ninterface Props {\n  copy: string;\n  data: { label: string; value: string | number }[];\n}\n\nconst Circles = ({ copy, data }: Props) => {\n  const [active, setActive] = useState(0);\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setActive((a) => {\n        const next = a + 1;\n        return next === data.length ? 0 : next;\n      });\n    }, 5000);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [active, data]);\n\n  return (\n    <CirclesContainer></CirclesContainer>\n      // <CirclesWrapper>\n      //   {data.map(({ label, value }, i) => (\n      //     <Circle key={label} active={i === active}>\n      //       <CircleValue>{value}</CircleValue>\n      //       <p>{label}</p>\n      //     </Circle>\n      //   ))}\n      // </CirclesWrapper>\n\n      // <CirclesPagination>\n      //   {data.map(({ label }, i) => (\n      //     <CirclesPaginationDot\n      //       key={label}\n      //       active={i === active}\n      //       onClick={() => setActive(i)}\n      //     />\n\n      //   ))}\n      // </CirclesPagination>\n\t  //\n      // <CirclesCopyWrapper>\n      //   <CirclesCopy>{copy}</CirclesCopy>\n      //   <StyledLink as={Link} to={ROUTES.contact}>\n      //     Contact us\n      //   </StyledLink>\n      // </CirclesCopyWrapper>\n  );\n};\n\nexport default Circles;\n","import React from 'react';\nimport Img from 'gatsby-image';\n\nimport { FluidImage } from 'types';\n\nimport {\n  MinersList,\n  MinerWrapper,\n  MinerImgWrapper,\n  MinersWrapper,\n  Title,\n} from './styled';\n\ninterface Props {\n  data: { image: FluidImage; name: string }[];\n}\n\nconst Miners = ({ data }: Props) => {\n  return (\n    <MinersWrapper>\n      <Title>Our miners</Title>\n      <MinersList>\n        {data.map(({ image, name }) => {\n          return (\n            <MinerWrapper key={name}>\n              <MinerImgWrapper>\n                <Img\n                  fluid={{ ...image.localFile.childImageSharp.fluid }}\n                  alt={name}\n                />\n              </MinerImgWrapper>\n              <p>{name}</p>\n            </MinerWrapper>\n          );\n        })}\n      </MinersList>\n    </MinersWrapper>\n  );\n};\n\nexport default Miners;\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport { FacilitiesTypes } from 'types';\nimport { FluidImage } from 'types';\n\nimport AvailabilitySlider from 'components/FacilitiesContent/AvailabilitySlider';\nimport Circles from 'components/FacilitiesContent/Circles';\nimport Miners from 'components/FacilitiesContent/Miners';\n\nimport {\n  Wrapper,\n  Title,\n  DataCenters,\n  Availability,\n  SliderWrapper,\n} from './styled';\n\ninterface Gallery {\n  nodes: FluidImage[];\n}\ntype PageData = FacilitiesTypes.PageDataInterface;\n\nconst CIRCLES = [\n  { label: 'Data Centers', value: 5 },\n  { label: 'Operational Capacity', value: '160 MW' },\n  { label: 'Planned Expansion', value: '220 MW' },\n  { label: 'Global Mining Awards', value: 2 },\n];\n\nconst FacilitiesContent = () => {\n  const {\n    page: {\n      facilities: {\n        availabilityDescription,\n        availabilityTitle,\n        contactCopy,\n        description,\n        title,\n      },\n    },\n    ourMiners,\n  } = useStaticQuery<{\n    page: PageData;\n    gallery: Gallery;\n    ourMiners: FacilitiesTypes.OurMiners;\n  }>(graphql`\n    query FacilitiesContent {\n      page: wpPage(slug: { eq: \"facilities\" }) {\n        facilities {\n          availabilityDescription\n          availabilityTitle\n          contactCopy\n          description\n          title\n        }\n      }\n\n      ourMiners: allWpPost(\n        filter: {\n          categories: { nodes: { elemMatch: { slug: { eq: \"our-miners\" } } } }\n        }\n      ) {\n        nodes {\n          our_miners {\n            name\n            image {\n              localFile {\n                childImageSharp {\n                  fluid(quality: 100) {\n                    ...GatsbyImageSharpFluid_withWebp\n                  }\n                  id\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n\n  const sliderData = ourMiners.nodes.map(({ our_miners }) => our_miners);\n\n  return (\n    <Wrapper>\n      <Circles data={CIRCLES} copy={contactCopy} />\n      <DataCenters>\n        <Title as=\"h1\">{title}</Title>\n        <p>{description}</p>\n      </DataCenters>\n      <Availability>\n        <Title>{availabilityTitle}</Title>\n        <p>{availabilityDescription}</p>\n      </Availability>\n      <SliderWrapper>\n        <AvailabilitySlider />\n      </SliderWrapper>\n\n      <Miners data={sliderData} />\n    </Wrapper>\n  );\n};\n\nexport default FacilitiesContent;\n","export default __webpack_public_path__ + \"static/facilities-706b7eff4d9843337701818832e30d10.png\";","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport styled, { useTheme } from 'styles/styled';\nimport { ROUTES } from 'constants/common';\n\nimport SEO from 'components/SEO';\nimport Layout from 'components/Layout';\nimport { OuterWrapper } from 'components/Layout/styled';\nimport FacilitiesContent from 'components/FacilitiesContent';\nimport bg from 'images/background/home-bg.jpg';\nimport facilitiesBg from 'images/background/facilities.png';\n\nconst Wrapper = styled.div`\n  position: relative;\n\n  ${OuterWrapper} {\n    &::before {\n      background-image: url(${bg});\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: cover;\n      content: '';\n      height: 100vh;\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      right: 0;\n      top: 0;\n      z-index: 0;\n    }\n\n    &::after {\n      background-image: url(${facilitiesBg});\n      background-size: cover;\n      background-repeat: no-repeat;\n      content: '';\n      height: 100vh;\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      right: 0;\n      top: 0;\n      z-index: 0;\n    }\n  }\n`;\n\nconst Facilities = () => {\n  const theme = useTheme();\n  const { wpPage } = useStaticQuery(graphql`\n    query {\n      wpPage(slug: { in: \"facilities\" }) {\n        ...MetaData\n      }\n    }\n  `);\n\n  wpPage.seo.opengraphUrl = ROUTES.facilities;\n\n  return (\n    <Wrapper>\n      <Layout backgroundColor={theme.palette.dark}>\n        <SEO metadata={wpPage || {}} />\n        <FacilitiesContent />\n      </Layout>\n    </Wrapper>\n  );\n};\n\nexport default Facilities;\n"],"names":["Wrapper","styled","theme","devices","large","Title","medium","SliderWrapper","CirclesContainer","DataCenters","active","ui","transition","fontSize","title","palette","light","Button","dimensions","contentMaxWidthSmall","Availability","SwiperImageWrapper","MinersWrapper","contentMaxWidthMedium","MinersList","MinerWrapper","MinerImgWrapper","data","S","alt","key","src","quality","placeholder","ref","useRef","useEffect","setTimeout","current","slidePrev","spaceBetween","centeredSlides","slidesPerView","updateOnWindowResize","preventInteractionOnTransition","observer","onSwiper","s","breakpoints","loop","loopedSlides","length","map","el","i","style","width","copy","useState","setActive","timeout","a","next","clearTimeout","image","name","fluid","localFile","childImageSharp","CIRCLES","label","value","useStaticQuery","page","facilities","availabilityDescription","availabilityTitle","contactCopy","description","sliderData","ourMiners","nodes","our_miners","as","AvailabilitySlider","OuterWrapper","bg","facilitiesBg","useTheme","wpPage","seo","opengraphUrl","ROUTES","Layout","backgroundColor","dark","SEO","metadata"],"sourceRoot":""}