diff --git a/src/common/constants.js b/src/common/constants.js
index eef2545d524..f1846a0f636 100644
--- a/src/common/constants.js
+++ b/src/common/constants.js
@@ -58,6 +58,8 @@ export const map_api_key = 'AIzaSyAEha6-HeZuI95L9JWmX3m6o-AxQr_oFqU'
export const mga_link_url =
'https://authorisation.mga.org.mt/verification.aspx?lang=EN&company=a5fd1edc-d072-4c26-b0cd-ab3fa0f0cc40&details=1'
export const p2p_playstore_url = 'https://play.google.com/store/apps/details?id=com.deriv.dp2p'
+export const p2p_applestore_url = 'https://apps.apple.com/us/app/deriv-dp2p/id1506901451'
+export const p2p_huawei_appgallery_url = 'https://appgallery.huawei.com/#/app/C103844755'
export const pushwoosh_app_code = 'DD293-35A19'
export const sample_rate = 25
export const zoho_url = 'https://deriv.zohorecruit.com'
diff --git a/src/images/common/p2p/p2p_all_appstores.png b/src/images/common/p2p/p2p_all_appstores.png
new file mode 100644
index 00000000000..4d36e609022
Binary files /dev/null and b/src/images/common/p2p/p2p_all_appstores.png differ
diff --git a/src/pages/help-centre/_help-articles.js b/src/pages/help-centre/_help-articles.js
index 645084e278c..230294e9567 100644
--- a/src/pages/help-centre/_help-articles.js
+++ b/src/pages/help-centre/_help-articles.js
@@ -458,6 +458,54 @@ export const articles = [
],
},
+ {
+ category: ,
+ articles: [
+ {
+ title: ,
+ category: 'Deriv P2P',
+ sub_category: ,
+ label: 'what-is-deriv-p2p',
+ },
+ {
+ title: ,
+ category: 'Deriv P2P',
+ sub_category: ,
+ label: 'how-secure-deriv-p2p',
+ },
+ {
+ title: ,
+ category: 'Deriv P2P',
+ sub_category: ,
+ label: 'payment-methods',
+ },
+ {
+ title: ,
+ category: 'Deriv P2P',
+ sub_category: ,
+ label: 'buy-or-sell-limit',
+ },
+ {
+ title: ,
+ category: 'Deriv P2P',
+ sub_category: ,
+ label: 'dispute-with-the-trader',
+ },
+ {
+ title: ,
+ category: 'Deriv P2P',
+ sub_category: ,
+ label: 'in-touch-with-the-counterparty',
+ },
+ {
+ title: ,
+ category: 'Deriv P2P',
+ sub_category: ,
+ label: 'different-account-balance',
+ },
+ ],
+ },
+
{
category: ,
articles: [
diff --git a/src/pages/help-centre/_utility.js b/src/pages/help-centre/_utility.js
index 5d490541870..b5b6954dbd1 100644
--- a/src/pages/help-centre/_utility.js
+++ b/src/pages/help-centre/_utility.js
@@ -17,5 +17,5 @@ export const splitArticles = (array, length) =>
export const euArticles = (array) => {
const second_array = [...array[1], array[2][0]]
- return [array[0], second_array, [array[2][1]]]
+ return [array[0], second_array, [array[2][1]], [array[2][2]]]
}
\ No newline at end of file
diff --git a/src/pages/help-centre/deriv-p2p.js b/src/pages/help-centre/deriv-p2p.js
new file mode 100644
index 00000000000..e0c87e031b8
--- /dev/null
+++ b/src/pages/help-centre/deriv-p2p.js
@@ -0,0 +1,198 @@
+import React from 'react'
+import { Article } from './_article'
+import { ArticleWrapper, StyledHeader, StyledText } from './_help-centre-style'
+import { Text } from 'components/elements'
+import { localize, Localize, WithIntl } from 'components/localization'
+import { usePageLoaded } from 'components/hooks/use-page-loaded'
+
+const WhatisDerivP2P = () => (
+
+ {localize('What is Deriv P2P?')}
+
+ {localize(
+ 'Deriv P2P is Deriv’s peer-to-peer deposit and withdrawal service that allows you to get money in and out of your Deriv account easily through transactions with fellow traders. ',
+ )}
+
+
+ {localize(
+ 'To get money into your Deriv account, you can ‘buy’ Deriv funds in your local currency (or any supported currency) from a fellow trader and the amount you have ‘bought’ will be deposited into your account.',
+ )}
+
+
+ {localize(
+ 'Similarly, you can make withdrawals from your Deriv account by ‘selling’ Deriv funds to fellow traders in return for payment in your local currency (or any supported currency).',
+ )}
+
+
+)
+
+const HowSecureDerivP2P = () => (
+
+
+ {]} />}
+
+
+ {localize(
+ 'We verify each user’s identity before they can start using Deriv P2P’s services — users will need to submit a POI (proof of identity) document for identity verification before buying or selling on Deriv P2P.',
+ )}
+
+
+ {localize(
+ 'Additionally, all transactions are protected by escrow. Escrow locks Deriv funds until both parties have confirmed completion of the transaction.',
+ )}
+
+
+)
+
+const BuyOrSellLimit = () => (
+
+
+ {
+ ]}
+ />
+ }
+
+
+ {localize(
+ 'Yes. You can request to increase your daily limit via live chat on our website and we’ll get back to you via email. ',
+ )}
+
+
+)
+
+const PaymentMethods = () => (
+
+
+ {
+ ]}
+ />
+ }
+
+
+ {localize(
+ 'You can transfer money to fellow traders via bank transfers, cards, e-wallets, or any agreed upon payment method with the person you are dealing with.',
+ )}
+
+
+ {localize(
+ 'Please note that Deriv has no control over payments made between Deriv P2P traders. So please ensure you follow the payment instructions as agreed between you and the trader you are dealing with, and provide your preferred method of payment and instructions when you post your ads.',
+ )}
+
+
+)
+
+const DisputeWithTheTrader = () => (
+
+
+ {
+ ]}
+ />
+ }
+
+
+ {localize(
+ 'You can chat with the trader you’re dealing with via the in-app chat to resolve the dispute. If both parties are unable to reach an agreement, you can reach out to us via the in-app dispute facility. We’ll get in touch with the relevant parties and work to resolve the dispute as quickly as possible.',
+ )}
+
+
+)
+
+const InTouchWithTheCounterparty = () => (
+
+
+ {
+ ]}
+ />
+ }
+
+
+ {localize(
+ 'You can chat with the trader you are dealing with via the in-app chat function.',
+ )}
+
+
+)
+
+const DifferentAccountBalance = () => (
+
+
+ {
+ ]}
+ />
+ }
+
+
+ {localize(
+ 'Your Deriv P2P balance consists of a portion of your Deriv account balance. While all of your deposits via e-wallets and cryptocurrency are available for use with Deriv P2P, only a part of your deposits via cards are available.',
+ )}
+
+
+)
+
+const DerivP2PArticle = () => {
+ const [is_mounted] = usePageLoaded(false)
+
+ return (
+
+ )
+}
+
+export default WithIntl()(DerivP2PArticle)
diff --git a/src/pages/help-centre/index.js b/src/pages/help-centre/index.js
index ea726b8d725..c1aea476844 100644
--- a/src/pages/help-centre/index.js
+++ b/src/pages/help-centre/index.js
@@ -439,7 +439,7 @@ class HelpCentreClass extends Component {
can_expand &&
idxb === item.articles.length - 1
return (
-
+
{should_show_item && (
{
as="h2"
mb="4rem"
>
- {localize('How to get DP2P')}
+ {localize('How to get Deriv P2P')}
{localize('Available on desktop and mobile')}
{
-
+
@@ -184,10 +184,10 @@ const Availability = () => {
/>
-
+
-
+
@@ -212,7 +212,7 @@ const Availability = () => {
{
color="red"
key={0}
/>,
+ ,
+ ,
]}
/>
@@ -237,7 +253,7 @@ const Availability = () => {
{
color="red"
key={0}
/>,
+ ,
+ ,
]}
/>
-
+
-
+
diff --git a/src/pages/p2p/components/_dp2p.js b/src/pages/p2p/components/_dp2p.js
index 0a41ef1e0e0..ec231a5149c 100644
--- a/src/pages/p2p/components/_dp2p.js
+++ b/src/pages/p2p/components/_dp2p.js
@@ -76,6 +76,16 @@ const StyledText = styled(Text)`
line-height: 24px;
}
`
+const VideoText = styled(Text)`
+ margin-top: 70px;
+ font-size: 2.4rem;
+ text-align: center;
+ line-height: 36px;
+
+ @media ${device.tabletL} {
+ font-size: 14px;
+ }
+`
const Row = styled.div`
flex-direction: ${(props) => props.flex_direction};
width: 100%;
@@ -91,6 +101,13 @@ const Row = styled.div`
margin-top: 40px;
}
`
+
+const StyledIFrame = styled.iframe`
+ height: 315px;
+ width: 100%;
+ max-width: 560px;
+`
+
const query = graphql`
query {
buy_sell: file(relativePath: { eq: "p2p/p2p_buy_sell.png" }) {
@@ -111,9 +128,19 @@ const DP2P = ({ P2P, reverse, two_title }) => {
{localize(
- 'DP2P is Deriv’s peer-to-peer deposit and withdrawal service. It’s where you can get money in and out of your Deriv account via exchanges with fellow traders.',
+ 'Deriv P2P is Deriv’s peer-to-peer deposit and withdrawal service that offers an easy way to get money in and out of your Deriv account. Connect with fellow traders and transfer money in minutes.',
)}
+
+ {localize('Find out how Deriv P2P works:')}
+
+
{P2P.map((item, index) => {
let is_even = reverse ? (index + 1) % 2 : index % 2
return (
diff --git a/src/pages/p2p/components/_exchange-steps.js b/src/pages/p2p/components/_exchange-steps.js
index 4af3a86372e..d0c3f965b26 100644
--- a/src/pages/p2p/components/_exchange-steps.js
+++ b/src/pages/p2p/components/_exchange-steps.js
@@ -142,10 +142,10 @@ const ExchangeSteps = () => {
- {localize('Make the payment')}
+ {localize('Send or receive payment')}
- {localize('Send or receive payment via fund transfer.')}
+ {localize('Settle the payment with the counterparty of your transaction.')}
@@ -162,11 +162,11 @@ const ExchangeSteps = () => {
- {localize('Complete the exchange')}
+ {localize('Complete the transaction')}
{localize(
- 'Every order must be completed and confirmed within 2 hours.',
+ 'Every order must be completed and confirmed within 2 hours. Note: Funds are only released when the transaction is complete.',
)}
diff --git a/src/pages/p2p/components/_hero.js b/src/pages/p2p/components/_hero.js
index 6ab4159dd63..0a010449393 100644
--- a/src/pages/p2p/components/_hero.js
+++ b/src/pages/p2p/components/_hero.js
@@ -175,7 +175,7 @@ const HeroComponent = ({ title, content, background_data, img_data }) => {
target="_blank"
rel="noopener noreferrer"
>
- {localize('Try DP2P now')}
+ {localize('Try Deriv P2P now')}
diff --git a/src/pages/p2p/components/_numbers.js b/src/pages/p2p/components/_numbers.js
index fd3878550b4..2d5da8561c9 100644
--- a/src/pages/p2p/components/_numbers.js
+++ b/src/pages/p2p/components/_numbers.js
@@ -8,11 +8,11 @@ import device from 'themes/device'
const content = [
{
- header: ,
+ header: ,
text: ,
},
{
- header: ,
+ header: ,
text: ,
},
]
@@ -134,7 +134,7 @@ const Numbers = () => {
target="_blank"
rel="noopener noreferrer"
>
- {localize('Try DP2P now')}
+ {localize('Try Deriv P2P now')}
)
diff --git a/src/pages/p2p/components/_p2pbanner.js b/src/pages/p2p/components/_p2pbanner.js
index b89ed2003d5..4a86a73cd37 100644
--- a/src/pages/p2p/components/_p2pbanner.js
+++ b/src/pages/p2p/components/_p2pbanner.js
@@ -3,9 +3,9 @@ import styled from 'styled-components'
import PropTypes from 'prop-types'
import { graphql, useStaticQuery } from 'gatsby'
import { Flex, Container, Show } from 'components/containers'
-import { Header } from 'components/elements'
+import { Header, Text, LocalizedLinkText } from 'components/elements'
import { LinkButton } from 'components/form'
-import { localize } from 'components/localization'
+import { localize, Localize } from 'components/localization'
import device from 'themes/device.js'
import { Background } from 'components/elements/background-image'
@@ -93,6 +93,17 @@ const StyledHeader = styled(Header)`
}
`
+const StyledText = styled(Text)`
+ margin-bottom: 60px;
+ font-size: 2.4rem;
+ text-align: center;
+ line-height: 36px;
+
+ @media ${device.tabletL} {
+ font-size: 14px;
+ }
+`
+
const query = graphql`
query {
p2p_banner: file(relativePath: { eq: "p2p/p2p_banner.png" }) {
@@ -109,6 +120,20 @@ const P2PBanner = ({ title }) => {
return (
+
+ ,
+ ]}
+ />
+
{
target="_blank"
rel="noopener noreferrer"
>
- {localize('Try DP2P now')}
+ {localize('Try Deriv P2P now')}
@@ -151,7 +176,7 @@ const P2PBanner = ({ title }) => {
target="_blank"
rel="noopener noreferrer"
>
- {localize('Try DP2P now')}
+ {localize('Try Deriv P2P now')}
diff --git a/src/pages/p2p/index.js b/src/pages/p2p/index.js
index 3985224277a..29b511a26a2 100644
--- a/src/pages/p2p/index.js
+++ b/src/pages/p2p/index.js
@@ -13,10 +13,12 @@ const Availability = Loadable(() => import('./components/_availability'))
const DP2P_CONTENT = [
{
title: ,
- subtitle: ,
+ subtitle: (
+
+ ),
subtitle_mobile: (
]}
/>
),
@@ -25,10 +27,10 @@ const DP2P_CONTENT = [
image_alt: localize('Buy and sell'),
},
{
- title: ,
- subtitle: ,
+ title: ,
+ subtitle: ,
subtitle_mobile: (
-
+
),
image_name: 'local_currency',
@@ -52,13 +54,13 @@ const DP2PHome = () => {
return (
+
}
image_name="DP2P"
/>
@@ -66,10 +68,7 @@ const DP2PHome = () => {
-
+
)
}