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 |
|