diff options
Diffstat (limited to 'packages/website/ts/@next/pages/instant.tsx')
| -rw-r--r-- | packages/website/ts/@next/pages/instant.tsx | 18 |
1 files changed, 5 insertions, 13 deletions
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx index 29975193d..ccc5da1e1 100644 --- a/packages/website/ts/@next/pages/instant.tsx +++ b/packages/website/ts/@next/pages/instant.tsx @@ -7,10 +7,14 @@ 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 LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; import TokensIcon from 'ts/@next/icons/illustrations/tokens.svg'; +const CONFIGURATOR_HASH = 'configure'; + export const Next0xInstant = () => ( <SiteWrap> <Section> @@ -76,19 +80,7 @@ export const Next0xInstant = () => ( <Section bgColor={colors.backgroundDark}> <Wrap> - <Column colWidth="1/2"> - <Heading>0x Instant Configurator</Heading> - <Paragraph>Liquidity Source</Paragraph> - <Paragraph>What tokens can users buy? (select all)</Paragraph> - <Paragraph>Transaction fee ETH address</Paragraph> - <Paragraph>Fee Percentage</Paragraph> - </Column> - - <Column colWidth="1/2"> - <Paragraph>Code Snippet</Paragraph> - <a href="#">Explore the Docs</a> - <Paragraph><code snippet></Paragraph> - </Column> + <Configurator hash={CONFIGURATOR_HASH} /> </Wrap> </Section> |