40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
|
import React from 'react'
|
||
|
|
import Fade from 'react-reveal/Fade'
|
||
|
|
|
||
|
|
import './HomeBuilt.scss'
|
||
|
|
import { CircleIcon, CodeExamples } from '../'
|
||
|
|
import { Cylinder, SmallOrb } from '../../svg'
|
||
|
|
|
||
|
|
export default function HomeBuilt() {
|
||
|
|
return (
|
||
|
|
<div className="home-built">
|
||
|
|
<header className="home-built-header">
|
||
|
|
<Fade distance="40px" bottom>
|
||
|
|
<div className="home-built-divider">
|
||
|
|
<div className="small-divider" />
|
||
|
|
<div className="divider" />
|
||
|
|
<SmallOrb className="small-orb" />
|
||
|
|
<CircleIcon>
|
||
|
|
<Cylinder />
|
||
|
|
</CircleIcon>
|
||
|
|
<SmallOrb className="small-orb" />
|
||
|
|
<div className="divider" />
|
||
|
|
<div className="small-divider" />
|
||
|
|
</div>
|
||
|
|
</Fade>
|
||
|
|
<Fade distance="40px" bottom>
|
||
|
|
<h2>
|
||
|
|
Infrastructure built for
|
||
|
|
<br />
|
||
|
|
<strong>application developers</strong>
|
||
|
|
</h2>
|
||
|
|
</Fade>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<Fade distance="40px" bottom>
|
||
|
|
<CodeExamples />
|
||
|
|
</Fade>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|