diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-11 00:47:26 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-11 00:51:27 +0800 |
commit | a208cba4e84d04171dd88db15fb63ff9d614cea8 (patch) | |
tree | d84dd0e8ab86a8691e29ec1036d523a09b7b5484 /packages/website/ts/@next/pages/instant.tsx | |
parent | 8d0b6702c0bd1e6e42a847ada731d1857aedcc62 (diff) | |
download | dexon-sol-tools-a208cba4e84d04171dd88db15fb63ff9d614cea8.tar dexon-sol-tools-a208cba4e84d04171dd88db15fb63ff9d614cea8.tar.gz dexon-sol-tools-a208cba4e84d04171dd88db15fb63ff9d614cea8.tar.bz2 dexon-sol-tools-a208cba4e84d04171dd88db15fb63ff9d614cea8.tar.lz dexon-sol-tools-a208cba4e84d04171dd88db15fb63ff9d614cea8.tar.xz dexon-sol-tools-a208cba4e84d04171dd88db15fb63ff9d614cea8.tar.zst dexon-sol-tools-a208cba4e84d04171dd88db15fb63ff9d614cea8.zip |
Add lazyloading + banner
Diffstat (limited to 'packages/website/ts/@next/pages/instant.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/instant.tsx | 31 |
1 files changed, 10 insertions, 21 deletions
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx index c179630d7..d3ed96bc8 100644 --- a/packages/website/ts/@next/pages/instant.tsx +++ b/packages/website/ts/@next/pages/instant.tsx @@ -1,16 +1,18 @@ import * as _ from 'lodash'; import * as React from 'react'; import styled from 'styled-components'; +import LazyLoad from 'react-lazyload'; import {colors} from 'ts/style/colors'; +import {Banner} from 'ts/@next/components/banner'; import {Button, ButtonWrap, Link} from 'ts/@next/components/button'; import {Icon} from 'ts/@next/components/Icon'; import {Column, Section, Wrap, WrapCentered} from 'ts/@next/components/layout'; import {SiteWrap} from 'ts/@next/components/siteWrap'; import {Heading, Paragraph} from 'ts/@next/components/text'; -import { Configurator } from 'ts/pages/instant/configurator'; +// import { Configurator } from 'ts/pages/instant/configurator'; import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; @@ -121,29 +123,16 @@ export const Next0xInstant = () => ( <Section bgColor={colors.backgroundDark}> <Wrap> - <Configurator hash={CONFIGURATOR_HASH} /> + {/* <Configurator hash={CONFIGURATOR_HASH} /> */} </Wrap> </Section> - <Section bgColor={colors.brandDark}> - <Wrap> - <Column colWidth="1/2" isPadLarge={true}> - <WrapCentered> - <Heading>Need more flexibility?</Heading> - <Paragraph>Dive into our docs, or contact us if needed</Paragraph> - </WrapCentered> - </Column> - - <Column colWidth="1/2" isPadLarge={true}> - <WrapCentered> - <div> - <Button href="#">Explore the Docs</Button> - <Button href="#" isTransparent={true}>Get in Touch</Button> - </div> - </WrapCentered> - </Column> - </Wrap> - </Section> + <Banner + heading="Need more flexibility?" + subline="Dive into our docs, or contact us if needed" + mainCta={{ text: 'Explore the Docs', href: '/docs' }} + secondaryCta={{ text: 'Get in Touch', href: '/contact' }} + /> <Section> <Wrap width="full"> |