binary-com · mitra-deriv · Sep 28, 2023 · May 2, 2023 · May 17, 2023 · May 18, 2023
@@ -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</0> 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</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.",
@@ -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 <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.",
   "1867740000": "GBP/USD DFX10 Index",
@@ -2317,7 +2328,6 @@
   "-943701585": "Available on",
   "-1022786491": "chevron",
   "-1307341240": "extra info icon",
-  "-696867299": "Get trading",
   "-1041443625": "Deriv Investments (Europe) Limited is licensed and regulated by the Malta Financial Services Authority under the Investment Services Act (<0>licence</0>). Deriv Holdings (Guernsey) Limited is the holding company for the above subsidiary with the registration number 71479 and the registered address of 2nd Floor, 1 Cornet Street, St Peter Port, Guernsey, GY1 1BZ.",
   "-99908951": "Please read our <0>Terms and conditions</0>,<1> Risk disclosure</1>, and <2>Secure and responsible trading</2> to fully understand the risks involved before using our services. The information on this website does not constitute investment advice.",
   "-1353183095": "CFDs and other products offered on this website are complex instruments with high risk of losing money rapidly owing to leverage. You should consider whether you understand how these products work and whether you can afford to risk losing your money.",
@@ -2331,7 +2341,25 @@
   "-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",
+  "-76418992": "Deriv ctrader logo",
+  "-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.",
@@ -2345,7 +2373,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.",
@@ -2589,8 +2616,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",
@@ -3354,7 +3379,6 @@
   "-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.",
   "-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.",

@@ -10,9 +10,6 @@ import { Localize } from 'components/localization'
 const TabSwitcher = ({ tab, onTabClick }: 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>
             <FlexBox.Box justify={'center'}>
                 <TabButton
                     className={

@@ -4,7 +4,7 @@ import { TString } from 'types/generics'
 
 export type TabItemTypes = {
     title: TString
-    component?: React.ReactElement
+    component?: React.ReactElement | React.ReactElement[]
     image: React.ReactElement
     alt?: string
 }

@@ -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;
     }

@@ -1,6 +1,6 @@
 import React from 'react'
 import { DerivProductContentType } from './types'
-import { hero_desktop_image } from './deriv-products-hero.module.scss'
+import { hero_image_wrapper } from './deriv-products-hero.module.scss'
 import FlexBox from 'features/components/atoms/flex-box'
 
 interface ProductsBannerProps {
@@ -11,10 +11,12 @@ const ProductsBanner = ({ contentData }: ProductsBannerProps) => {
     const { hero, hero_mobile } = contentData
     return (
         <>
-            <FlexBox.Box ml={'17x'} className={hero_desktop_image} visible="larger-than-tablet">
+            <FlexBox.Box ml={'17x'} className={hero_image_wrapper} visible="larger-than-phone">
                 {hero}
             </FlexBox.Box>
-            <FlexBox.Box className="visible-phone-and-tablet">{hero_mobile}</FlexBox.Box>
+            <FlexBox.Box ml={'20x'} mt={'10x'} className={hero_image_wrapper} visible="phone-only">
+                {hero_mobile}
+            </FlexBox.Box>
         </>
     )
 }

@@ -10,7 +10,12 @@ export type TradingPlatformNumbersProps = {
 
 const TradingPlatformNumbers = ({ selling_points }: TradingPlatformNumbersProps) => {
     return (
-        <FlexBox.Box container={'fluid'} direction={'col'} margin_block={'20x'}>
+        <FlexBox.Box
+            container={'fluid'}
+            direction={'col'}
+            md={{ margin_block: '20x' }}
+            margin_block={'10x'}
+        >
             <FlexBox.Box
                 direction={'col'}
                 align={'center'}

@@ -1,11 +1,4 @@
 @use 'features/styles/theme/theme-mixins' as *;
-@import 'features/styles/theme/variables';
-
-.number_box {
-  @include breakpoints(tablet) {
-    border-bottom: 1px solid $color-grey-1;
-  }
-}
 
 .description_section {
   @include breakpoints(tablet) {

@@ -12,12 +12,7 @@ interface TradingPlatformDescriptionProps {
 }
 const TradeDescription = ({ title, subtitle }: TradingPlatformDescriptionProps) => {
     return (
-        <Container.Fluid
-            className={number_box}
-            margin_block={'20x'}
-            margin_inline={'8x'}
-            md={{ margin_block: '40x' }}
-        >
+        <Container.Fluid margin_block={'20x'} margin_inline={'8x'} md={{ margin_block: '40x' }}>
             <FlexBox.Box direction={'col'} className={description_section}>
                 <Typography.Heading align={'center'}>
                     <Localize translate_text={title} />

@@ -44,10 +44,3 @@ export type TradingPlatformOtherProps = {
     description: TString
     link: string
 }[]
-export type TradingPlatformDataType = {
-    trading_platform_hero: TradingPlatformPHeroProps
-    trading_platform_description: TradingPlatformDescriptionProps
-    trading_platform_start: TradingPlatformStartProps
-    trading_platform_banner?: BannerType
-    trading_platform_other: TradingPlatformOtherProps
-}
@@ -31,7 +31,7 @@ const TradingPlatformWhatHave = ({ items }: TradingPlatformWhatHaveProps) => {
                         }}
                     >
                         <FlexBox.Box direction={'col'} justify={'center'} className={flex_items}>
-                            <Typography.Heading mb={'6x'} align="left" textcolor="primary">
+                            <Typography.Heading mb={'6x'} align="left" textcolor="primary" mr="5x">
                                 <Localize translate_text={content.title} />
                             </Typography.Heading>
                             <Typography.Paragraph align={'left'} mb={'12x'} md={{ mb: '0x' }}>

@@ -0,0 +1,33 @@
+import React from 'react'
+import { StaticImage } from 'gatsby-plugin-image'
+import Image from 'features/components/atoms/image'
+import CTraderLogo from 'images/svg/trading-platforms/ctrader/ctrader-logo.svg'
+import { DerivProductContentType } from 'features/components/templates/banners/deriv-products-hero/types'
+
+export const hero_content_data: DerivProductContentType = {
+    main_title: ['_t_A feature-rich_t_', '_t_CFD trading_t_', '_t_platform_t_'],
+    hero: (
+        <StaticImage
+            src="../../../../images/common/trading-platforms/ctrader/ctrader-hero.png"
+            alt="Deriv ctrader online trading platform"
+            loading="eager"
+            quality={100}
+            formats={['avif', 'webp', 'auto']}
+            objectFit="contain"
+            placeholder="none"
+        />
+    ),
+    hero_mobile: (
+        <StaticImage
+            src="../../../../images/common/trading-platforms/ctrader/ctrader-hero-mobile-new-2.png"
+            alt="Deriv ctrader online trading platform"
+            loading="eager"
+            quality={100}
+            formats={['avif', 'webp', 'auto']}
+            objectFit="contain"
+            placeholder="none"
+        />
+    ),
+    logo: <Image src={CTraderLogo} height={64} alt={'_t_Deriv ctrader logo_t_'} />,
-    logo: <Image src={CTraderLogo} height={64} alt={'_t_Deriv ctrader logo_t_'} />,
+    logo: <Image src={CTraderLogo} height={64} alt={localize('_t_Deriv ctrader logo_t_')} />,
-    logo: <Image src={CTraderLogo} height={64} alt={'_t_Deriv ctrader logo_t_'} />,
+    logo: <Image src={CTraderLogo} height={64} alt={localize('_t_Deriv ctrader logo_t_')} />,
+    mobile_logo: <Image src={CTraderLogo} height={32} alt={'_t_Deriv ctrader logo_t_'} />,
-    mobile_logo: <Image src={CTraderLogo} height={32} alt={'_t_Deriv ctrader logo_t_'} />,
+    mobile_logo: <Image src={CTraderLogo} height={32} alt={localize('_t_Deriv ctrader logo_t_')} />,
-    mobile_logo: <Image src={CTraderLogo} height={32} alt={'_t_Deriv ctrader logo_t_'} />,
+    mobile_logo: <Image src={CTraderLogo} height={32} alt={localize('_t_Deriv ctrader logo_t_')} />,
+}
@@ -0,0 +1,9 @@
+import React from 'react'
+import { hero_content_data } from './data'
+import DerivProductHero from 'features/components/templates/banners/deriv-products-hero'
+
+const CTraderHero = () => {
+    return <DerivProductHero contentData={hero_content_data} />
+}
+
+export default CTraderHero