From 203baa4541fd4c5b033a2e64342c1cbe93976e7a Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Fri, 30 Nov 2018 12:28:56 +0100 Subject: Replaces Text elements in why route --- packages/website/ts/@next/components/text.tsx | 2 + packages/website/ts/@next/pages/why.tsx | 228 +++++++++++++------------- 2 files changed, 116 insertions(+), 114 deletions(-) (limited to 'packages') diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx index ca2130563..738441def 100644 --- a/packages/website/ts/@next/components/text.tsx +++ b/packages/website/ts/@next/components/text.tsx @@ -28,6 +28,8 @@ interface HeadingSizes { interface ParagraphSizes { default: string; + medium: string; + large: string; [key: string]: string; } diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index 44eb8fde3..4e5120b8d 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -1,114 +1,114 @@ -// import * as React from 'react'; -// import styled from 'styled-components'; -// -// import { colors } from 'ts/style/colors'; -// -// import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout'; -// import { SiteWrap } from 'ts/@next/components/siteWrap'; -// import { Heading, Intro, Text } from 'ts/@next/components/text'; -// -// import CoinIcon from 'ts/@next/icons/illustrations/coin.svg'; -// import CustomizeIcon from 'ts/@next/icons/illustrations/customize.svg'; -// import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; -// import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; -// -// export const NextWhy = () => ( -// -//
-// -// -// The exchange layer for the crypto economy -// The world's assets are becoming tokenized on public blockchains. 0x Protocol is free, open-source infrastructure that allows anyone in the world to build products that enable the purchasing and trading of crypto tokens. -// Build on 0x (arrow) -// -// -//
-// -//
-// -// -// -// Support for all Ethereum Standards -// 0x Protocol facilitates the decentralized exchange of a growing number of Ethereum-based tokens, including all ERC-20 and ERC-721 assets. Additional ERC standards can be added to the protocol... -// -// -// -// -// Shared Networked Liquidity -// 0x is building a layer of networked liquidity that will lower the barriers to entry. By enabling businesses to tap into a shared pool of digital assets, it will create a more stable financial system. -// -// -// -// -// Customize the User Experience -// Relayers are businesses around the world that utilize 0x to integrate exchange functionality into a wide variety of products including order books, games, and digital art marketplaces. -// -// -//
-// -//
-// -// -// Benefits -// Use Cases -// Features -// -// -// -// What 0x offers -// -// A Standard for Exchange -// 0x provides developers with a technical standard for trading Ethereum-based tokens such as ERC 20 and ERC 721. -// -// -// Robust Smart Contracts -// 0x Protocol's smart contracts have been put through two rounds of rigorous security audits. -// -// -// Extensible Architecture -// 0x's modular pipeline enables you to plug in your own smart contracts through an extensible API. -// -// -// Efficient Design -// 0x’s off-chain order relay with on-chain settlement is a gas efficient approach to p2p exchange, reducing blockchain bloat. -// -// Use Cases -// slider -// -// Exchange Functionality -// -// -// Secure Non-custodial Trading -// Enable tokens to be traded wallet-to-wallet with no deposits or withdrawals. -// -// -// Flexible Order Types -// Choose to sell assets at a specific “buy it now” price or allow potential buyers to submit bids. -// -// -// Build a Business -// Monetize your product by taking fees on each transaction and join a growing number of relayers in the 0x ecosystem. -// -// -// Networked Liquidity -// Allow your assets to appear on other 0x-based marketplaces by sharing your liquidity through an open order book. -// -// -//
-// -// ); -// -// const ChapterLink = styled.a` -// font-size: 1.222222222rem; -// display: block; -// opacity: 0.8; -// margin-bottom: 1.666666667rem; -// -// &:first-child { -// opacity: 1; -// } -// -// &:hover { -// opacity: 1; -// } -// `; +import * as React from 'react'; +import styled from 'styled-components'; + +import { colors } from 'ts/style/colors'; + +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 CoinIcon from 'ts/@next/icons/illustrations/coin.svg'; +import CustomizeIcon from 'ts/@next/icons/illustrations/customize.svg'; +import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; +import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; + +export const NextWhy = () => ( + +
+ + + The exchange layer for the crypto economy + The world's assets are becoming tokenized on public blockchains. 0x Protocol is free, open-source infrastructure that allows anyone in the world to build products that enable the purchasing and trading of crypto tokens. + Build on 0x (arrow) + + +
+ +
+ + + + Support for all Ethereum Standards + 0x Protocol facilitates the decentralized exchange of a growing number of Ethereum-based tokens, including all ERC-20 and ERC-721 assets. Additional ERC standards can be added to the protocol... + + + + + Shared Networked Liquidity + 0x is building a layer of networked liquidity that will lower the barriers to entry. By enabling businesses to tap into a shared pool of digital assets, it will create a more stable financial system. + + + + + Customize the User Experience + Relayers are businesses around the world that utilize 0x to integrate exchange functionality into a wide variety of products including order books, games, and digital art marketplaces. + + +
+ +
+ + + Benefits + Use Cases + Features + + + + What 0x offers + + A Standard for Exchange + 0x provides developers with a technical standard for trading Ethereum-based tokens such as ERC 20 and ERC 721. + + + Robust Smart Contracts + 0x Protocol's smart contracts have been put through two rounds of rigorous security audits. + + + Extensible Architecture + 0x's modular pipeline enables you to plug in your own smart contracts through an extensible API. + + + Efficient Design + 0x’s off-chain order relay with on-chain settlement is a gas efficient approach to p2p exchange, reducing blockchain bloat. + + Use Cases + slider + + Exchange Functionality + + + Secure Non-custodial Trading + Enable tokens to be traded wallet-to-wallet with no deposits or withdrawals. + + + Flexible Order Types + Choose to sell assets at a specific “buy it now” price or allow potential buyers to submit bids. + + + Build a Business + Monetize your product by taking fees on each transaction and join a growing number of relayers in the 0x ecosystem. + + + Networked Liquidity + Allow your assets to appear on other 0x-based marketplaces by sharing your liquidity through an open order book. + + +
+ +); + +const ChapterLink = styled.a` + font-size: 1.222222222rem; + display: block; + opacity: 0.8; + margin-bottom: 1.666666667rem; + + &:first-child { + opacity: 1; + } + + &:hover { + opacity: 1; + } +`; -- cgit v1.2.3