1import React from 'react' 2import styled from 'styled-components' 3import Windows from './Windows' 4import {Flex} from 'rebass' 5import {CubeTopLeft, CubeMiddleLeft, CubeBottomLeft, CubeTopRight, CubeBottomRight} from './cubes' 6 7const Container = styled(Flex)` 8 background-color: ${(props) => props.theme.colors.offWhite}; 9 position: relative; 10` 11 12const Hero = () => { 13 return ( 14 <Container px={1} pt={[4, 5]} pb={[6, 6, '140px']}> 15 <CubeTopLeft /> 16 <CubeMiddleLeft /> 17 <CubeBottomLeft /> 18 <CubeTopRight /> 19 <CubeBottomRight /> 20 <Windows /> 21 </Container> 22 ) 23} 24 25export default Hero 26