diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-11-27 16:22:53 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-11-29 02:59:54 +0800 |
commit | 8a4e5dfb68852f11275eea7dd24cc442740a2332 (patch) | |
tree | c5fcc95744177571cf4b870eb9fda01246a86dee /packages/website/ts/pages/instant/introducing_0x_instant.tsx | |
parent | f83c4c51c7bf4319da2833f4068e5804476be2a2 (diff) | |
download | dexon-sol-tools-8a4e5dfb68852f11275eea7dd24cc442740a2332.tar dexon-sol-tools-8a4e5dfb68852f11275eea7dd24cc442740a2332.tar.gz dexon-sol-tools-8a4e5dfb68852f11275eea7dd24cc442740a2332.tar.bz2 dexon-sol-tools-8a4e5dfb68852f11275eea7dd24cc442740a2332.tar.lz dexon-sol-tools-8a4e5dfb68852f11275eea7dd24cc442740a2332.tar.xz dexon-sol-tools-8a4e5dfb68852f11275eea7dd24cc442740a2332.tar.zst dexon-sol-tools-8a4e5dfb68852f11275eea7dd24cc442740a2332.zip |
feat(website): implement introducing 0x instant header
Diffstat (limited to 'packages/website/ts/pages/instant/introducing_0x_instant.tsx')
-rw-r--r-- | packages/website/ts/pages/instant/introducing_0x_instant.tsx | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/packages/website/ts/pages/instant/introducing_0x_instant.tsx b/packages/website/ts/pages/instant/introducing_0x_instant.tsx new file mode 100644 index 000000000..da457521f --- /dev/null +++ b/packages/website/ts/pages/instant/introducing_0x_instant.tsx @@ -0,0 +1,41 @@ +import * as React from 'react'; + +import { Button } from 'ts/components/ui/button'; +import { Container } from 'ts/components/ui/container'; +import { Text } from 'ts/components/ui/text'; +import { colors } from 'ts/style/colors'; + +export const Introducing0xInstant = () => ( + <div className="clearfix center lg-py4 md-py4" style={{ backgroundColor: colors.instantBackground }}> + <div className="mx-auto inline-block align-middle py4" style={{ lineHeight: '44px', textAlign: 'center' }}> + <Container className="sm-center sm-pt3"> + <Text + fontColor={colors.white} + fontSize="42px" + lineHeight="52px" + fontFamily="Roboto Mono" + fontWeight="600" + > + Introducing 0x Instant + </Text> + </Container> + <Container className="pb2 lg-pt2 md-pt2 sm-pt3 sm-px3 sm-center" maxWidth="600px"> + <Text fontColor={colors.grey500} fontSize="20px" lineHeight="32px" fontFamily="Roboto Mono"> + A free and flexible way to offer simple crypto + <br /> purchasing in any app or website. + </Text> + </Container> + <div className="py3"> + <Button + type="button" + backgroundColor={colors.mediumBlue} + fontColor={colors.white} + fontSize="18px" + fontFamily="Roboto Mono" + > + Get Started + </Button> + </div> + </div> + </div> +); |