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 | Type | Size | Permission | Actions |
|---|---|---|---|---|
| DarkBlock.js | File | 1.07 KB | 0644 |
|
| FeatureCard.js | File | 861 B | 0644 |
|
| Features.js | File | 2.41 KB | 0644 |
|
| Footer.js | File | 672 B | 0644 |
|
| Terminal.js | File | 2.74 KB | 0644 |
|
| Windows.js | File | 1.55 KB | 0644 |
|
| cubes.js | File | 2.29 KB | 0644 |
|
| hero.js | File | 616 B | 0644 |
|