binary-com · mitra-deriv · Sep 28, 2023 · May 2, 2023 · May 17, 2023 · May 18, 2023
@@ -233,6 +233,7 @@
   "236845507": "What are contracts for difference (CFDs)?",
   "237637819": "Where can I trade Touch/No Touch options?",
   "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.",
   "242356757": "Submit a report",
   "243072878": "15 - 5,000",
@@ -351,6 +352,7 @@
   "352494339": "Get trading with Deriv MT5",
   "354060979": "<0>1 lot</0> with 1000 leverage:",
   "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.",
   "358257887": "Once your submitted document has been approved, go to Cashier > DP2P to register your Deriv P2P account.",
   "358369253": "Can I close In/Out options before the end of the trade duration?",
   "358838306": "Vice President of Customer Support",
@@ -486,6 +488,7 @@
   "481411401": "Regulation",
   "482100031": "Trade the way you want with 3 exciting trade types.",
   "483166710": "You can open an Asians trade by:",
+  "484950532": "All day, all year",
   "485805015": "Can I close a High/Low Ticks contract before the contract expires?",
   "486632400": "Open a digital options contract with a High/Low ticks trade type on Deriv’s trading platforms and earn payouts with accurate market predictions.",
   "486935836": "I forgot my Google/Facebook/Apple account password. How can I log in to my Deriv account?",
@@ -540,6 +543,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",
   "524640779": "Please enter a valid password",
   "524754401": "Instruments available for multipliers trading",
   "526128866": "<p>Payout per point indicates the payout you will receive for each point above or below the strike price (which is selected before you enter the contract) within the contract period. This amount will depend on your stake.</p><p>For Call options, payout per point indicates the amount of payout you’ll gain for each point above the predetermined strike price, at the contract's expiry.</p><p>For Put options, payout per point indicates the amount of payout you’ll gain for each point below the predetermined strike price, at the contract's expiry.</p><p>Please note that this payout does not equal to potential profit. You'll only earn potential profit once the payout amount exceeds your stake amount.</p>",
@@ -633,6 +637,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.",
   "627774646": "Additional income stream from monthly subscriptions.",
@@ -944,6 +949,7 @@
   "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.",
   "915554307": "Your potential. Our technology.",
+  "915735859": "Quick account sign-in",
   "916591715": "The above information is updated monthly and, therefore, may not reflect current trading conditions.",
   "917157780": "If you select 'Differs', you receive the payout if the last digit of the exit price is different than your prediction.",
   "917922170": "- Select the underlying asset you want to trade.",
@@ -986,6 +992,7 @@
   "960618190": "Trade various assets in multiple markets simultaneously.",
   "961338094": "Enter multiplier value",
   "961530723": "Netflix Inc",
+  "961728715": "platform",
   "962218636": "Airbus SE",
   "963202666": "How do I sign up as an affiliate?",
   "968367390": "Traders typically analyse the underlying market and price trends to determine the likelihood of prices rising or falling over a given time period.",
@@ -1482,6 +1489,7 @@
   "1456673219": "How and when will I receive my commission payout?",
   "1456712815": "- Specifying the duration of the trade",
   "1456920032": "<0>Deriv X</0> and <1>Deriv MT5</1> 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</0> 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.",
@@ -1546,6 +1554,7 @@
   "1508447392": "Not all payment methods are available in your country. Kindly check your cashier for further information.",
   "1509244758": "Method",
   "1510075920": "Gold/USD",
+  "1511280539": "Take advantage of an easy-to-use interface for trading and charting that both new and experienced traders can enjoy.",
   "1514553548": "Melaka, Malaysia",
   "1516021730": "20 - 1,000",
   "1516676261": "Deposit",
@@ -1811,6 +1820,7 @@
   "1741108305": "- Place your trade.",
   "1742122525": "Automate your trading with DBot, Deriv’s trading robot which you can build without writing code.",
   "1742671486": "Can I select the duration for an Asians contract?",
+  "1743279813": "Why trade with Deriv cTrader",
   "1743448290": "Payment agents",
   "1744150552": "Your new Deriv EZ account is ready.",
   "1744637366": "Available on <0>Android</0> and <1>iOS</1>",
@@ -1939,6 +1949,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’.",
   "1860472068": "Online banking",
   "1861000095": "example",
+  "1861172210": "cTrader is our intuitive CFD trading platform where you can trade forex, commodities, stocks & indices, cryptocurrencies, and derived indices.",
   "1861302455": "You can place an In/Out trade by:",
   "1861802946": "Want to trade <br/> 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.",
@@ -2297,6 +2308,7 @@
   "-1290112064": "Deriv EZ",
   "-319687255": "Deriv GO",
   "-1246992539": "Binary Bot",
+  "-145462920": "Deriv cTrader",
   "-34495732": "Regulatory information",
   "-634625185": "Terms & conditions",
   "-258641121": "Deriv Prime",
@@ -2322,6 +2334,7 @@
   "-622923303": "Trade on Deriv MT5, the all-in-one CFD trading platform.",
   "-1278432184": "A highly customisable and easy-to-use CFD trading platform.",
   "-232026853": "Trade on global markets from anywhere with our mobile-first CFD trading platform.",
+  "-1434935157": "Advance trading, charting and technical analysis tools available for users.",
   "-1109694579": "Trade multipliers on forex, cryptocurrencies, and synthetic indices with our mobile app.",
   "-981017278": "Automated trading at your fingertips. No coding needed.",
   "-1668315223": "Traders’ tools",
@@ -3109,7 +3122,26 @@
   "-1718206543": "Enter your email address to begin",
   "-359315319": "Continue",
   "-497118625": "Your demo Deriv and cTrader accounts have been created successfully.",
+  "-1101838164": "A feature-rich",
+  "-319509090": "CFD trading",
+  "-76418992": "Deriv ctrader logo",
+  "-700260448": "demo",
+  "-1006826644": "<0>Sign in</0> to your Deriv account. If you don’t have one, <1>sign up</1> for free.",
+  "-1864840861": "Under CFDs, look for Deriv cTrader and select Get.",
+  "-706898598": "Go to the Trader’s hub and choose the Real option.",
+  "-639006406": "How to get started with a Deriv cTrader account",
+  "-544288925": "cTrader – a CFD trading platform | Deriv",
   "-1344568737": "The all-in-one CFD trading platform.",
+  "-1464815790": "Get trading with Deriv cTrader",
+  "-906824015": "Scan to download Deriv cTrader",
+  "-1517620254": "All your favourite assets in one place",
+  "-2142229954": "Know your trade margins",
+  "-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.",
   "-1930452638": "Deriv EZ logo",
   "-151281957": "CFDs trading platform",
   "-1252238038": "Add a Deriv EZ demo account.",
@@ -3121,7 +3153,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.",
@@ -3433,8 +3464,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.",
   "-1136280668": "licensed and regulated",
   "-1111729867": "Why trade with Deriv MT5",
@@ -4238,7 +4267,6 @@
   "-1477021091": "You can use our swap calculator to estimate the swap charges required to keep your positions open overnight on Deriv’s CFD trading platforms.",
   "-1984817147": "On Deriv, you can trade CFDs with tight spreads. The spread is the difference between the buy price and sell price. The tighter the spread, the lower the cost to enter the market.",
   "-877732419": "<0>High leverage</0> — Leverage allows you to open larger positions with a smaller balance in your trading account. The higher the leverage, the less money you need.",
-  "-319509090": "CFD trading",
   "-2087689842": "Why trade CFDs on Deriv",
   "-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.",

@@ -124,6 +124,14 @@ export const dmt5_windows_url =
     'https://download.mql5.com/cdn/web/deriv.limited/mt5/deriv5setup.exe'
 export const dp2p_google_play_url =
     'https://play.google.com/store/apps/details?id=com.deriv.dp2p&hl=en&gl=US'
+//to be updated with ctrader url later
+export const ctrader_google_play_url =
+    'https://play.google.com/store/apps/details?id=com.deriv.dp2p&hl=en&gl=US'
+export const ctrader_app_store_url =
+    'https://download.mql5.com/cdn/mobile/mt5/ios?server=Deriv-Demo,Deriv-Server'
+
+export const ctrader_web_browser_url = 'ct.deriv.com'
+export const ctrader_windows_url = 'https://getctrader.com/deriv/ctrader-deriv-setup.exe'
 export const growthbook_client_key = GATSBY_GROWTHBOOK_CLIENT_KEY
 export const gtm_test_domain = 'deriv-com.binary.sx'
 export const map_api_key = MAP_API_KEY
@@ -145,6 +153,7 @@ export const localized_link_url = Object.freeze({
     blog: blog_url,
     community: community_url,
     derivx: derivx_app_url,
+    deriv_app_login,
     api: deriv_api_url,
     dbot: deriv_bot_app_url,
     deriv_app: deriv_app_url,

@@ -26,6 +26,7 @@ const product_links: ProductLinksType = {
     deriv_app: ({ language, url }) =>
         getDerivAppLocalizedURL(localized_link_url['deriv_app'], language, url),
     mt5: ({ language, url }) => getDerivAppLocalizedURL(localized_link_url['mt5'], language, url),
+    deriv_app_login: () => localized_link_url['deriv_app_login'],
     derivx: ({ language, url }) =>
         getDerivAppLocalizedURL(localized_link_url['derivx'], language, url),
     affiliate_sign_in: ({ affiliate_lang }) =>

@@ -22,16 +22,22 @@ const TabContent = ({ items: initial_tems, direction = 'row' }: Omit<StepperTabT
             align={'center'}
             margin_inline={'10x'}
             margin_block={'20x'}
-            md={{ direction: direction, margin_block: '32x', pb: '40x', margin_inline: '0x' }}
+            md={{
+                direction: direction,
+                margin_block: '32x',
+                pb: '40x',
+                margin_inline: '0x',
+                gap: '40x',
+            }}
         >
             <FlexBox.Box
                 className={tab_images}
-                margin_inline={'40x'}
+                margin_inline={'25x'}
                 md={{ margin_block: '12x', margin_inline: '0x' }}
             >
                 {items[selected]?.image}
             </FlexBox.Box>
-            <FlexBox.Box>
+            <FlexBox.Box padding="5x">
                 <Box as={'ul'}>
                     {items.map((item, index) => {
                         const is_selected = selected === index
@@ -51,7 +57,7 @@ const TabContent = ({ items: initial_tems, direction = 'row' }: Omit<StepperTabT
                                     {`${index + 1}. `}
                                     <Localize
                                         translate_text={item.title}
-                                        components={[item?.component]}
+                                        components={item?.component}
                                     />
                                 </Typography.Paragraph>
                             </Box>

@@ -7,6 +7,7 @@
 .tab_images {
   max-block-size: 38.5rem;
   @include breakpoints(tablet) {
-    max-block-size: 62.5rem;
+    max-block-size: 43.4rem;
+    max-inline-size: 79.2rem;
   }
 }
@@ -6,35 +6,45 @@ import FlexBox from '../../flex-box'
 import FlexBoxContainer from '../../flex-box/box'
 import * as styles from './tab-switcher.module.scss'
 import { Localize } from 'components/localization'
+import dclsx from 'features/utils/dclsx'
 
-const TabSwitcher = ({ tab, onTabClick }: Omit<StepperTabTypes, 'items'>) => {
+const TabSwitcher = ({ tab, onTabClick, is_ctrader = false }: Omit<StepperTabTypes, 'items'>) => {
     return (
-        <FlexBoxContainer direction={'col'} align={'center'} justify={'center'} pt={'20x'}>
-            <Typography.Heading align={'center'} mb={'20x'}>
-                <Localize translate_text={'_t_How to get started with a Deriv EZ account_t_'} />
-            </Typography.Heading>
+        <FlexBoxContainer
+            direction={'col'}
+            align={'center'}
+            justify={'center'}
+            pb={'20x'}
+            md={{ padding: '10x' }}
+        >
             <FlexBox.Box justify={'center'}>
                 <TabButton
-                    className={
-                        tab === 'demo' ? styles.tab_switcher_active : styles.tab_switcher_unactive
-                    }
+                    className={dclsx(
+                        tab === 'demo' ? styles.tab_switcher_active : styles.tab_switcher_unactive,
+                        styles.demo_tab_button,
+                    )}
                     onClick={() => onTabClick('demo')}
                 >
                     <Typography.Paragraph size={'xlarge'} align={'center'}>
                         <Localize translate_text={'_t_Demo account _t_'} />
                     </Typography.Paragraph>
                 </TabButton>
-                <TabButton
-                    className={
-                        tab === 'real' ? styles.tab_switcher_active : styles.tab_switcher_unactive
-                    }
-                    style={{ background: 'transparent' }}
-                    onClick={() => onTabClick('real')}
-                >
-                    <Typography.Paragraph size={'xlarge'} align={'center'}>
-                        <Localize translate_text={'_t_Real account _t_'} />
-                    </Typography.Paragraph>
-                </TabButton>
+                {!is_ctrader && (
+                    <TabButton
+                        className={dclsx(
+                            tab === 'real'
+                                ? styles.tab_switcher_active
+                                : styles.tab_switcher_unactive,
+                            styles.real_tab_button,
+                        )}
+                        style={{ background: 'transparent' }}
+                        onClick={() => onTabClick('real')}
+                    >
+                        <Typography.Paragraph size={'xlarge'} align={'center'}>
+                            <Localize translate_text={'_t_Real account _t_'} />
+                        </Typography.Paragraph>
+                    </TabButton>
+                )}
             </FlexBox.Box>
         </FlexBoxContainer>
     )

@@ -1,3 +1,9 @@
+.demo_tab_button {
+    border-radius: 16px 0 0 16px;
+}
+.real_tab_button {
+    border-radius: 0px 16px 16px 0;
+}
 .tab_switcher {
     &_active {
         font-weight: bold;

@@ -4,7 +4,7 @@ import { TString } from 'types/generics'
 
 export type TabItemTypes = {
     title: TString
-    component?: React.ReactElement
+    component?: React.ReactElement[]
     image: React.ReactElement
     alt?: string
 }
@@ -14,4 +14,5 @@ export type StepperTabTypes = {
     tab?: string
     onTabClick: (step: 'demo' | 'real' | number) => void
     direction?: TFlexDirection
+    is_ctrader?: boolean
 }
@@ -12,7 +12,8 @@
         max-block-size: 64.1rem;
     }
 }
-.hero_desktop_image {
+.hero_image_wrapper {
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     @include breakpoints(tablet) {
         margin-inline-start: auto;
     }

@@ -22,6 +22,7 @@ const DerivProductHero = ({ contentData }: DerivProductHeroType) => {
             md={{ direction: 'row' }}
         >
             <FlexBox.Box
+                container="fluid"
                 className={hero_wrapper}
                 direction={'col'}
                 justify={'center'}