diff --git a/crowdin/messages.json b/crowdin/messages.json index ccbd50746e6..25dac980b57 100644 --- a/crowdin/messages.json +++ b/crowdin/messages.json @@ -363,6 +363,7 @@ "353928381": "Why should I join the affiliate programme?", "354060979": "<0>1 lot with 1000 leverage:", "354180176": "You can trade volatility indices, a type of derived indices, with accumulator options.", + "356733895": "Know your potential profit with fixed payouts, or maximise potential profit with variable payouts if your predictions are right.", "357105933": "Go to the Trader’s hub and choose the Demo option.", "357273365": "For DEX Indices, a deal of 3 lots of the DEX 600 DOWN Index for a price of USD 6000 will pay out USD 0.5 in commission based on the following formula:", "358257887": "Once your submitted document has been approved, go to Cashier > DP2P to register your Deriv P2P account.", @@ -983,6 +984,7 @@ "922601177": "CPA", "925239281": "How do I withdraw funds from my Deriv X real money account?", "927364570": "<0>Setting > Proof of address", + "927830157": "User-friendly platforms with powerful chart widgets", "928423300": "Most Innovative Broker, UF Awards 2023", "929514030": "Enjoy trading asset prices derived from simulated markets.", "929553858": "They ask you to download file attachments or remote access software (such as Teamviewer) to give them remote control of your device. For example, an impersonator may take control and install ransomware on your device and then demand a ransom. If the ransom isn’t paid, you may lose access to your device permanently.", @@ -1556,6 +1558,7 @@ "1482484637": "Contact us via live chat", "1484774405": "0.25", "1485059739": "This formula also applies to <0>metals & <0>basket indices. Commission rates, contract sizes, and deal prices depend on the individual asset.", + "1485752074": "Trade on secure, intuitive, and easy to use platforms with powerful chart technology.", "1486637984": "Affiliates residing in the EU may sign up for the Turnover plan. However, only clients residing outside of the EU can be referred under this plan.", "1487776383": "With vanilla options, there are no barriers involved and your potential payout is determined by how much the final price is above or below the predetermined strike price.", "1488330426": "Nigeria", @@ -1581,6 +1584,7 @@ "1499964738": "Who can partner with Deriv Prime?", "1501210063": "affiliate", "1502143614": "Deriv Trader keeps online trading simple. Trade forex, commodities, stock indices, cryptocurrencies, and Deriv’s synthetic indices.", + "1502162725": "Flexible trade types with minimal capital requirements", "1502175389": "This gives you the swap charge in the quote currency for forex pairs, or in the denomination of the underlying asset for commodities.", "1502295249": " profit amount", "1502453121": "Your orders are available in the <1>Orders tab at <0>Cashier > Deriv P2P.", @@ -1915,6 +1919,7 @@ "1791730321": "Purchase the contract if you are satisfied with the position you have defined.", "1791797947": "<0>Sign up for free if you don’t have a Deriv account yet.", "1792712933": "Phishing is a cyberattack where scammers try to trick clients into revealing personal information like their passwords or bank details. Scammers pose as real companies and create fake emails, social media profiles, and numbers to get you to take actions that compromise your data and security. Clicking on malicious links or files in phishing emails may download viruses to your device and expose your data.", + "1792856800": "Open a demo account and get unlimited virtual funds to practise on our platforms — Deriv Trader, SmartTrader, and Deriv Bot.", "1795749796": "Help centre | Frequently asked questions | DBot | Deriv", "1798650572": "Your potential payout will then depend on whether the underlying asset's exit price is higher than the reset spot price (for Reset Call) or lower than the reset spot price (for Reset Put).", "1798757280": "Residence is requried", @@ -2111,6 +2116,7 @@ "1948852958": "You can find your referral link on your affiliate dashboard. Click the “Support” tab and follow the instructions provided.", "1952688371": "Which Deriv trading platforms can I use to trade Digits contracts?", "1952996668": "Average execution speeds of under 50ms and intelligent routing to servers across the globe.", + "1953016421": "Why trade options on Deriv", "1954845108": "A chart illustrating a losing Odd trade type contract", "1955645943": "Sub-affiliate’s total commission: 200 + 100 = USD 300 (including IB commission)", "1956732467": "Whether the broader index moves up, down or sideways is irrelevant to the payout unless the price touches or breaches the range limits, triggering a loss.", @@ -2353,6 +2359,18 @@ "-1341835667": "Deriv Trader", "-523689715": "Forex market icon", "-543177967": "Stock indices", + "-1028545578": "Start trading options on Deriv", + "-1197864059": "Create free demo account", + "-866630583": "Practise", + "-1076138910": "Trade", + "-874422884": "Open a real account, make a deposit, and start trading options for real.", + "-214202452": "Conveniently withdraw your funds through any of our supported withdrawal methods.", + "-1101198978": "Don't have a Deriv account yet?", + "-1313526207": "Flexible payout options", + "-526191051": "All favorite markets and more", + "-19137602": "Trade on all popular markets plus our proprietary synthetics that are available 24/7.", + "-797743726": "Open an account now and gain access to the world of trading. No need to wait — you can begin trading in minutes.", + "-1318406909": "Deposit as little as 5 USD to start trading and customise your trades to suit your strategy.", "-763273340": "Digits", "-1048378719": "Reset Call/Reset Put", "-1282312809": "High/Low Ticks", @@ -3051,7 +3069,6 @@ "-1998049070": "If you agree to our use of cookies, click on Accept. For more information, <0>see our policy.", "-1265833982": "Accept", "-759124288": "Close", - "-1197864059": "Create free demo account", "-1493548975": "google play logo", "-1154801066": "Huawei AppGallery", "-460416493": "logo", @@ -3114,7 +3131,6 @@ "-780866426": "Chevron thick", "-667423170": "arrow", "-1342720542": "Enjoy trading asset prices derived from real-world
or simulated markets.", - "-1076138910": "Trade", "-269790876": "partners", "-787291267": "Status page", "-2045194514": "Secure and responsible trading", @@ -3316,9 +3332,7 @@ "-539795299": "VEA.US", "-132512237": "VNQ.US", "-2022407176": "XLK.US", - "-866630583": "Practise", "-1690761595": "Open a real account, make a deposit, and start trading baskets and other markets.", - "-214202452": "Conveniently withdraw your funds through any of our supported withdrawal methods.", "-1299708281": "CFD trading allows you to trade on the price movement of an asset without buying or owning the underlying asset.", "-347302050": "low-cost trading", "-1763361912": "intraday trading opportunities", @@ -4432,10 +4446,7 @@ "-197524598": "Trade digital options, lookbacks, and Call/Put Spreads 24/7 on our synthetics that are free from real-world disruptions.", "-236676606": "Trade digital options on stocks & indices and profit from the price movements in our competitively priced asset baskets.", "-1192024363": "Speculate on the price movements of the world's major commodities – silver, gold, oil, and energy.", - "-1028545578": "Start trading options on Deriv", "-345016047": "Open a demo account and get unlimited virtual funds to practice on our platforms – DTrader, SmartTrader, and DBot.", - "-874422884": "Open a real account, make a deposit, and start trading options for real.", - "-1101198978": "Don't have a Deriv account yet?", "-239170576": "Learn about options trading on Deriv. Earn payouts by correctly predicting price movements without needing to buy the underlying assets.", "-135132536": "Open a real account, make a deposit, and start trading accumulators for real.", "-963994159": "Options trading | Trade digital options on Deriv", diff --git a/src/features/components/quill/options-layout/data.ts b/src/features/components/quill/options-layout/data.ts new file mode 100644 index 00000000000..2eeeea2c577 --- /dev/null +++ b/src/features/components/quill/options-layout/data.ts @@ -0,0 +1,79 @@ +import { StartTradingType } from 'features/components/templates/start-trading' +import { WhyTradeOptionsType } from 'features/components/templates/why-trade-options' +import FlexibleLayoutIcon from 'images/svg/trade-types/options/options-images/why_trade_options/flexiable_layout.svg' +import AllFavoriteIcon from 'images/svg/trade-types/options/options-images/why_trade_options/all_you_ favorite_markets.svg' +import InstantAccessIcon from 'images/svg/trade-types/options/options-images/why_trade_options/Instant_access.svg' +import AdvancedChartingWidgetsIcon from 'images/svg/trade-types/options/options-images/why_trade_options/advanced_charting_widgets.svg' +import FlexibleTradeTypesIcon from 'images/svg/trade-types/options/options-images/why_trade_options/flexiable_trade_types.svg' + +export const start_trading_data: StartTradingType = { + heading: '_t_Start trading options on Deriv_t_', + button: { + text: '_t_Create free demo account_t_', + url: { + type: 'internal', + to: '/signup', + }, + }, + items: [ + { + heading: '_t_Practise_t_', + description: + '_t_Open a demo account and get unlimited virtual funds to practise on our platforms — Deriv Trader, SmartTrader, and Deriv Bot._t_', + }, + { + heading: '_t_Trade_t_', + description: + '_t_Open a real account, make a deposit, and start trading options for real._t_', + }, + { + heading: '_t_Withdraw_t_', + description: + '_t_Conveniently withdraw your funds through any of our supported withdrawal methods._t_', + }, + ], +} + +export const why_trade_options_data: WhyTradeOptionsType = { + heading: '_t_Why trade options on Deriv_t_', + heading2: "_t_Don't have a Deriv account yet?_t_", + button: { + text: '_t_Create free demo account_t_', + url: { + type: 'internal', + to: '/signup', + }, + }, + items: [ + { + heading: '_t_Flexible payout options_t_', + description: + '_t_Know your potential profit with fixed payouts, or maximise potential profit with variable payouts if your predictions are right._t_', + icon_src: FlexibleLayoutIcon, + }, + { + heading: '_t_All favorite markets and more_t_', + description: + '_t_Trade on all popular markets plus our proprietary synthetics that are available 24/7._t_', + icon_src: AllFavoriteIcon, + }, + { + heading: '_t_Instant access_t_', + description: + '_t_Open an account now and gain access to the world of trading. No need to wait — you can begin trading in minutes._t_', + icon_src: InstantAccessIcon, + }, + { + heading: '_t_User-friendly platforms with powerful chart widgets_t_', + description: + '_t_Trade on secure, intuitive, and easy to use platforms with powerful chart technology._t_', + icon_src: AdvancedChartingWidgetsIcon, + }, + { + heading: '_t_Flexible trade types with minimal capital requirements_t_', + description: + '_t_Deposit as little as 5 USD to start trading and customise your trades to suit your strategy._t_', + icon_src: FlexibleTradeTypesIcon, + }, + ], +} diff --git a/src/features/components/quill/options-layout/index.tsx b/src/features/components/quill/options-layout/index.tsx index 801657846e6..2a4e6894a45 100644 --- a/src/features/components/quill/options-layout/index.tsx +++ b/src/features/components/quill/options-layout/index.tsx @@ -1,7 +1,10 @@ import React, { ReactNode } from 'react' import MainRowNavigation from '../../templates/navigation/main-nav' import Layout from '../quill-layout' +import { start_trading_data, why_trade_options_data } from './data' import MainFooter from 'features/components/templates/footer' +import StartTrading from 'features/components/templates/start-trading' +import WhyTradeOptions from 'features/components/templates/why-trade-options' import { TString } from 'types/generics' import OptionsTopTab from 'features/components/organisms/options-top-tab' import WhatAreDigitalOptions from 'features/components/organisms/what-are-digital-options' @@ -21,6 +24,8 @@ const OptionsLayout = ({ is_coming_soon = false, has_content_block = false, }: OptionsLayoutProps) => { + const shouldRenderComponents = !window.location.href.includes('accumulator-options') + return ( <> @@ -33,6 +38,12 @@ const OptionsLayout = ({ has_content_block={has_content_block} /> {children} + {shouldRenderComponents && ( + <> + + + + )} diff --git a/src/features/components/templates/digital-options-layout/index.tsx b/src/features/components/templates/digital-options-layout/index.tsx index 3d8e83dcf91..fc61c70fda3 100644 --- a/src/features/components/templates/digital-options-layout/index.tsx +++ b/src/features/components/templates/digital-options-layout/index.tsx @@ -1,6 +1,6 @@ import React from 'react' -import OptionsLayout from '../options-layout' import { AvailableDigitalOptionsData } from './data' +import OptionsLayout from 'features/components/quill/options-layout' import Flex from 'features/components/atoms/flex-box' import AvailableOptions from 'features/components/organisms/available-options' diff --git a/src/features/pages/options/turbo/index.tsx b/src/features/pages/options/turbo/index.tsx index 9b2b7e56896..343e796b490 100644 --- a/src/features/pages/options/turbo/index.tsx +++ b/src/features/pages/options/turbo/index.tsx @@ -4,7 +4,7 @@ import { why_turbo_section } from './styles.module.scss' import AvailableMarketPlatforms from 'features/components/organisms/available-markets-platforms' import OptionsContent from 'features/components/templates/options-content' import OptionsFaq from 'features/components/templates/options-faq' -import OptionsLayout from 'features/components/templates/options-layout' +import OptionsLayout from 'features/components/quill/options-layout' import Flex from 'features/components/atoms/flex-box' import Typography from 'features/components/atoms/typography' import { Localize } from 'components/localization' diff --git a/src/features/pages/options/vanilla/index.tsx b/src/features/pages/options/vanilla/index.tsx index fe58f1f2fcf..62e79437f87 100644 --- a/src/features/pages/options/vanilla/index.tsx +++ b/src/features/pages/options/vanilla/index.tsx @@ -4,7 +4,7 @@ import { why_vanilla_section } from './styles.module.scss' import AvailableMarketPlatforms from 'features/components/organisms/available-markets-platforms' import OptionsContent from 'features/components/templates/options-content' import OptionsFaq from 'features/components/templates/options-faq' -import OptionsLayout from 'features/components/templates/options-layout' +import OptionsLayout from 'features/components/quill/options-layout' import Flex from 'features/components/atoms/flex-box' import Typography from 'features/components/atoms/typography' import { Localize } from 'components/localization'