binary-com · suthesank · Jul 12, 2021 · Jun 15, 2021 · Jun 15, 2021 · Jun 16, 2021
@@ -15,6 +15,7 @@ exports.onCreatePage = ({ page, actions }) => {
     const is_p2p = /responsible/g.test(page.path)
     const is_story = /story/g.test(page.path)
     const is_market = /markets/g.test(page.path)
+    const is_cfds = /cfds/g.test(page.path)
 
     if (is_responsible_trading) {
         createRedirect({
@@ -97,6 +98,21 @@ exports.onCreatePage = ({ page, actions }) => {
         })
     }
 
+    if (is_cfds) {
+        createRedirect({
+            fromPath: `/trade-types/margin/`,
+            toPath: `/trade-types/cfds/`,
+            redirectInBrowser: true,
+            isPermanent: true,
+        })
+        createRedirect({
+            fromPath: `/trade-types/margin`,
+            toPath: `/trade-types/cfds/`,
+            redirectInBrowser: true,
+            isPermanent: true,
+        })
+    }
+
     Object.keys(language_config).map((lang) => {
         // Use the values defined in "locales" to construct the path
         const { path, is_default } = language_config[lang]
@@ -232,6 +248,21 @@ exports.onCreatePage = ({ page, actions }) => {
             })
         }
 
+        if (is_cfds) {
+            createRedirect({
+                fromPath: `/${lang}/trade-types/margin/`,
+                toPath: `/${lang}/trade-types/cfds/`,
+                redirectInBrowser: true,
+                isPermanent: true,
+            })
+            createRedirect({
+                fromPath: `/${lang}/trade-types/margin`,
+                toPath: `/${lang}/trade-types/cfds/`,
+                redirectInBrowser: true,
+                isPermanent: true,
+            })
+        }
+
         return current_page
     })
 }

@@ -125,7 +125,7 @@ const DTrading = ({ trading, reverse, two_title }) => {
     const data = useStaticQuery(query)
     return (
         <StyledSection>
-            <Container direction='column'>
+            <Container direction="column">
                 {trading.map((item, index) => {
                     let is_even = reverse ? (index + 1) % 2 : index % 2
                     return (

@@ -29,7 +29,7 @@ import DTrader from 'images/svg/dtrader-icon.svg'
 import Forex from 'images/svg/forex-nav.svg'
 import Help from 'images/svg/menu/help-center.svg'
 import Leadership from 'images/svg/menu/leadership.svg'
-import Margin from 'images/svg/margin-trading-nav.svg'
+import CFD from 'images/svg/margin-trading-nav.svg'
 import Multipliers from 'images/svg/multipliers-nav.svg'
 import Options from 'images/svg/options-nav.svg'
 import Partner from 'images/svg/menu/partner.svg'
@@ -269,14 +269,14 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                     <Flex direction="column" wrap="wrap" jc="flex-start">
                         <StyledText>{localize('Trade types')}</StyledText>
                         <NavCard
-                            aria_label="Margin trading"
-                            icon={() => <img src={Margin} alt="Margin" width="32" height="32" />}
+                            aria_label="CFDs"
+                            icon={() => <img src={CFD} alt="CFDs" width="32" height="32" />}
                             content={
-                                <Localize translate_text="Trade with leverage and low spreads for better returns on successful trades." />
+                                <Localize translate_text="Trade with leverage and tight spreads for better returns on successful trades." />
                             }
-                            title={<Localize translate_text="Margin trading" />}
+                            title={<Localize translate_text="CFDs" />}
                             onClick={onClick}
-                            to="/trade-types/margin/"
+                            to="/trade-types/cfds/"
                         />
                         {!is_eu_country && (
                             <NavCard
@@ -298,7 +298,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                                 <img src={Multipliers} alt="Multipliers" width="32" height="32" />
                             )}
                             content={
-                                <Localize translate_text="Combine the upside of margin trading with the simplicity of options." />
+                                <Localize translate_text="Combine the upside of CFDs with the simplicity of options." />
                             }
                             title={<Localize translate_text="Multipliers" />}
                             onClick={onClick}

@@ -23,7 +23,7 @@ import DTrader from 'images/svg/dtrader-icon.svg'
 import Forex from 'images/svg/forex-nav.svg'
 import Help from 'images/svg/menu/help-center.svg'
 import Leadership from 'images/svg/menu/leadership.svg'
-import MarginTrading from 'images/svg/margin-trading-nav.svg'
+import CFD from 'images/svg/margin-trading-nav.svg'
 import Multipliers from 'images/svg/multipliers-nav.svg'
 import Options from 'images/svg/options-nav.svg'
 import Partner from 'images/svg/menu/partner.svg'
@@ -151,21 +151,16 @@ export const OffCanvasMenuWrapper = (props) => {
                                 </Text>
                                 <Flex mb="2rem">
                                     <NavCard
-                                        aria_label="Margin trading"
+                                        aria_label="CFDs"
                                         icon={() => (
-                                            <img
-                                                src={MarginTrading}
-                                                alt="MarginTrading"
-                                                width="32"
-                                                height="32"
-                                            />
+                                            <img src={CFD} alt="CFDs" width="32" height="32" />
                                         )}
                                         content={
-                                            <Localize translate_text="Trade with leverage and low spreads for better returns on successful trades." />
+                                            <Localize translate_text="Trade with leverage and tight spreads for better returns on successful trades." />
                                         }
-                                        title={<Localize translate_text="Margin trading" />}
+                                        title={<Localize translate_text="CFDs" />}
                                         onClick={handleArrowClick}
-                                        to="/trade-types/margin/"
+                                        to="/trade-types/cfds/"
                                     />
                                 </Flex>
                                 {!is_eu_country && (
@@ -201,7 +196,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                             />
                                         )}
                                         content={
-                                            <Localize translate_text="Combine the upside of margin trading with the simplicity of options." />
+                                            <Localize translate_text="Combine the upside of CFDs with the simplicity of options." />
                                         }
                                         title={<Localize translate_text="Multipliers" />}
                                         onClick={handleArrowClick}

@@ -1,14 +1,11 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import {LinksWrapper, LinkWrapper, LinksCol, Title, Link } from './common/style.js'
+import { LinksWrapper, LinkWrapper, LinksCol, Title, Link } from './common/style.js'
 import { localize } from 'components/localization'
 import { Flex, Show } from 'components/containers'
-import {
-    deriv_status_page_url,
-} from 'common/constants'
-
-const MainLinksSection = ({is_ppc, is_ppc_redirect, is_eu_country }) => {
+import { deriv_status_page_url } from 'common/constants'
 
+const MainLinksSection = ({ is_ppc, is_ppc_redirect, is_eu_country }) => {
     return (
         <LinksWrapper>
             <Show.Desktop>
@@ -24,14 +21,10 @@ const MainLinksSection = ({is_ppc, is_ppc_redirect, is_eu_country }) => {
                             <Link to="/leadership/">{localize('Our leadership')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
-                            <Link to="/why-choose-us/">
-                                {localize('Why choose us?')}
-                            </Link>
+                            <Link to="/why-choose-us/">{localize('Why choose us?')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
-                            <Link to="/partners/">
-                                {localize('Partnership programmes')}
-                            </Link>
+                            <Link to="/partners/">{localize('Partnership programmes')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
                             <Link to="/contact_us/">{localize('Contact us')}</Link>
@@ -78,21 +71,15 @@ const MainLinksSection = ({is_ppc, is_ppc_redirect, is_eu_country }) => {
                                 <Title>{localize('TRADE TYPES')}</Title>
                             </LinkWrapper>
                             <LinkWrapper first_child="true">
-                                <Link to="/trade-types/margin/">
-                                    {localize('Margin trading')}
-                                </Link>
+                                <Link to="/trade-types/cfds/">{localize('CFDs')}</Link>
                             </LinkWrapper>
                             <Show.NonEU>
                                 <LinkWrapper>
-                                    <Link to="/trade-types/options/">
-                                        {localize('Options')}
-                                    </Link>
+                                    <Link to="/trade-types/options/">{localize('Options')}</Link>
                                 </LinkWrapper>
                             </Show.NonEU>
                             <LinkWrapper>
-                                <Link to="/trade-types/multiplier/">
-                                    {localize('Multipliers')}
-                                </Link>
+                                <Link to="/trade-types/multiplier/">{localize('Multipliers')}</Link>
                             </LinkWrapper>
                         </LinksCol>
                     )}
@@ -111,24 +98,18 @@ const MainLinksSection = ({is_ppc, is_ppc_redirect, is_eu_country }) => {
                             </LinkWrapper>
                         )}
                         <LinkWrapper>
-                            <Link to="/markets/stock/">
-                                {localize('Stocks & indices')}
-                            </Link>
+                            <Link to="/markets/stock/">{localize('Stocks & indices')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
-                            <Link to="/markets/commodities/">
-                                {localize('Commodities')}
-                            </Link>
+                            <Link to="/markets/commodities/">{localize('Commodities')}</Link>
                         </LinkWrapper>
                     </LinksCol>
                     <LinksCol>
                         <LinkWrapper>
                             <Title>{localize('LEGAL')}</Title>
                         </LinkWrapper>
                         <LinkWrapper first_child="true">
-                            <Link to="/regulatory">
-                                {localize('Regulatory information')}
-                            </Link>
+                            <Link to="/regulatory">{localize('Regulatory information')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
                             <Link to="/terms-and-conditions">
@@ -151,9 +132,7 @@ const MainLinksSection = ({is_ppc, is_ppc_redirect, is_eu_country }) => {
                             </Link>
                         </LinkWrapper>
                         <LinkWrapper>
-                            <Link to="/partners/payment-agent/">
-                                {localize('Payment agents')}
-                            </Link>
+                            <Link to="/partners/payment-agent/">{localize('Payment agents')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
                             <Link
@@ -186,14 +165,10 @@ const MainLinksSection = ({is_ppc, is_ppc_redirect, is_eu_country }) => {
                             </Link>
                         </LinkWrapper>
                         <LinkWrapper>
-                            <Link to="/trader-tools/">
-                                {localize('Traders’ tools')}
-                            </Link>
+                            <Link to="/trader-tools/">{localize('Traders’ tools')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
-                            <Link to="/payment-methods/">
-                                {localize('Payment methods')}
-                            </Link>
+                            <Link to="/payment-methods/">{localize('Payment methods')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
                             <Link
@@ -223,11 +198,11 @@ const MainLinksSection = ({is_ppc, is_ppc_redirect, is_eu_country }) => {
     )
 }
 
-export default MainLinksSection;
+export default MainLinksSection
 
 MainLinksSection.propTypes = {
     is_eu_country: PropTypes.bool,
     is_ppc: PropTypes.bool,
     is_ppc_redirect: PropTypes.bool,
     type: PropTypes.string,
-}
+}
@@ -234,13 +234,13 @@ const MarginCalculator = () => {
                         </MainHeader>
                         <StyledText>
                             <Localize
-                                translate_text="Explore <0>margin trading</0> on DMT5, and enjoy high leverage and low spreads to increase your returns when the market moves in your favour."
+                                translate_text="Explore <0>CFDs</0> on Deriv MT5, and enjoy high leverage and low spreads to increase your returns when the market moves in your favour."
                                 components={[
                                     <LinkText
                                         color="red"
                                         key={0}
                                         target="_blank"
-                                        href="/trade-types/margin/"
+                                        href="/trade-types/cfds/"
                                         rel="noopener noreferrer"
                                     />,
                                 ]}

@@ -5,7 +5,7 @@ import { Carousel, Header, Text } from 'components/elements'
 import { SectionContainer, Flex } from 'components/containers'
 import { localize, Localize, LocalizedLink } from 'components/localization'
 import { LinkButton } from 'components/form'
-import MarginLogo from 'images/svg/trade-types/margin.svg'
+import CFDLogo from 'images/svg/trade-types/cfds.svg'
 import OptionsLogo from 'images/svg/trade-types/options.svg'
 import MultipliersLogo from 'images/svg/trade-types/multipliers.svg'
 import Arrow from 'images/svg/arrow-right.svg'
@@ -87,14 +87,14 @@ TradeTypeSlide.propTypes = {
 }
 
 const TradeTypesMobile = () => {
-    const margin = {
-        icon: <img src={MarginLogo} alt="margin" width="48" height="49" />,
-        title: <Localize translate_text="Margin trading" />,
+    const cfds = {
+        icon: <img src={CFDLogo} alt="cfd" width="48" height="49" />,
+        title: <Localize translate_text="CFDs" />,
         description: (
-            <Localize translate_text="Trade with leverage and low spreads for better returns on successful trades." />
+            <Localize translate_text="Trade with leverage and tight spreads for better returns on successful trades." />
         ),
-        link: '/trade-types/margin/',
-        linkTitle: localize('Margin'),
+        link: '/trade-types/cfds/',
+        linkTitle: localize('CFD'),
     }
     const options = {
         icon: <img src={OptionsLogo} alt="options" width="48" height="49" />,
@@ -109,15 +109,15 @@ const TradeTypesMobile = () => {
         icon: <img src={MultipliersLogo} alt="multipliers" width="48" height="49" />,
         title: <Localize translate_text="Multipliers" />,
         description: (
-            <Localize translate_text="Get the best of both - the upside of margin trading with the simplicity of options." />
+            <Localize translate_text="Get the best of both - the upside of CFDs with the simplicity of options." />
         ),
         link: '/trade-types/multiplier/',
         linkTitle: localize('Multiplier'),
     }
 
     const { is_eu_country } = React.useContext(DerivStore)
 
-    const trade_types = is_eu_country ? [margin, multipliers] : [margin, options, multipliers]
+    const trade_types = is_eu_country ? [cfds, multipliers] : [cfds, options, multipliers]
 
     const settings = {
         options: {