Na}{

File Content: `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

Name	Size	Permission
DarkBlock.js	1098 bytes	0644
FeatureCard.js	861 bytes	0644
Features.js	2469 bytes	0644
Footer.js	672 bytes	0644
Terminal.js	2803 bytes	0644
Windows.js	1584 bytes	0644
cubes.js	2342 bytes	0644
hero.js	616 bytes	0644

File Content: hero.js

File Content: `hero.js`