Skip to content
This repository was archived by the owner on Feb 22, 2024. It is now read-only.

Commit bf7d05d

Browse files
mitra-derivmitra-deriv
authored
Mitra/Sign up landing page changes (#3781)
* feat: 🩹 sign up landing page changes for binary * fix: 🐛 change of buttons
1 parent 65cb6ff commit bf7d05d

File tree

4 files changed

+45
-28
lines changed

4 files changed

+45
-28
lines changed

‎src/indexPage/react-components/binary-landing/Hero.jsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,10 @@ const Hero = ({isFromBinary}) => {
4646
{translate('We’ve rebranded the online trading space by offering new innovative products, intuitive platforms, and outstanding services.')}
4747
</h2>
4848
<div className="btn-group-binary">
49-
<button className="l-btn-binary primary" onClick={() => getLanguageBase('deriv')}>
49+
<button className="l-btn-binary primary" onClick={() => window.open(getLanguageBase('deriv'),'_self')}>
5050
{translate('Explore Deriv')}
5151
</button>
52-
<button className="l-btn-binary" onClick={() => getLanguageBase('deriv')}>
52+
<button className="l-btn-binary" onClick={() => window.open(getLanguageBase('oauth'),'_self')}>
5353
{translate('Create a demo account')}
5454

5555
</button>
@@ -70,7 +70,7 @@ const Hero = ({isFromBinary}) => {
7070
<b>{translate(' Deriv.')}</b>
7171
</h2>
7272
<div className="btn-group-binary">
73-
<button className="l-btn-binary primary" onClick={() => getLanguageBase('deriv')}>
73+
<button className="l-btn-binary primary" onClick={() => window.open(getLanguageBase('deriv'),'_self')}>
7474
{translate('Hello Deriv!')}
7575
</button>
7676
<button className="l-btn-binary" onClick={() => setBinaryCookieAndRedirect(getLanguageBase('binary'))}>

‎src/indexPage/react-components/binary-landing/SwitchSection.jsx

Lines changed: 22 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,7 @@ import { translate } from '../../../common/i18n';
33
import { getLanguageBase } from '../../../common/lang';
44
import { setBinaryCookieAndRedirect } from './utils';
55

6-
7-
8-
9-
const SwitchSection = () => (
6+
const SwitchSection = ({ isFromBinary }) => (
107
<section className="switch">
118
<div className="switch-inner section-container">
129
<div className="switch-inner__placeholder">
@@ -15,19 +12,31 @@ const SwitchSection = () => (
1512
<div className="switch-inner__content">
1613
<h1>{translate('It’s so easy to switch to Deriv')}</h1>
1714
<h2>
18-
{translate('Just log in using your Binary.com credentials. No sign-up needed.')}
15+
{translate(
16+
'Just log in using your Binary.com credentials. No sign-up needed.'
17+
)}
1918
</h2>
20-
<div className="btn-group">
21-
<a href={getLanguageBase('oauth')} rel="noopener noreferrer">
22-
<button className="l-btn danger">{translate('Try it now')}</button>
23-
</a>
24-
<a onClick={() => setBinaryCookieAndRedirect(getLanguageBase('binary'))}>
25-
<button className="l-btn transparent">{translate('Maybe later')}</button>
26-
</a>
19+
<div className="btn-group-binary">
20+
<button
21+
className="l-btn-binary danger"
22+
onClick={() => window.open(getLanguageBase('oauth'), '_self')}
23+
>
24+
{translate('Try it now')}
25+
</button>
26+
{!isFromBinary && (
27+
<button
28+
className="l-btn-binary transparent"
29+
onClick={() =>
30+
setBinaryCookieAndRedirect(getLanguageBase('binary'))
31+
}
32+
>
33+
{translate('Maybe later')}
34+
</button>
35+
)}
2736
</div>
2837
</div>
2938
</div>
3039
</section>
3140
);
3241

33-
export default SwitchSection
42+
export default SwitchSection;

‎src/indexPage/react-components/binary-landing/index.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const BinaryLanding = () => {
1818
<div>
1919
<MoveToDerivNav isFromBinary={isFromBinary} />
2020
<Hero isFromBinary={isFromBinary} />
21-
<SwitchSection />
21+
<SwitchSection isFromBinary={isFromBinary}/>
2222
<CarouselTitle />
2323
<Carousel />
2424
<ChooseSection />

‎static/css/_landing-binary.scss

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,15 @@ $header-color : #333333;
107107
&:hover {
108108
background-color: #C2C2C2 !important;
109109
color: #000;
110+
}
111+
112+
&.transparent {
113+
background-color: transparent !important;
114+
border: solid 2px #999999;
115+
text-transform: none;
116+
&:hover {
117+
background-color: #C2C2C2 !important;
118+
}
110119
}
111120
}
112121

@@ -116,14 +125,17 @@ $header-color : #333333;
116125
gap: 24px;
117126

118127
button {
119-
flex: 1;
120128
min-width: max-content;
121129
}
122130

123131
@include for-size(mobile) {
124132
text-align: center;
125133
margin-bottom: 2.4rem;
126134
gap: 16px;
135+
136+
button {
137+
flex: 1;
138+
}
127139
}
128140
}
129141

@@ -179,20 +191,16 @@ $header-color : #333333;
179191
padding: 0 2rem;
180192
}
181193
}
182-
.l-btn.transparent {
183-
background-color: transparent;
184-
border: solid 2px #999999;
185-
text-transform: none;
186-
&:hover {
187-
background-color: #C2C2C2;
188-
}
194+
195+
.btn-group-binary {
196+
@include for-size(mobile) {
197+
padding: 0 1rem 0 1rem;
198+
}
199+
}
189200
}
190201
}
191202
}
192203

193-
194-
195-
}
196204

197205
.landing_carousel {
198206
display: flex !important;

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy