AlkantarClanX12

Your IP : 18.188.223.120

Current Path : /opt/alt/alt-nodejs12/root/lib/node_modules/npm/docs/src/components/home/
Upload File :
Current File : //opt/alt/alt-nodejs12/root/lib/node_modules/npm/docs/src/components/home/hero.js

import React from 'react'
import styled from 'styled-components'
import Windows from './Windows'
import {Flex} from 'rebass'
import {CubeTopLeft, CubeMiddleLeft, CubeBottomLeft, CubeTopRight, CubeBottomRight} from './cubes'

const Container = styled(Flex)`
  background-color: ${(props) => props.theme.colors.offWhite};
  position: relative;
`

const Hero = () => {
  return (
    <Container px={1} pt={[4, 5]} pb={[6, 6, '140px']}>
      <CubeTopLeft />
      <CubeMiddleLeft />
      <CubeBottomLeft />
      <CubeTopRight />
      <CubeBottomRight />
      <Windows />
    </Container>
  )
}

export default Hero