diff --git a/crowdin/messages.json b/crowdin/messages.json index c3b4584bf26..3b4a92490b5 100644 --- a/crowdin/messages.json +++ b/crowdin/messages.json @@ -43,7 +43,6 @@ "48235639": "The potential payout and loss (your initial stake) amounts are clearly displayed before you open the trade.", "48469443": "Complete <0>this form, and we'll get in touch with you in a couple of days.
You'll need a real Deriv trading account, too. If you don't have one, sign up <1>here.", "48763975": "What if I am unhappy with the outcome of my complaint?", - "49026512": "Get into the DMT5 experience", "49321507": "Do you offer micro forex pairs on Deriv MT5?", "49940599": "swap free", "50041988": "View current openings at Deriv’s office in the Cayman Islands. Join us and be part of a talented team that analyses compliance and trading strategies.", @@ -75,7 +74,6 @@ "67923436": "No, Deriv Bot will stop running when your web browser is closed.", "69523331": "If the selected barrier is close to the current price of the underlying instrument, the probability of the spot price touching the barrier in a \"Touch\" contract is higher compared to a \"No Touch\" contract. In this scenario, the potential payout amount for a \"Touch\" contract is lower.", "69859952": "Please enter your company name.", - "70604999": "As jump indices are synthetics, you can trade them 24/7, 365 days of the year.", "70668746": "If you select 'Rise', you receive the payout if the exit price is higher than the entry price.", "71016232": "OMG/USD", "71057750": "Go to {{platform_name}} dashboard", @@ -344,7 +342,6 @@ "334005764": "What is Deriv Trader?", "334011253": "1999", "335040248": "About us", - "337431163": "24/7 trading on synthetics indices", "337900732": "Denmark", "339084000": "LEGAL", "339879944": "GBP/USD", @@ -440,7 +437,6 @@ "426923558": "The closer the barrier is to the spot price, the higher the chance for your turbo options contract to expire worthless (which means, your contract will expire without any payout or profit).", "427008206": "Be transparent", "427157274": "Earn when your clients trade on an MT5 Financial account.

All commission rates are quoted in USD.", - "428153715": "Brand new synthetic indices are now available on DTrader and Deriv MT5", "429395367": "Guide and tutorial for DBot", "429483909": "<0>2 lots with 100 leverage:", "430936420": "Access over 50 assets and also trade with up to 1:1000 leverage and zero commission on trades.", @@ -546,7 +542,6 @@ "518906831": "Can I use the same address to make a cryptocurrency deposit?", "519988278": "Fox Corp Class B", "520136698": "Boom 500 Index", - "520226183": "Open a demo account and start trading for free. Practise with an unlimited amount of virtual funds.", "520696532": "Your trusted broker with intuitive forex trading platforms, convenient payment options, and a 24/7 support team.", "521140114": "Start trading commodities on Deriv in 3 simple steps", "521161227": "DSI30", @@ -812,7 +807,6 @@ "770100372": "Instant access", "771178720": "We provide marketing materials such as banners, videos, and text ads that you can use to bring new clients to our platform.", "773309981": "Oil/USD", - "774654899": "DMT5 trading platform at Deriv", "775706054": "Do you sell trading bots?", "775826029": "In the Copy tab of your Deriv cTrader account, search for strategy providers. Pick your favourite strategies, allocate funds, and start copy trading.", "777072220": "Click the Buy button to open your trade.", @@ -826,7 +820,6 @@ "783391379": "To receive the minimum commission (0.01 in any currency) allowed by the system, the minimum volume requirement is calculated based on the following formulas:", "783545585": "Correctly predict the price movements of the world's most popular cryptocurrencies. Over 17 crypto pairs to trade on.<0 />", "783815409": "Configure your trading and risk management parameters. Then click OK to complete the process.", - "784131672": "Jumps", "784262660": "New and promising", "785833862": "Open a digital options contract with a Digits trade type on Deriv’s trading platforms and earn payouts with accurate market predictions.", "785969488": "Jump 75 Index", @@ -1016,7 +1009,6 @@ "953170529": "Enjoy zero commission trading on all assets.", "954358534": "Rating a great experience lets you show your appreciation towards your trade partners. They’ll be encouraged to maintain their excellent standards upon receiving your positive ratings. Your ratings and recommendations will also help other Deriv P2P users find reliable trade partners.", "955451911": "Take advantage of high leverage and tight spreads on Deriv’s CFD trading platforms.", - "957496593": "We got you covered", "958430760": "In/Out", "958956881": "A chart illustrating a losing Low Ticks trade type contract", "959971586": "We'll email you instructions to reset your password.", @@ -1312,7 +1304,6 @@ "1244168183": "IBM", "1244469368": "Predict whether the last digit of the exit price will be an even or odd number.", "1246145751": "Help centre | Frequently asked questions | Security | Deriv", - "1248844726": "Deriv MT5 (DMT5)", "1249011149": "Expert support", "1250814650": "We offer the widest selection of derivatives to trade, with sharp prices and tight spreads that attract over 2.5 million online traders worldwide. Our technology provides an intuitive and powerful trading experience, enabling our clients to understand risk more effectively to make informed trading decisions.", "1250818586": "Which Deriv trading platforms can I use to trade Reset Call/Reset Put contracts?", @@ -1337,7 +1328,6 @@ "1272012156": "GBP/CHF", "1272902088": "100,000 ) }", "1274309337": "DOG/USD", - "1274713580": "Get your funds quickly and easily. We support a variety of withdrawal options.", "1275474387": "Quick", "1275674402": "Go long and short", "1277672291": "Yes, you are allowed to enter multiple High/Low Ticks contracts at the same time.", @@ -1440,7 +1430,6 @@ "1370655673": "Affiliate and IB programmes | Partnership programmes | Deriv", "1371193412": "Cancel", "1372981277": "Responsive platforms", - "1373549717": "Jump Indices", "1374586234": "Grow your potential payout at every tick with accumulator options. Accumulator trading is available on volatility indices under derived indices.", "1375342464": "Deriv MT5 signals", "1376119698": "Why does the \"Matches\" contract have a higher predicted payout compared to \"Differs\"?", @@ -1557,7 +1546,6 @@ "1478423964": "Deriv's proprietary synthetics are free of market and liquidity risks. Enjoy 24/7 synthetic trading on Deriv MT5, DTrader, and our other platforms.", "1479399998": "Find your role with us by browsing Deriv job opportunities in Kigali, Rwanda.", "1481797714": "Go to DTrader", - "1482377321": "Rated ‘Excellent’ on Trustpilot", "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.", @@ -2145,7 +2133,6 @@ "1976014299": "For <0>oil, a deal for 10 lots for a price of USD 96 will pay out USD 0.05 in commission based on the following formula:", "1976889936": "Yes, you can select the duration of your Touch/No Touch contract. You can choose to open a contract for as short as 5 ticks to as long as 365 days (depending on the trading asset selected).", "1977907302": "Dependable", - "1978148367": "Open a real account, make a deposit, and start trading for real. Trade forex, indices, commodities, and more.", "1979503547": "Trading terms", "1980724783": "The point value is derived from the current digits of the asset. In this example, the digit is 5, so the point value is 0.00001.", "1981714597": "The world’s most popular digital currencies.", @@ -2223,7 +2210,6 @@ "2041763181": "Once we've paid your commission into your account, you can withdraw whenever you want.", "2043507434": "Here's what you can do:", "2044967354": "You can see your available balance in the <0>My profile tab.", - "2044999022": "Trade jump indices, the new synthetics with a twist", "2045663780": "You call the shots", "2045764916": "0.0006631", "2046788283": "What markets can I trade on DTrader?", @@ -2314,7 +2300,6 @@ "2121227568": "NEO/USD", "2121790637": "How to buy your first multipliers contract on Deriv Trader", "2123318546": "RTS28 2021", - "2124129338": "Deriv - An online trading platform that offers a wide selection of derivatives to trade on", "2125222257": "Trade forex, stocks, crypto, gold & commodities | Deriv", "2126425899": "Adidas Salomon", "2127031078": "Available to trade 24/7 on popular crypto assets", @@ -3449,11 +3434,6 @@ "-955173076": "We provide clear, accessible information about our platforms and processes so we can build trust and strong client relationships. Through detailed product descriptions and open communication, we aim to make it easier for you to make informed trading decisions.", "-2032112598": "Be responsible", "-35673135": "We build our services and platforms on a foundation of trust, honesty, and ethical practices. By proactively implementing policies and controls to prevent unlawful activities, we ensure a fair and secure environment for our trading community.", - "-1354825404": "New to trading?", - "-1571360471": "Tailored learning resources", - "-1307122236": "Multilingual support anytime", - "-1943952619": "Regulated and licensed globally", - "-1863275344": "250+ tradeable financial and derived assests", "-2125275828": "Unique trade types. Hundreds of instruments. Financial and derived markets.", "-154889447": "Ready to join over 2.5 million traders who have chosen Deriv as their trusted broker? Enter your email address to create a free demo account.", "-1957784093": "Easy And Free Sign Up | Online Trading | Deriv.com", @@ -3547,6 +3527,7 @@ "-11775922": "Trading Volatility 100 Index on Deriv GO", "-1429891690": "Better risk management", "-789090463": "Risk management on Deriv GO", + "-1313766935": "Take a look at Deriv GO’s product roadmap, give us your feedback on what we’re building and suggestions on what to build next.", "-324582954": "Trade forex, synthetics, and cryptocurrencies with our app — Deriv GO.", "-1956694920": "Get trading with Deriv X", "-1499489324": "Deriv X demo account signup page", @@ -3711,8 +3692,6 @@ "-143741607": "Deriv is the best forex broker I have ever come across!", "-642822922": "What our clients say about Deriv", "-2102582479": "Award-winning online broker, rated excellent on Trustpilot. Sign up for a demo trading account to trade forex, stocks, and other financial markets.", - "-97177023": "Trade 24/7 on forex, stocks, synthetic indices, and commodities", - "-988523882": "DMT5", "-973175694": "email address", "-175133087": "Get your free ebook now!", "-439480253": "Plus a free demo account to practice.", @@ -3760,12 +3739,6 @@ "-1399909248": "Take advantage of the best trading conditions by Deriv", "-742854273": "Weekends", "-791962871": "Ride the trends even on weekends", - "-1293694434": "3 simple steps", - "-704828346": "Online trading platform | Forex, commodities, synthetic indices, stocks, and stock indices | Deriv", - "-1663221456": "Trade synthetics with our new jump indices and take advantage of the constant volatility with a twist — price jumps.", - "-1433405472": "Experience equal probability of an upward or downward price jump every 20 minutes on average.", - "-1687100060": "Available 24/7", - "-167184778": "Trade with high leverage ratios to have even more opportunities to increase your position size.", "-1355872061": "Join over 1 million people who trade stocks, forex and other markets on Deriv.com — the award-winning broker that’s been trusted for over 20 years.", "-1859592272": "deriv platform", "-399480833": "deriv platform mobile", @@ -4336,6 +4309,7 @@ "-1678516609": "Deriv operates and offers its products and services under the Deriv Group, which has several subsidiary companies licensed in their respective jurisdictions.", "-1937167246": "Return to log in", "-2054653788": "Forgot your Deriv password? Want to reset your password? Send us your email address and we’ll email you the instructions.", + "-1354825404": "New to trading?", "-669896084": "Strong password", "-1511869631": "Use strong and varied passwords. Make them as difficult as possible for anyone to guess.", "-1973397639": "Secured login details", diff --git a/src/components/custom/other-platforms.tsx b/src/components/custom/other-platforms.tsx index fdda6eafc77..f1ef79de4cf 100644 --- a/src/components/custom/other-platforms.tsx +++ b/src/components/custom/other-platforms.tsx @@ -180,7 +180,7 @@ export const BotCard = ({ is_selected, word_break_cover }: CardProps) => ( ) export const DMT5Card = ({ is_selected, is_ppc_redirect, word_break_cover }: DMT5CardProps) => ( - + {is_row && ( <> diff --git a/src/components/elements/off-canvas-menu.tsx b/src/components/elements/off-canvas-menu.tsx index 1e90ae32b4e..f7c89f182bb 100644 --- a/src/components/elements/off-canvas-menu.tsx +++ b/src/components/elements/off-canvas-menu.tsx @@ -254,7 +254,7 @@ export const OffCanvasMenuWrapper = (props: OffCanvasMenuWrapperProps) => { content="_t_Trade on Deriv MT5, the all-in-one CFD trading platform._t_" title="_t_Deriv MT5_t_" onClick={handleArrowClick} - to={props.is_ppc_redirect ? '/landing/dmt5/' : '/dmt5/'} + to="/dmt5" /> {is_row && ( diff --git a/src/images/svg/dmt5/bg_banner_dmt5.svg b/src/images/svg/dmt5/bg_banner_dmt5.svg deleted file mode 100644 index 4d62ea11c6f..00000000000 --- a/src/images/svg/dmt5/bg_banner_dmt5.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/images/svg/dmt5/bg_banner_dmt5_mobile.svg b/src/images/svg/dmt5/bg_banner_dmt5_mobile.svg deleted file mode 100644 index 27df1545703..00000000000 --- a/src/images/svg/dmt5/bg_banner_dmt5_mobile.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/images/svg/dmt5/dmt5-bg.svg b/src/images/svg/dmt5/dmt5-bg.svg deleted file mode 100644 index 707b3aaaee6..00000000000 --- a/src/images/svg/dmt5/dmt5-bg.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/images/svg/dmt5/dmt5-bg2.svg b/src/images/svg/dmt5/dmt5-bg2.svg deleted file mode 100644 index 40d99bdaa5f..00000000000 --- a/src/images/svg/dmt5/dmt5-bg2.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/pages/home/_trade.tsx b/src/pages/home/_trade.tsx index efb3bf1680f..9a74e9fb080 100644 --- a/src/pages/home/_trade.tsx +++ b/src/pages/home/_trade.tsx @@ -1,7 +1,7 @@ import React, { useEffect, useState } from 'react' import styled from 'styled-components' import { graphql, useStaticQuery } from 'gatsby' -import { TraderCard, BotCard, DMT5Card } from 'components/custom/other-platforms' +import { TraderCard, BotCard } from 'components/custom/other-platforms' import { Localize, localize } from 'components/localization' import { SectionContainer, Container, Flex, CssGrid } from 'components/containers' import { Header, QueryImage } from 'components/elements' @@ -41,9 +41,6 @@ const query = graphql` dbot_trade: file(relativePath: { eq: "home/dbot_trade_home.png" }) { ...fadeIn } - dmt5_trade: file(relativePath: { eq: "home/dmt5_trade_home.png" }) { - ...fadeIn - } } ` @@ -92,12 +89,6 @@ const Trade = ({ is_ppc_redirect }: TradeProps) => { alt={localize('_t_Dbot trading platform at Deriv_t_')} /> - - -
@@ -116,12 +107,6 @@ const Trade = ({ is_ppc_redirect }: TradeProps) => {
)} -
setSelected(platforms.mt5)} - onMouseLeave={() => setSelected('')} - > - -
diff --git a/src/pages/landing/dmt5/index.tsx b/src/pages/landing/dmt5/index.tsx deleted file mode 100644 index b94c65eef03..00000000000 --- a/src/pages/landing/dmt5/index.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import React, { useState, useEffect } from 'react' -import { graphql, useStaticQuery } from 'gatsby' -import { WhyTrader, StartTrader, DownloadApp, Flexibility, DBanner } from '../../dmt5/_lazy-load' -import Numbers from '../../dmt5/_numbers' -import WhatIsTrader from '../../dmt5/_what-is-trader' -import DHero from 'components/custom/_dhero-2' -import BackgroundPatternDMT5 from 'images/svg/dmt5/bg_banner_dmt5.svg' -import BackgroundPatternDMT5_mobile from 'images/svg/dmt5/bg_banner_dmt5_mobile.svg' -import Layout from 'components/layout/layout' -import dmt5_logo from 'images/svg/dmt5/dmt5-icon.svg' -import { SEO } from 'components/containers' -import { WithIntl } from 'components/localization' -import DMT5BG from 'images/svg/dmt5/dmt5-bg.svg' -import DMT5BG2 from 'images/svg/dmt5/dmt5-bg2.svg' -import { size } from 'themes/device' -import { isBrowser } from 'common/utility' -import { TGatsbyHead } from 'features/types' - -const query = graphql` - query { - deriv_platform: file(relativePath: { eq: "dmt5/dmt5-banner.png" }) { - ...fadeIn - } - } -` - -const DMT5 = () => { - const [is_mobile, setMobile] = useState(false) - - useEffect(() => { - const handleResizeWindow = () => { - setMobile(isBrowser() ? window.screen.width <= size.mobileL : false) - } - window.addEventListener('resize', handleResizeWindow) - - return () => { - window.removeEventListener('resize', handleResizeWindow) - } - }, []) - const data = useStaticQuery(query) - - return ( - - - - - - - - {/* TODO: add this section when trade tools are ready */} - {/* */} - - - - ) -} - -export default WithIntl()(DMT5) - -export const Head = ({ pageContext }: TGatsbyHead) => ( - -) diff --git a/src/pages/landing/index.tsx b/src/pages/landing/index.tsx deleted file mode 100644 index 2b22cc1da57..00000000000 --- a/src/pages/landing/index.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import React from 'react' -import { Markets, WhatOurClientsSay, SimpleSteps, Signup } from '../home/_lazy-load' -import Hero from '../home/_hero' -import Trade from '../home/_trade' -import TradeTheWayYouLike from '../home/_trade-the-way-you-like' -import { Desktop, Mobile, SEO } from 'components/containers' -import Layout from 'components/layout/layout' -import { WithIntl, localize } from 'components/localization' -import { Appearances } from 'components/custom/signup' -import PractiseIcon from 'images/svg/markets/aim.svg' -import TradeIcon from 'images/svg/markets/trade.svg' -import WithdrawIcon from 'images/svg/markets/withdraw.svg' -import { TSimpleStepContent } from 'pages/markets/static/content/_types' -import { TGatsbyHead } from 'features/types' - -const simple_step_content: TSimpleStepContent[] = [ - { - header: '_t_Practise_t_', - text: '_t_Open a demo account and start trading for free. Practise with an unlimited amount of virtual funds._t_', - icon: {localize('_t_Practise_t_')}, - }, - { - header: '_t_Trade_t_', - text: '_t_Open a real account, make a deposit, and start trading for real. Trade forex, indices, commodities, and more._t_', - icon: {localize('_t_Trade_t_')}, - }, - { - header: '_t_Withdraw_t_', - text: '_t_Get your funds quickly and easily. We support a variety of withdrawal options._t_', - icon: {localize('_t_Withdraw_t_')}, - }, -] - -const Home = () => { - return ( - - - - - - - - - - - - - - ) -} - -export default WithIntl()(Home) - -export const Head = ({ pageContext }: TGatsbyHead) => ( - -) diff --git a/src/pages/landing/jump-indices/_dBanner.tsx b/src/pages/landing/jump-indices/_dBanner.tsx deleted file mode 100644 index eb8cb40a4db..00000000000 --- a/src/pages/landing/jump-indices/_dBanner.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react' -import styled from 'styled-components' -import { SectionContainer, Flex } from 'components/containers' -import { Header } from 'components/elements' -import { Localize } from 'components/localization' -import device from 'themes/device' - -const SectionWrapper = styled(SectionContainer)` - background: var(--color-white); - padding: 80px 120px; - @media ${device.tabletL} { - padding: 40px 16px; - } -` -const StyledHeader = styled(Header)` - text-align: center; - max-width: 1200px; - @media ${device.tabletL} { - max-width: 58.8rem; - } -` - -const DBanner = () => { - return ( - - - - - - - - ) -} - -export default DBanner diff --git a/src/pages/landing/jump-indices/_dHero.tsx b/src/pages/landing/jump-indices/_dHero.tsx deleted file mode 100644 index 644e1be850a..00000000000 --- a/src/pages/landing/jump-indices/_dHero.tsx +++ /dev/null @@ -1,177 +0,0 @@ -import React, { createRef, useEffect } from 'react' -import lottie from 'lottie-web' -import styled from 'styled-components' -import { Container, Flex } from 'components/containers' -import { Header } from 'components/elements' -import { Localize } from 'components/localization' -import { LinkButton } from 'components/form' -import { usePageLoaded } from 'components/hooks/use-page-loaded' -import device from 'themes/device' -import GridSVG from 'images/svg/jump-indices/jump-indices-grid.svg' -import JumpIndicesAnimation from 'lotties/JumpIndicesChart.json' - -const MainWrapper = styled(Flex)` - background: linear-gradient(120.16deg, var(--color-black) 34.11%, var(--color-blue-8) 115.35%); - flex-direction: column; - overflow: hidden; - position: relative; - - @media ${device.tabletL} { - background: linear-gradient(179deg, var(--color-black) 34.11%, var(--color-blue-8) 115.35%); - margin-top: -8px; - } -` -const ParentWrapperBackground = styled.img` - height: 100%; - position: absolute; - right: 0; - top: 0; - @media ${device.tabletL} { - height: 50%; - } - @media ${device.mobileM} { - height: 41%; - } -` -const ParentWrapper = styled(Container)` - position: relative; - height: 100%; - z-index: 2; - padding: 8rem 0; - justify-content: flex-start; - - @media ${device.tabletL} { - height: unset; - max-width: 58.8rem; - padding: 16px 0 40px; - flex-direction: column-reverse; - } -` -const LeftWrapper = styled(Flex)` - width: 50%; - max-width: 588px; - flex-direction: column; - z-index: 1; - - @media (max-width: 1365px) { - width: 65%; - max-width: 100%; - } - @media ${device.tabletL} { - width: 100%; - max-width: 58.8rem; - margin-top: 16px; - } -` -const StyledHeader = styled(Header)` - margin-bottom: 16px; - line-height: 100px; - @media ${device.tabletL} { - font-size: 32px; - line-height: 40px; - } -` -const StyledHeaderSmall = styled(Header)` - line-height: 36px; - margin-bottom: 32px; - @media ${device.tabletL} { - font-size: 18px; - line-height: 26px; - margin-bottom: 24px; - } -` -const BtnDiv = styled(Flex)` - height: unset; - justify-content: start; -` -const RigthWrapper = styled(Flex)` - width: 60%; - position: absolute; - right: 0; - z-index: 0; - - @media ${device.tabletL} { - width: 100%; - position: unset; - right: unset; - z-index: unset; - max-width: 58.8rem; - } -` -const StyledLinkButton = styled(LinkButton)` - border: unset; - font-size: 20px; - line-height: 30px; - @media ${device.tabletL} { - font-size: 14px; - line-height: 20px; - } -` -const StyledAnimationWrapper = styled(Flex)` - align-items: center; - margin-right: -120px; - mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 25%); - - @media (max-width: 1365px) { - mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 1) 65%); - } - @media ${device.tabletL} { - mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%); - margin-right: -30px; - } -` - -const DHero = () => { - const animation_container = createRef() - // the is mounted check is used for making sure the localized link text - // properly renders the correct domain url - const [is_mounted] = usePageLoaded() - - useEffect(() => { - const anim = lottie.loadAnimation({ - container: animation_container.current, - renderer: 'svg', - loop: true, - autoplay: true, - animationData: JumpIndicesAnimation, - }) - return () => anim.destroy() - }, []) - - return ( - - - - - - - - - - - {is_mounted && ( - - - - )} - - - - - - - - - - ) -} - -export default DHero diff --git a/src/pages/landing/jump-indices/_jumpSection.tsx b/src/pages/landing/jump-indices/_jumpSection.tsx deleted file mode 100644 index 65aed062212..00000000000 --- a/src/pages/landing/jump-indices/_jumpSection.tsx +++ /dev/null @@ -1,105 +0,0 @@ -import React from 'react' -import styled from 'styled-components' -import { Flex } from 'components/containers' -import { Header } from 'components/elements' -import { Localize } from 'components/localization' -import device from 'themes/device' -import JumpSVG from 'images/svg/jump-indices/jump-indices-imagery.svg' - -const MainWrapper = styled(Flex)` - background: var(--color-white); - margin: 0 auto; - padding: 0 120px 80px; - @media ${device.tabletL} { - padding: 0 16px 40px; - } -` -const ParentWrapper = styled(Flex)` - justify-content: space-between; - align-items: center; - max-width: 1200px; - @media ${device.tabletL} { - flex-direction: column; - } -` -const LeftWrapper = styled(Flex)` - width: auto; - justify-content: flex-end; - align-items: center; - flex-direction: column; - margin: 0 126px 0 102px; - word-break: break-word; - - @media (max-width: 1300px) { - margin: 0 16px 24px 0; - width: 50%; - } - - @media ${device.tabletL} { - width: 100%; - max-width: 58.8rem; - } -` -const RightWrapper = styled(Flex)` - width: 50%; - max-width: 486px; - align-items: center; - @media ${device.tabletL} { - width: 100%; - max-width: 58.8rem; - } -` -const StyledHeader = styled(Header)` - margin-bottom: 8px; - @media ${device.tabletL} { - text-align: center; - } -` -const StyledHeaderSmall = styled(Header)` - line-height: 36px; - @media ${device.tabletL} { - text-align: center; - font-size: 18px; - line-height: 26px; - max-width: 328px; - } -` -const ImgWrapper = styled(Flex)` - flex-direction: flex-end; -` -const ImgDiv = styled.img` - height: 100%; - - @media (max-width: 1300px) { - height: unset; - width: 100%; - } - - @media ${device.tabletL} { - max-width: 100%; - } -` - -const JumpSection = () => { - return ( - - - - - - - - - - - - - - - - - - ) -} - -export default JumpSection diff --git a/src/pages/landing/jump-indices/_leverages.tsx b/src/pages/landing/jump-indices/_leverages.tsx deleted file mode 100644 index 65957f2f7fc..00000000000 --- a/src/pages/landing/jump-indices/_leverages.tsx +++ /dev/null @@ -1,136 +0,0 @@ -import React from 'react' -import styled from 'styled-components' -import { Flex } from 'components/containers' -import { Header } from 'components/elements' -import { Localize } from 'components/localization' -import { LinkButton } from 'components/form' -import { usePageLoaded } from 'components/hooks/use-page-loaded' -import device from 'themes/device' -import TradingIcon from 'images/svg/jump-indices/jump-indices-24-7-trading.svg' -import LeverageIcon from 'images/svg/jump-indices/jump-indices-high-leverage.svg' -import { ContentType } from 'pages/landing/_types' - -const MainWrapper = styled(Flex)` - background: var(--color-white); - margin: 0 auto; - padding: 0 120px; - flex-direction: column; - - @media ${device.tabletL} { - margin: 0 auto; - padding: 0 16px; - } -` -const ParentWrapper = styled(Flex)` - align-items: flex-start; - max-width: 1200px; - padding-bottom: 80px; - margin: 0 auto; - @media ${device.tabletL} { - flex-direction: column; - align-items: center; - padding-bottom: 40px; - } -` -const EachWrapper = styled(Flex)` - width: 50%; - align-items: center; - flex-direction: column; - - :first-child { - margin-right: 24px; - } - - @media ${device.tabletL} { - max-width: 58.8rem; - width: 100%; - - :first-child { - margin-right: 0; - margin-bottom: 40px; - } - } -` -const StyledHeader = styled(Header)` - margin-bottom: 8px; - text-align: center; -` -const StyledHeaderSmall = styled(Header)` - text-align: center; - line-height: 36px; - - @media ${device.tabletL} { - font-size: 18px; - line-height: 26px; - } -` -const ImgWrapper = styled.img` - width: 80px; - height: 80px; - margin-bottom: 24px; - @media ${device.tabletL} { - margin-bottom: 16px; - } -` -const BtnWrapper = styled(Flex)` - padding-bottom: 80px; - @media ${device.tabletL} { - padding-bottom: 40px; - } -` -const StyledLinkButton = styled(LinkButton)` - padding: 11px 16px; -` - -const content: ContentType[] = [ - { - imgsrc: TradingIcon, - header: '_t_Available 24/7_t_', - title: '_t_As jump indices are synthetics, you can trade them 24/7, 365 days of the year._t_', - }, - { - imgsrc: LeverageIcon, - header: '_t_High leverage_t_', - title: '_t_Trade with high leverage ratios to have even more opportunities to increase your position size._t_', - }, -] - -const Leverages = () => { - // the is mounted check is used for making sure the localized link text - // properly renders the correct domain url - const [is_mounted] = usePageLoaded() - - return ( - - - {content?.map(({ imgsrc, header, title }) => ( - - - - - - - - - - ))} - - - {is_mounted && ( - - - - )} - - - ) -} - -export default Leverages diff --git a/src/pages/landing/jump-indices/index.tsx b/src/pages/landing/jump-indices/index.tsx deleted file mode 100644 index 3a99973de6a..00000000000 --- a/src/pages/landing/jump-indices/index.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from 'react' -import DHero from './_dHero' -import DBanner from './_dBanner' -import JumpSection from './_jumpSection' -import Leverages from './_leverages' -import { SEO } from 'components/containers' -import Layout from 'components/layout/layout' -import { WithIntl } from 'components/localization' -import { TGatsbyHead } from 'features/types' - -const JumpIndices = () => { - return ( - - - - - - - ) -} - -export default WithIntl()(JumpIndices) - -export const Head = ({ pageContext }: TGatsbyHead) => ( - -)