diff options
author | August Skare <post@augustskare.no> | 2018-10-18 19:28:44 +0800 |
---|---|---|
committer | August Skare <post@augustskare.no> | 2018-10-18 19:28:44 +0800 |
commit | b158a6d7226fb50ecedcc07da8ef30e5e5690e46 (patch) | |
tree | 3cab0f55e7f8961be4f6ecc49f5a3f503cd21bc9 /packages/dev-tools-pages/ts/components/Hero.tsx | |
parent | c616b53c9c95edcc9da34aaaee3b91f5f1787636 (diff) | |
download | dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.gz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.bz2 dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.lz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.xz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.zst dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.zip |
initial commit
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Hero.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Hero.tsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Hero.tsx b/packages/dev-tools-pages/ts/components/Hero.tsx new file mode 100644 index 000000000..60f859a55 --- /dev/null +++ b/packages/dev-tools-pages/ts/components/Hero.tsx @@ -0,0 +1,37 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import { withContext, Props } from './withContext'; +import Button from './Button'; +import { Beta } from './Typography'; + +function Hero(props: Props) { + const { subtitle, tagline } = props; + return ( + <StyledHero> + <Subtitle>{subtitle}</Subtitle> + <Tagline as="p">{tagline}</Tagline> + <Button as="a" href="#" large> + Read the Docs + </Button> + </StyledHero> + ); +} + +const StyledHero = styled.section` + margin: 0 auto; + text-align: center; + max-width: 590px; +`; + +const Subtitle = styled.h2` + font-size: 3.75rem; + line-height: 1.16; + margin-bottom: 1.5rem; +`; + +const Tagline = styled(Beta)` + margin-bottom: 2rem; +`; + +export default withContext(Hero); |