From ea88c639123746933d82fb5a90ed5573553b941f Mon Sep 17 00:00:00 2001 From: meenu-deriv Date: Tue, 2 May 2023 16:16:22 +0400 Subject: [PATCH 01/53] auto-pull-translation From d6c619f660fae6ff7ba7b3f55145392d12cd2d43 Mon Sep 17 00:00:00 2001 From: meenu-deriv Date: Fri, 9 Jun 2023 10:53:18 +0400 Subject: [PATCH 02/53] auto-pull-translation From b658b553410402fc7f51082c10350c4845be6818 Mon Sep 17 00:00:00 2001 From: meenu-deriv Date: Wed, 21 Jun 2023 14:46:57 +0400 Subject: [PATCH 03/53] fix: test --- crowdin/messages.json | 32 +- src/features/pages/deriv-ctrader/data.tsx | 513 +++++++++++++++++++++ src/features/pages/deriv-ctrader/index.tsx | 52 +++ src/pages/deriv-ctrader/index.tsx | 14 + 4 files changed, 607 insertions(+), 4 deletions(-) create mode 100644 src/features/pages/deriv-ctrader/data.tsx create mode 100644 src/features/pages/deriv-ctrader/index.tsx create mode 100644 src/pages/deriv-ctrader/index.tsx diff --git a/crowdin/messages.json b/crowdin/messages.json index a2c6c218115..a354f3ca25b 100644 --- a/crowdin/messages.json +++ b/crowdin/messages.json @@ -188,6 +188,7 @@ "236686595": "24-hour trading (Monday-Friday), based on forex market hours", "236845507": "What are contracts for difference (CFDs)?", "239216026": "XMR/USD", + "239429137": "Useful menus where you can find out how each asset’s margin impacts your trade before placing them.", "241331061": "Deriv GO is really good! I've been looking for an app like this which is easy to use.", "242139148": "PARTNER", "242356757": "Submit a report", @@ -283,6 +284,7 @@ "352403472": "XSS that does not bypass CSP and does not execute unauthorised actions in another user’s session", "352494339": "Get trading with Deriv MT5", "354060979": "<0>1 lot with 1000 leverage:", + "357105933": "Go to the Trader’s hub and choose the Demo option.", "358257887": "Once your submitted document has been approved, go to Cashier > DP2P to register your Deriv P2P account.", "358838306": "Vice President of Customer Support", "361051814": "Let’s say you want to calculate the take profit level and pip value when you want to sell 3 lots of Volatility 50 Index priced at 249.5961 USD with a take profit amount of 84 USD.", @@ -392,6 +394,7 @@ "481274667": "How can I withdraw funds from my Deriv MT5 real money account?", "481411401": "Regulation", "482100031": "Trade the way you want with 3 exciting trade types.", + "484950532": "All day, all year", "486935836": "I forgot my Google/Facebook/Apple account password. How can I log in to my Deriv account?", "487236738": "How it’s calculated", "489679731": "SGD/JPY", @@ -434,6 +437,7 @@ "524082501": "As a payment agent, you are an independent exchanger. You can:", "524230462": "How can I sign up as a Deriv IB?", "524459540": "How do I create variables?", + "524469079": "An intuitive interface", "524754401": "Instruments available for multipliers trading", "527660774": "Trading tools | Swap, pip, and margin calculators | Deriv", "528858838": "Lead/USD", @@ -499,6 +503,7 @@ "619610610": "Close your account at any time you want.", "621291584": "0.75", "622253642": "Save time – no need to open, monitor, and close trades.", + "623188171": "Trade cryptocurrencies and synthetic indices anytime, even on weekends and holidays.", "623694668": "VWO.US", "624256060": "Define optional parameters that give you more control over your trading, including stop loss, take profit, and deal cancellation.", "627388563": "More on CFDs", @@ -766,6 +771,7 @@ "913548355": "Connect with fellow traders and transfer money in minutes.", "913719394": "If you select ‘Over’, you will win the payout if the last digit of the last tick is greater than your prediction.", "915392164": "Open long or short positions based on your predictions of the market price movements.", + "915735859": "Quick account sign-in", "916591715": "The above information is updated monthly and, therefore, may not reflect current trading conditions.", "918634571": "When you open a position, barriers are created around the asset’s price. The upper and lower barriers are automatically calculated for every tick based on your chosen asset and accumulator value. If you close your position before either of the barriers is reached, you will make a profit.", "925239281": "How do I withdraw funds from my Deriv X real money account?", @@ -796,6 +802,7 @@ "959971586": "We'll email you instructions to reset your password.", "960618190": "Trade various assets in multiple markets simultaneously.", "961530723": "Netflix Inc", + "961728715": "platform", "962218636": "Airbus SE", "963202666": "How do I sign up as an affiliate?", "964982895": "Make deposits easily using your mobile. For clients in Uganda and Tanzania.", @@ -1194,6 +1201,7 @@ "1454243296": "Minimal capital requirements, limited risk", "1456673219": "How and when will I receive my commission payout?", "1456920032": "<0>Deriv X and <1>Deriv MT5 offer CFD trading on a similar range of assets, where you're able to open positions with leverage and your potential profit is only known when you close your positions. It's riskier than digital options trading because while you may potentially gain a lot if you win, you may also lose a lot if you don't. Deriv X and Deriv MT5 are popular among our traders who enjoy the risks as part of the excitement of CFD trading.", + "1457227649": "Trade derived and financial assets on one CFD account, without needing to switch between multiple accounts.", "1458062110": "<0>XLE.US The Energy Select Sector SPDR® Fund ETF tracks the energy sector of the S&P 500 Index.", "1458263388": "Earn when your clients trade on an MT5 Financial STP account.", "1461287243": "You can open a position for as low as 1 USD.", @@ -1249,6 +1257,7 @@ "1509244758": "Method", "1510075920": "Gold/USD", "1510899090": "Make safe, instant, and easy transactions via Germany's most popular payment method.", + "1511280539": "Take advantage of an easy-to-use interface for trading and charting that both new and experienced traders can enjoy.", "1514553548": "Melaka, Malaysia", "1516676261": "Deposit", "1518811414": "Brazil", @@ -1469,6 +1478,7 @@ "1740608606": "You can trade forex, stock indices, commodities, cryptocurrencies, and derived on DTrader. Some markets may not be available in certain countries.", "1741049129": "Min withdrawal", "1742122525": "Automate your trading with DBot, Deriv’s trading robot which you can build without writing code.", + "1743279813": "Why trade with Deriv cTrader", "1743448290": "Payment agents", "1743752393": "General business", "1744150552": "Your new Deriv EZ account is ready.", @@ -1574,6 +1584,7 @@ "1859772193": "If you select ‘Allow equals’, you win the payout if the exit spot is higher than or equal to the entry spot for ‘Rise’. Similarly, you win the payout if the exit spot is lower than or equal to the entry spot for ‘Fall’.", "1860012910": "An easy, cheap, and fast way to transfer money. Supported by banks and merchants worldwide.", "1860472068": "Online banking", + "1861172210": "cTrader is our intuitive CFD trading platform where you can trade forex, commodities, stocks & indices, cryptocurrencies, and derived indices.", "1861802946": "Want to trade
Options on the go?", "1862283751": "Trade forex, synthetic indices, and cryptocurrencies wherever, whenever you want and maximise your potential profit with multipliers on Deriv GO.", "1867740000": "GBP/USD DFX10 Index", @@ -2330,7 +2341,24 @@ "-1961258037": "Didn't receive an email from us? Here's what could've happened.", "-276906320": "If you don't see an email from us within a few minutes, a few things could have happened:", "-1878043830": "Re-enter your email and try again", + "-1101838164": "A feature-rich", + "-319509090": "CFD trading", + "-1709957711": "cTrader logo", + "-1284819681": "What is Deriv cTrader", + "-835302900": "Deriv cTrader is an easy-to-use, multi-asset CFD trading platform packed with a wide range of features on a user-friendly interface. Enhance your trading experience further with features such as limit order and stop order, chart trading, and custom indicators. With Deriv cTrader, take advantage of our deep liquidity to execute trades quickly and efficiently.", + "-1627231267": "Multiple assets on a single platform", + "-238387918": "Trade forex, stocks & indices, cryptocurrencies, commodities, and derived indices in one place.", + "-707160742": "Easy start", + "-897434771": "Already have a Deriv account? Use those credentials to sign in to Deriv cTrader.", + "-1517620254": "All your favourite assets in one place", + "-2142229954": "Know your trade margins", + "-1006826644": "<0>Sign in to your Deriv account. If you don’t have one, <1>sign up for free.", + "-1864840861": "Under CFDs, look for Deriv cTrader and select Get.", + "-706898598": "Go to the Trader’s hub and choose the Real option.", "-1344568737": "The all-in-one CFD trading platform.", + "-1464815790": "Get trading with Deriv cTrader", + "-906824015": "Scan to download Deriv cTrader", + "-544288925": "cTrader – a CFD trading platform | Deriv", "-1930452638": "Deriv EZ logo", "-151281957": "CFDs trading platform", "-1252238038": "Add a Deriv EZ demo account.", @@ -2344,7 +2372,6 @@ "-1342386962": "Take advantage of more than 50 trading indicators and tools to make informed decisions.", "-733360107": "Instant platform access", "-127969124": "Easy to start", - "-707160742": "Easy start", "-1160097046": "Trade anytime you want, including weekends and holidays, on cryptocurrencies and our proprietary derived indices.", "-1486813632": "Rated excellent on", "-967353831": "You need Deriv GO Ultimate for Android. Trade Options, in addition to CFDs and Multipliers, on your favourite markets.", @@ -2588,8 +2615,6 @@ "-468571835": "Deriv MT5 gives you access to multiple asset classes – forex, stocks & indices, cryptocurrencies, commodities, and derived indices – on a single platform. With exclusive access to innovative assets, Deriv brings the MT5 experience to a superior level for both new and experienced traders.", "-1058362536": "Quick demo account sign-up", "-356516643": "Practise with a demo account preloaded with unlimited virtual funds.", - "-1627231267": "Multiple assets on a single platform", - "-238387918": "Trade forex, stocks & indices, cryptocurrencies, commodities, and derived indices in one place.", "-525457182": "Trade round-the-clock, even on weekends, with our proprietary derived indices.", "-1023989708": "Trade any time of the day and week", "-1136280668": "licensed and regulated", @@ -3353,7 +3378,6 @@ "-877732419": "<0>High leverage — Leverage allows you to open larger positions with a smaller balance in your trading account. The higher the leverage, the less money you need.", "-1794853647": "CFD trading | Online trading platform | Deriv", "-31586003": "Trade CFDs on multiple markets. Enjoy high leverage, tight spreads, and risk management features to amplify your potential profits and limit losses.", - "-319509090": "CFD trading", "-2087689842": "Why trade CFDs on Deriv", "-1845399397": "Increased market exposure", "-1126407219": "Get more market exposure while limiting risk to your stake amount.", diff --git a/src/features/pages/deriv-ctrader/data.tsx b/src/features/pages/deriv-ctrader/data.tsx new file mode 100644 index 00000000000..94fea8b2ae1 --- /dev/null +++ b/src/features/pages/deriv-ctrader/data.tsx @@ -0,0 +1,513 @@ +import React from 'react' +import { StaticImage } from 'gatsby-plugin-image' +import Image from 'features/components/atoms/image' +import { + TradingPlatformDataType, + TradingPlatformNumbersProps, + TradingPlatformPHeroProps, + TradingPlatformStartProps, + TradingPlatformStepperViewType, + TradingPlatformTextType, + TradingPlatformWhatHaveProps, + TradingPlatformWhyTradeProps, +} from 'features/components/templates/trading-platform/types' +import { + deriv_go_huaweiappgallery_url, + deriv_go_ios_url, + deriv_go_playstore_url, +} from 'common/constants' +import Link from 'features/components/atoms/link' +import { OtherPlatformsProps } from 'features/components/templates/card-carousel/other-platforms/types' +import { TString } from 'types/generics' +import CTraderLogo from 'images/svg/trading-platforms/ctrader/ctrader-logo.svg' +import MultipleAssets from 'images/svg/trading-platforms/ctrader/multiple-assets.svg' +import AnyTime from 'images/svg/trading-platforms/deriv-ez/twenty-four-seven.svg' +import SignIn from 'images/svg/trading-platforms/ctrader/sign-in.svg' +import dmt5Icon from 'images/svg/trading-platforms/dmt5-icon.svg' +import dtIcon from 'images/svg/trading-platforms/dt-icon.svg' +import dGoIcon from 'images/svg/trading-platforms/go-icon.svg' +import dxIcon from 'images/svg/trading-platforms/dx-icon.svg' +import dbIcon from 'images/svg/trading-platforms/db-icon.svg' +import derivEZLogo from 'images/svg/trading-platforms/deriv-ez/deriv-ez-logo-red.svg' +import derivEZQR from 'images/svg/trading-platforms/deriv-ez/derivez-qr.svg' +import AndroidIcon from 'images/svg/android-icon.svg' +import AppleIcon from 'images/svg/apple-icon.svg' +import AppGalleryIcon from 'images/svg/appGallery-icon.svg' +import { BannerType } from 'features/components/templates/banners/blade-shape-banner/types' + +const hero_title: TString[] = ['_t_A feature-rich_t_', '_t_CFD trading_t_', '_t_platform_t_'] +const trading_platform_hero: TradingPlatformPHeroProps = { + hero_title, + hero: ( + + ), + hero_mobile: ( + + ), + logo: {'_t_cTrader, + logo_mobile: {'_t_cTrader, +} +const trading_platform_description: TradingPlatformTextType = { + title: '_t_What is Deriv cTrader_t_', + subtitle: + '_t_Deriv cTrader is an easy-to-use, multi-asset CFD trading platform packed with a wide range of features on a user-friendly interface. Enhance your trading experience further with features such as limit order and stop order, chart trading, and custom indicators. With Deriv cTrader, take advantage of our deep liquidity to execute trades quickly and efficiently._t_', +} +//const trading_platform_description: TradingPlatformTextType = { +// what_is_description, +//} +const selling_points: TradingPlatformTextType[] = [ + { + title: '_t_200+_t_', + subtitle: '_t_tradable assets_t_', + }, + { + title: '_t_24/7_t_', + subtitle: '_t_trading_t_', + }, + { + title: '_t_Zero_t_', + subtitle: '_t_commission_t_', + }, +] + +const trading_platform_numbers: TradingPlatformNumbersProps = { + selling_points, +} +const trading_platform_why_trade: TradingPlatformWhyTradeProps = { + title: '_t_Why trade with Deriv cTrader_t_', + card_data: [ + { + title: '_t_Multiple assets on a single platform_t_', + subtitle: + '_t_Trade forex, stocks & indices, cryptocurrencies, commodities, and derived indices in one place._t_', + icon: {'_t_Easy, + }, + { + title: '_t_All day, all year_t_', + subtitle: + '_t_Trade cryptocurrencies and synthetic indices anytime, even on weekends and holidays._t_', + icon: {'_t_24/7, + }, + { + title: '_t_Quick account sign-in_t_', + subtitle: + '_t_Already have a Deriv account? Use those credentials to sign in to Deriv cTrader._t_', + icon: {'_t_Favourite, + }, + ], +} +const trading_platform_what_have: TradingPlatformWhatHaveProps = [ + { + id: 0, + title: '_t_An intuitive interface_t_', + subtitle: + '_t_Take advantage of an easy-to-use interface for trading and charting that both new and experienced traders can enjoy._t_', + image: ( + + ), + }, + { + id: 1, + title: '_t_All your favourite assets in one place_t_', + subtitle: + '_t_Trade derived and financial assets on one CFD account, without needing to switch between multiple accounts._t_', + image: ( + + ), + }, + { + id: 2, + title: '_t_Know your trade margins_t_', + subtitle: + '_t_Useful menus where you can find out how each asset’s margin impacts your trade before placing them._t_', + image: ( + + ), + }, +] +const how_to_start_images = { + step1: ( + + ), + step2: ( + + ), + step3: ( + + ), + 'step2-demo': ( + + ), + 'step3-demo': ( + + ), +} +const how_to_start_images_mobile = { + step1: ( + + ), + step2: ( + + ), + step3: ( + + ), + 'step2-demo': ( + + ), + 'step3-demo': ( + + ), +} +const demo: TradingPlatformStepperViewType = [ + { + title: '_t_<0>Sign in to your Deriv account. If you don’t have one, <1>sign up for free._t_', + image: how_to_start_images['step1'], + component: [ + , + , + ], + }, + { + title: '_t_Go to the Trader’s hub and choose the Demo option._t_', + image: how_to_start_images['step2-demo'], + }, + { + title: '_t_Under CFDs, look for Deriv cTrader and select Get._t_', + image: how_to_start_images['step3-demo'], + }, +] +const demo_mobile: TradingPlatformStepperViewType = [ + { + title: '_t_<0>Sign in to your Deriv account. If you don’t have one, <1>sign up for free._t_', + image: how_to_start_images_mobile['step1'], + component: [ + , + , + ], + }, + { + title: '_t_Go to the Trader’s hub and choose the Demo option._t_', + image: how_to_start_images_mobile['step2-demo'], + }, + { + title: '_t_Under CFDs, look for Deriv cTrader and select Get._t_', + image: how_to_start_images_mobile['step3-demo'], + }, +] +const real: TradingPlatformStepperViewType = [ + { + title: '_t_<0>Sign in to your Deriv account. If you don’t have one, <1>sign up for free._t_', + image: how_to_start_images['step1'], + component: [ + , + , + ], + }, + { + title: '_t_Go to the Trader’s hub and choose the Real option._t_', + image: how_to_start_images['step2'], + }, + { + title: '_t_Under CFDs, look for Deriv cTrader and select Get._t_', + image: how_to_start_images['step3'], + }, +] +const real_mobile: TradingPlatformStepperViewType = [ + { + title: '_t_<0>Sign in to your Deriv account. If you don’t have one, <1>sign up for free._t_', + image: how_to_start_images_mobile['step1'], + component: [ + , + , + ], + }, + { + title: '_t_Go to the Trader’s hub and choose the Real option._t_', + image: how_to_start_images_mobile['step2'], + }, + { + title: '_t_Under CFDs, look for Deriv cTrader and select Get._t_', + image: how_to_start_images_mobile['step3'], + }, +] +const trading_platform_start: TradingPlatformStartProps = { + demo, + demo_mobile, + real, + real_mobile, +} +const trading_platform_other: OtherPlatformsProps = [ + { + icon: dtIcon, + header: 'Deriv Trader', + description: '_t_Our flagship app for trading options and multipliers._t_', + link: '/dtrader/', + }, + { + icon: dGoIcon, + header: 'Deriv Trader', + description: '_t_Our flagship app for trading options and multipliers._t_', + link: '/ctrader/', + }, + { + icon: dGoIcon, + header: 'Deriv Go', + description: '_t_Our best trading experience on your mobile._t_', + link: '/deriv-go/', + }, + { + icon: dxIcon, + header: 'Deriv X', + description: '_t_The CFD trading platform to fit your style._t_', + link: '/derivx/', + }, + { + icon: dmt5Icon, + header: 'Deriv MT5', + description: '_t_The all-in-one CFD trading platform._t_', + link: '/dmt5/', + }, + { + icon: dbIcon, + header: 'Deriv Bot', + description: '_t_Automate your trading. No coding required._t_', + link: '/dbot/', + }, +] +const trading_platform_banner: BannerType = { + information: { + icon: derivEZLogo, + heading: '_t_Get trading with Deriv cTrader_t_', + }, + scan_box: { + icon: derivEZQR, + heading_one: '_t_Scan to download Deriv cTrader_t_', + heading_two: 'Android, IOS & Huawei', + }, + + os_apps: [ + { + id: 0, + data: { + icon: AndroidIcon, + text: 'Google Play', + url: { + type: 'non-company', + href: deriv_go_playstore_url, + target: '_blank', + }, + }, + }, + { + id: 1, + data: { + icon: AppleIcon, + text: 'App Store', + url: { + type: 'non-company', + href: deriv_go_ios_url, + target: '_blank', + }, + }, + }, + { + id: 2, + data: { + icon: AppGalleryIcon, + text: 'AppGallery', + url: { + type: 'non-company', + href: deriv_go_huaweiappgallery_url, + target: '_blank', + }, + }, + }, + ], +} +export const ctrader_data: TradingPlatformDataType = { + trading_platform_hero, + trading_platform_numbers, + trading_platform_description, + trading_platform_why_trade, + trading_platform_banner, + trading_platform_what_have, + trading_platform_start, + trading_platform_other, +} diff --git a/src/features/pages/deriv-ctrader/index.tsx b/src/features/pages/deriv-ctrader/index.tsx new file mode 100644 index 00000000000..77e1036a682 --- /dev/null +++ b/src/features/pages/deriv-ctrader/index.tsx @@ -0,0 +1,52 @@ +import React from 'react' +import { ctrader_data } from './data' +import MainNav from 'features/components/templates/navigation/main-nav' +import Footer from 'features/components/templates/footer/' +import Layout from 'features/components/templates/layout' +import { SEO } from 'components/containers' +import { localize, WithIntl } from 'components/localization' +import TradingPlatformNumbers from 'features/components/templates/trade-platform/numbers' +import TradingPlatformWhyTrade from 'features/components/templates/trade-platform/why-trade' +import TradingPlatformWhatHave from 'features/components/templates/trade-platform/what-have' +import TradingPlatformHowToStart from 'features/components/templates/trade-platform/how-to-start' +import TradeDescription from 'features/components/templates/trade-platform/trade-description' + +const DerivCTrader = () => { + const { + trading_platform_hero, + trading_platform_numbers, + trading_platform_description, + trading_platform_what_have, + trading_platform_why_trade, + trading_platform_start, + trading_platform_other, + } = ctrader_data + + console.log('trading_platform_description', trading_platform_description) + return ( + + + + {/*need provide new*/} + {/**/} + + + + + + {/*need to complete*/} + {/**/} +