Skip to content

Commit c54d58c

Browse files
committed
Merge branch 'feat/vip' into test
2 parents f01b200 + 99249de commit c54d58c

File tree

4 files changed

+43
-30
lines changed

4 files changed

+43
-30
lines changed

src/pages/Home/index.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -395,4 +395,5 @@ h1 span {
395395
border-radius: 100px;
396396
font-weight: 700;
397397
color: #FFFFFF;
398+
cursor: "pointer";
398399
}

src/pages/Home/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ const Home = () => {
8181

8282
const randomNodeIndex = Math.floor(Math.random() * nodeListFilteredBySelectedRegion!.length);
8383

84-
const exitNode = nodeListFilteredBySelectedRegion?.[randomNodeIndex];
84+
const exitNode = [nodeListFilteredBySelectedRegion?.[randomNodeIndex]];
8585

8686
let entryNodes: any[] = [];
8787

@@ -371,7 +371,7 @@ const Home = () => {
371371
)}
372372

373373
<button className="vip-button" onClick={() => navigate("/vip")}>
374-
VIP
374+
VIP Service
375375
</button>
376376
</div>
377377

src/pages/Vip/index.css

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
width: 100%;
88
max-width: 360px;
99

10-
margin-top: 650px;
10+
margin-top: 500px;
1111
padding-bottom: 50px;
1212
}
1313

@@ -16,21 +16,24 @@
1616
max-width: initial;
1717
}
1818

19-
.vip h1, .vip h2, .vip p {
19+
.vip h1,
20+
.vip h2,
21+
.vip p {
2022
margin: 0;
2123
}
2224

2325
.vip h1 {
2426
font-size: 20px;
2527
margin-bottom: 6px;
26-
color: #9FBFE5FE;
28+
color: #9fbfe5fe;
2729
}
2830

2931
.vip h2 {
3032
font-size: 16px;
3133
}
3234

33-
.vip ul, .vip ol {
35+
.vip ul,
36+
.vip ol {
3437
width: 100%;
3538
list-style-position: inside;
3639
text-align: left;
@@ -56,18 +59,21 @@
5659
margin: 0;
5760
}
5861

59-
.vip table, .vip th, .vip td {
62+
.vip table,
63+
.vip th,
64+
.vip td {
6065
border: 1px solid #474648;
6166
border-collapse: collapse;
6267
padding: 4px;
6368
}
6469

65-
.homepage-button {
70+
.vip-button {
6671
width: 100%;
6772
border: 0;
68-
background: #2A3038;
73+
background: #2a3038;
6974
padding: 12px 8px;
7075
border-radius: 100px;
7176
font-weight: 700;
72-
color: #FFFFFF;
73-
}
77+
color: #ffffff;
78+
cursor: "pointer";
79+
}

src/pages/Vip/index.tsx

Lines changed: 25 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
11
import { useState } from 'react';
2+
import { useNavigate } from "react-router-dom";
3+
24
import Menu from '../../components/Menu';
35
import "./index.css";
46
import { useNavigate } from 'react-router-dom';
@@ -11,6 +13,7 @@ const Vip = () => {
1113
const toggleMenu = () => {
1214
setIsMenuVisible(prevState => !prevState);
1315
}
16+
const navigate = useNavigate();
1417

1518
return (
1619
<>
@@ -34,43 +37,42 @@ const Vip = () => {
3437

3538
<div className="vip">
3639
<h1>Silent Pass Users: Free vs VIP</h1>
37-
<h2>Free Users</h2>
38-
<p>Free Users are required to share their computing resources while using Silent Pass VPN basic service. </p>
39-
<p><strong>VIP Users</strong> could enjoy advance service, and are free from computing resources sharing.</p>
40+
<p><strong>Free Users</strong> are required to share their computing resources while using Silent Pass VPN basic service. </p>
41+
<p><strong>VIP Users</strong> can enjoy advanced service and are free from computing resources sharing.</p>
4042
<ul>
41-
<li><strong>Premium Users<strong> - Enjoy advanced service on </strong>One Single Device</strong></li>
42-
<li><strong>Platinum Users</strong> - Enjoy advanced service on up to <strong>5 devices</strong></li>
43+
<li style={{ padding: "8px", marginBottom: "16px" }}><strong>Premium Users</strong> - Enjoy advanced service on <strong style={{ color: "#9FBFE5FE" }}>One Single Device</strong></li>
44+
<li style={{ padding: "8px", marginBottom: "16px" }}><strong>Platinum Users</strong> - Enjoy advanced service on up to <strong style={{ color: "#9FBFE5FE" }}>5 devices</strong></li>
4345
</ul>
4446
<h2>Why Upgrade to VIP?</h2>
4547
<p>As a VIP User, you'll enjoy a range of exclusive features designed to enhance your experience:</p>
4648
<ul>
4749
<li>Higher Performance</li>
4850
<li>More Regions</li>
4951
<li>Enhanced Security</li>
50-
<li>Split Tunnel</li>
51-
<li>Tunnel Filter</li>
52+
<li>Split-Tunnelling configurations</li>
53+
<li>Personalize which apps get VPN protection</li>
5254
<li>Ad-block Feature</li>
5355
<li>Extra $CONET Token Reward</li>
5456
</ul>
5557
<p>3 ways to upgrade your silent pass service:</p>
56-
<ol>
57-
<li>
58+
<ol style={{ listStyle: "none" }}>
59+
<li style={{ marginBottom: "16px" }}>
5860
<div>
59-
<h3>Guardians NFT owner</h3>
60-
<p><strong>Platinum Users</strong> Permanently. Visit <a target="_blank" rel="noreferrer" href="https://conet.network/guardian/">Guardian Plan</a> for details.</p>
61+
<h3 style={{ marginBottom: "8px" }}>1. Guardians NFT owner</h3>
62+
<p style={{ padding: "8px" }}><strong>Platinum Users</strong> Permanently. Visit <a target="_blank" rel="noreferrer" href="https://conet.network/guardian/">Guardian Plan</a> for details.</p>
6163
</div>
6264
</li>
63-
<li>
65+
<li style={{ marginBottom: "16px" }}>
6466
<div>
65-
<h3>Guardians NFT owner</h3>
66-
<p><strong>Platinum Users</strong> 1 year. Visit <a target="_blank" rel="noreferrer" href="https://conet.network/conetian/">CoNETian Plan</a> for details.</p>
67+
<h3 style={{ marginBottom: "16px" }}>2. CoNETian NFT owner</h3>
68+
<p style={{ padding: "8px" }}><strong>Platinum Users</strong> 1 year. Visit <a target="_blank" rel="noreferrer" href="https://conet.network/conetian/">CoNETian Plan</a> for details.</p>
6769
</div>
6870
</li>
69-
<li>
71+
<li style={{ marginBottom: "16px" }}>
7072
<div>
7173
<div>
72-
<h3>Subscription Users</h3>
73-
<table>
74+
<h3>3. Subscription Users</h3>
75+
<table style={{ marginTop: '16px', borderRadius: '8px' }}>
7476
<thead>
7577
<tr>
7678
<th>Subscription</th>
@@ -95,10 +97,14 @@ const Vip = () => {
9597
</div>
9698
</li>
9799
</ol>
98-
<button className="homepage-button" onClick={() => navigate("/")}>
99-
Back to homepage
100+
101+
<button className="vip-button" onClick={() => navigate("/")}>
102+
Go Back to Homepage
100103
</button>
104+
101105
</div>
106+
107+
102108
</>
103109
);
104110
};

0 commit comments

Comments
 (0)