Server : LiteSpeed System : Linux barito.iixcp.rumahweb.net 5.14.0-611.49.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Apr 21 16:39:08 EDT 2026 x86_64 User : elvh3918 ( 1528) PHP Version : 8.2.31 Disable Function : mail Directory :  /opt/alt/alt-nodejs12/root/usr/lib/node_modules/npm/docs/src/components/home/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

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