@@ -4,82 +4,82 @@ import { translate } from '../../../common/i18n';
4
4
5
5
const carouselContentArray = [
6
6
{
7
- url : 'https://smarttrader.deriv.com/' ,
8
- action_text : translate ( 'Check it out' ) ,
9
- img : 'image/landing-carousel/smart-trader.png' ,
10
- platform_title : translate ( 'SmartTrader' ) ,
11
- platform_description : translate ( 'Our classic options trading platform' ) ,
7
+ url : 'https://smarttrader.deriv.com/' ,
8
+ action_text : 'Check it out' ,
9
+ img : 'image/landing-carousel/smart-trader.png' ,
10
+ platform_title : 'SmartTrader' ,
11
+ platform_description : 'Our classic options trading platform' ,
12
12
} ,
13
13
{
14
- url : 'https://bot.deriv.com/' ,
15
- action_text : translate ( 'Check it out' ) ,
16
- img : 'image/landing-carousel/binary-bot.png' ,
17
- platform_title : translate ( 'Binary Bot' ) ,
18
- platform_description : translate ( 'Our classic automated trading platform' ) ,
14
+ url : 'https://bot.deriv.com/' ,
15
+ action_text : 'Check it out' ,
16
+ img : 'image/landing-carousel/binary-bot.png' ,
17
+ platform_title : 'Binary Bot' ,
18
+ platform_description : 'Our classic automated trading platform' ,
19
19
} ,
20
20
{
21
- url : 'https://deriv.com/dmt5/' ,
22
- action_text : translate ( 'Learn more' ) ,
23
- img : 'image/landing-carousel/mt5.png' ,
24
- platform_title : translate ( 'Deriv MT5' ) ,
25
- platform_description : translate ( 'The world-famous CFD trading platform' ) ,
21
+ url : 'https://deriv.com/dmt5/' ,
22
+ action_text : 'Learn more' ,
23
+ img : 'image/landing-carousel/mt5.png' ,
24
+ platform_title : 'Deriv MT5' ,
25
+ platform_description : 'The world-famous CFD trading platform' ,
26
26
} ,
27
27
{
28
- url : 'https://deriv.com/dtrader/' ,
29
- action_text : translate ( 'Learn more' ) ,
30
- img : 'image/landing-carousel/dtrader.png' ,
31
- platform_title : translate ( 'DTrader' ) ,
32
- platform_description : translate ( 'Our flagship options and multipliers trading platform' ) ,
28
+ url : 'https://deriv.com/dtrader/' ,
29
+ action_text : 'Learn more' ,
30
+ img : 'image/landing-carousel/dtrader.png' ,
31
+ platform_title : 'DTrader' ,
32
+ platform_description : 'Our flagship options and multipliers trading platform' ,
33
33
} ,
34
34
{
35
- url : 'https://deriv.com/dbot/' ,
36
- action_text : translate ( 'Learn more' ) ,
37
- img : 'image/landing-carousel/dbot.png' ,
38
- platform_title : translate ( 'DBot' ) ,
39
- platform_description : translate ( 'Our next generation automated trading platform' ) ,
35
+ url : 'https://deriv.com/dbot/' ,
36
+ action_text : 'Learn more' ,
37
+ img : 'image/landing-carousel/dbot.png' ,
38
+ platform_title : 'DBot' ,
39
+ platform_description : 'Our next generation automated trading platform' ,
40
40
} ,
41
41
{
42
- url : 'https://deriv.com/landing/deriv-go/' ,
43
- action_text : translate ( 'Learn more' ) ,
44
- img : 'image/landing-carousel/deriv-go.png' ,
45
- platform_title : translate ( 'Deriv GO' ) ,
46
- platform_description : translate ( 'Trade on-the-go with our mobile trading platform' ) ,
42
+ url : 'https://deriv.com/landing/deriv-go/' ,
43
+ action_text : 'Learn more' ,
44
+ img : 'image/landing-carousel/deriv-go.png' ,
45
+ platform_title : 'Deriv GO' ,
46
+ platform_description : 'Trade on-the-go with our mobile trading platform' ,
47
47
} ,
48
48
{
49
- url : 'https://deriv.com/derivx/' ,
50
- action_text : translate ( 'Learn more' ) ,
51
- img : 'image/landing-carousel/derivX.png' ,
52
- platform_title : translate ( 'Deriv X' ) ,
53
- platform_description : translate ( 'Our customisable CFD trading platform' ) ,
49
+ url : 'https://deriv.com/derivx/' ,
50
+ action_text : 'Learn more' ,
51
+ img : 'image/landing-carousel/derivX.png' ,
52
+ platform_title : 'Deriv X' ,
53
+ platform_description : 'Our customisable CFD trading platform' ,
54
54
} ,
55
55
]
56
56
57
57
58
58
const Carousel = ( ) => {
59
59
60
60
const settings = {
61
- dots : false ,
62
- infinite : true ,
63
- speed : 300 ,
64
- slidesToShow : 2 ,
61
+ dots : false ,
62
+ infinite : true ,
63
+ speed : 300 ,
64
+ slidesToShow : 2 ,
65
65
slidesToScroll : 1 ,
66
- arrows : false ,
67
- variableWidth : true ,
66
+ arrows : false ,
67
+ variableWidth : true ,
68
68
// initialSlide: 1,
69
- autoplay : true ,
70
- autoplaySpeed : 1500 ,
71
- responsive : [
69
+ autoplay : true ,
70
+ autoplaySpeed : 1500 ,
71
+ responsive : [
72
72
{
73
73
breakpoint : 1024 ,
74
- settings : {
75
- slidesToShow : 1 ,
74
+ settings : {
75
+ slidesToShow : 1 ,
76
76
slidesToScroll : 1 ,
77
77
} ,
78
78
} ,
79
79
{
80
80
breakpoint : 700 ,
81
- settings : {
82
- slidesToShow : 1 ,
81
+ settings : {
82
+ slidesToShow : 1 ,
83
83
slidesToScroll : 1 ,
84
84
} ,
85
85
} ,
@@ -95,15 +95,15 @@ const Carousel = () => {
95
95
return (
96
96
< div className = "carousel_section__slide_card" >
97
97
< div className = "carousel_slide_info_wrapper" >
98
- < h1 className = "platform_title" > { platform_title } </ h1 >
99
- < h2 className = "platform_description" > { platform_description } </ h2 >
98
+ < h1 className = "platform_title" > { translate ( platform_title ) } </ h1 >
99
+ < h2 className = "platform_description" > { translate ( platform_description ) } </ h2 >
100
100
</ div >
101
101
< img className = "carousel_section__slide_img" src = { img } />
102
102
< a href = { url } >
103
103
< button className = "carousel_section__arrow-btn" >
104
104
< div className = "carousel_section__btn_inner" >
105
- { action_text }
106
- < img src = { ` image/landing-carousel/arrow.svg` } />
105
+ { translate ( action_text ) }
106
+ < img src = { ' image/landing-carousel/arrow.svg' } />
107
107
</ div >
108
108
</ button >
109
109
</ a >
@@ -119,15 +119,15 @@ const Carousel = () => {
119
119
return (
120
120
< div className = "carousel_section__slide_card" >
121
121
< div className = "carousel_slide_info_wrapper" >
122
- < h1 className = "platform_title" > { platform_title } </ h1 >
123
- < h2 className = "platform_description" > { platform_description } </ h2 >
122
+ < h1 className = "platform_title" > { translate ( platform_title ) } </ h1 >
123
+ < h2 className = "platform_description" > { translate ( platform_description ) } </ h2 >
124
124
</ div >
125
125
< img className = "carousel_section__slide_img" src = { img } />
126
126
< a href = { url } >
127
127
< button className = "carousel_section__arrow-btn" >
128
128
< div className = "carousel_section__btn_inner" >
129
- { action_text }
130
- < img src = { ` image/landing-carousel/arrow.svg` } />
129
+ { translate ( action_text ) }
130
+ < img src = { ' image/landing-carousel/arrow.svg' } />
131
131
</ div >
132
132
</ button >
133
133
</ a >
0 commit comments