From eea98f9180735185d2c4e097332cd90256166b81 Mon Sep 17 00:00:00 2001 From: sean-binary Date: Fri, 30 Oct 2020 11:45:34 +0800 Subject: [PATCH 01/33] feat: [WIP]P2P landing page --- src/components/elements/background-image.js | 2 +- src/components/layout/layout.js | 20 +- src/components/layout/nav-p2p.js | 60 ++++ src/images/common/p2p_banner.png | Bin 0 -> 258265 bytes src/images/common/p2p_banner_mobile.png | Bin 0 -> 135490 bytes src/images/common/p2p_buy_sell.png | Bin 0 -> 48254 bytes src/images/common/p2p_hero_background.png | Bin 0 -> 329700 bytes src/images/common/p2p_hero_img.png | Bin 0 -> 110684 bytes src/images/common/p2p_local_currency.png | Bin 0 -> 52759 bytes src/images/common/p2p_web_and_mobile.png | Bin 0 -> 43501 bytes src/images/svg/complete-order.svg | 17 + src/images/svg/p2p-desktop.svg | 16 + src/images/svg/p2p-mobile.svg | 20 ++ src/images/svg/right-ad.svg | 19 ++ src/images/svg/settle-payment.svg | 17 + src/pages/p2p/_availability.js | 188 +++++++++++ src/pages/p2p/_dp2p.js | 135 ++++++++ src/pages/p2p/_exchange-steps.js | 167 ++++++++++ src/pages/p2p/_hero.js | 328 ++++++++++++++++++++ src/pages/p2p/_numbers.js | 137 ++++++++ src/pages/p2p/_p2pbanner.js | 195 ++++++++++++ src/pages/p2p/index.js | 75 +++++ 22 files changed, 1389 insertions(+), 7 deletions(-) create mode 100644 src/components/layout/nav-p2p.js create mode 100644 src/images/common/p2p_banner.png create mode 100644 src/images/common/p2p_banner_mobile.png create mode 100644 src/images/common/p2p_buy_sell.png create mode 100644 src/images/common/p2p_hero_background.png create mode 100644 src/images/common/p2p_hero_img.png create mode 100644 src/images/common/p2p_local_currency.png create mode 100644 src/images/common/p2p_web_and_mobile.png create mode 100644 src/images/svg/complete-order.svg create mode 100644 src/images/svg/p2p-desktop.svg create mode 100644 src/images/svg/p2p-mobile.svg create mode 100644 src/images/svg/right-ad.svg create mode 100644 src/images/svg/settle-payment.svg create mode 100644 src/pages/p2p/_availability.js create mode 100644 src/pages/p2p/_dp2p.js create mode 100644 src/pages/p2p/_exchange-steps.js create mode 100644 src/pages/p2p/_hero.js create mode 100644 src/pages/p2p/_numbers.js create mode 100644 src/pages/p2p/_p2pbanner.js create mode 100644 src/pages/p2p/index.js diff --git a/src/components/elements/background-image.js b/src/components/elements/background-image.js index dc43ace003b..541b396650e 100644 --- a/src/components/elements/background-image.js +++ b/src/components/elements/background-image.js @@ -12,7 +12,7 @@ const StyledBackground = styled(BackgroundImage)` } ` -const Background = ({ children, data, style, dark, ...props }) => { +export const Background = ({ children, data, style, dark, ...props }) => { return ( { +const Layout = ({ children, type, interim_type, padding_top, no_login_signup, no_live_chat }) => { const [clients_country, setClientCountry] = React.useState( clients_country_cookie.get(CLIENTS_COUNTRY_KEY), ) @@ -128,6 +129,10 @@ const Layout = ({ children, type, interim_type, padding_top, no_login_signup }) Navigation = FooterNav =