diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-20 02:04:41 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-20 02:04:41 +0800 |
commit | 97e21106e5a96809e6298999b93833c4645dffba (patch) | |
tree | ed94468ed83f08410f53a09f65506b972be4e5d9 /packages/website/ts/@next/components/sections/landing/hero.tsx | |
parent | 6e4cb0246ccd46e69feea5a4324f3a5307df9c3f (diff) | |
parent | 125a940560a01305781bfb6754f52fa64669a6f3 (diff) | |
download | dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.gz dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.bz2 dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.lz dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.xz dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.tar.zst dexon-sol-tools-97e21106e5a96809e6298999b93833c4645dffba.zip |
Merge pull request #1448 from 0xProject/feature/website/0x-org
[website][react-shared][instant] 0x org
Diffstat (limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')
-rw-r--r-- | packages/website/ts/@next/components/sections/landing/hero.tsx | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx new file mode 100644 index 000000000..cf67ad66d --- /dev/null +++ b/packages/website/ts/@next/components/sections/landing/hero.tsx @@ -0,0 +1,31 @@ +import * as React from 'react'; + +import { Button } from 'ts/@next/components/button'; +import { Hero } from 'ts/@next/components/hero'; +import { LandingAnimation } from 'ts/@next/components/heroImage'; + +import { HeroAnimation } from 'ts/@next/components/heroAnimation'; +import { WebsitePaths } from 'ts/types'; + +export const SectionLandingHero = () => ( + <Hero + title="Powering Decentralized Exchange" + isLargeTitle={true} + isFullWidth={true} + description="0x is an open protocol that enables the peer-to-peer exchange of assets on the Ethereum blockchain." + figure={<LandingAnimation image={<HeroAnimation />} />} + actions={<HeroActions />} + /> +); + +const HeroActions = () => ( + <> + <Button href="https://0x.org/docs" isInline={true}> + Get Started + </Button> + + <Button to={WebsitePaths.Why} isTransparent={true} isInline={true}> + Learn More + </Button> + </> +); |