Skip to content

Commit 6b685dc

Browse files
chore: vip page content
1 parent a8a6eaa commit 6b685dc

File tree

2 files changed

+99
-9
lines changed

2 files changed

+99
-9
lines changed

src/pages/Vip/index.css

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@
66

77
width: 100%;
88
max-width: 360px;
9+
10+
margin-top: 550px;
11+
padding-bottom: 50px;
912
}
1013

1114
.vip p {
@@ -18,10 +21,43 @@
1821
}
1922

2023
.vip h1 {
21-
margin-bottom: 24px;
24+
font-size: 20px;
25+
margin-bottom: 6px;
2226
color: #9FBFE5FE;
2327
}
2428

2529
.vip h2 {
2630
font-size: 16px;
31+
}
32+
33+
.vip ul, .vip ol {
34+
width: 100%;
35+
list-style-position: inside;
36+
text-align: left;
37+
padding-left: 0;
38+
}
39+
40+
.vip ol li {
41+
margin: 8px 0;
42+
}
43+
44+
.vip li a {
45+
color: #9fbfe5;
46+
text-decoration: underline;
47+
}
48+
49+
.vip li > div > div {
50+
display: flex;
51+
flex-direction: column;
52+
gap: 4px;
53+
}
54+
55+
.vip li h3 {
56+
margin: 0;
57+
}
58+
59+
.vip table, .vip th, .vip td {
60+
border: 1px solid #474648;
61+
border-collapse: collapse;
62+
padding: 4px;
2763
}

src/pages/Vip/index.tsx

Lines changed: 62 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -30,14 +30,68 @@ const Vip = () => {
3030
<Menu isMenuVisible={isMenuVisible} toggleMenu={toggleMenu} />
3131

3232
<div className="vip">
33-
<h1>Vip</h1>
34-
<p>Silent Pass is the next-generation decentralized dVPN designed to provide maximum privacy, security, and ease of use.</p>
35-
<p>Whether you're looking to browse the web safely or access content from anywhere, Silent Pass delivers a seamless experience without compromising your data.</p>
36-
<h2>Key Features</h2>
37-
<p>Decentralized VPN: Protect your privacy with no central servers—your data is never stored or tracked.</p>
38-
<p>Completely Free: Enjoy a secure dVPN without any fees or hidden charges.</p>
39-
<p>No Registration Needed: No email or phone number required. Simply download, click start, and you're connected!</p>
40-
<p>Secure & Private: Silent Pass ensures that your internet connection is encrypted, keeping you safe from prying eyes.</p>
33+
<h1>Silent Pass Users: Free vs VIP</h1>
34+
<h2>Free Users</h2>
35+
<p>Free Users are required to share their computing resources while using Silent Pass VPN basic service. </p>
36+
<p><strong>VIP Users</strong> could enjoy advance service, and are free from computing resources sharing.</p>
37+
<ul>
38+
<li><strong>Premium Users<strong> - Enjoy advanced service on </strong>One Single Device</strong></li>
39+
<li><strong>Platinum Users</strong> - Enjoy advanced service on up to <strong>5 devices</strong></li>
40+
</ul>
41+
<h2>Why Upgrade to VIP?</h2>
42+
<p>As a VIP User, you'll enjoy a range of exclusive features designed to enhance your experience:</p>
43+
<ul>
44+
<li>Higher Performance</li>
45+
<li>More Regions</li>
46+
<li>Enhanced Security</li>
47+
<li>Split Tunnel</li>
48+
<li>Tunnel Filter</li>
49+
<li>Ad-block Feature</li>
50+
<li>Extra $CONET Token Reward</li>
51+
</ul>
52+
<p>3 ways to upgrade your silent pass service:</p>
53+
<ol>
54+
<li>
55+
<div>
56+
<h3>Guardians NFT owner</h3>
57+
<p><strong>Platinum Users</strong> Permanently. Visit <a target="_blank" rel="noreferrer" href="https://conet.network/guardian/">Guardian Plan</a> for details.</p>
58+
</div>
59+
</li>
60+
<li>
61+
<div>
62+
<h3>Guardians NFT owner</h3>
63+
<p><strong>Platinum Users</strong> 1 year. Visit <a target="_blank" rel="noreferrer" href="https://conet.network/conetian/">CoNETian Plan</a> for details.</p>
64+
</div>
65+
</li>
66+
<li>
67+
<div>
68+
<div>
69+
<h3>Subscription Users</h3>
70+
<table>
71+
<thead>
72+
<tr>
73+
<th>Subscription</th>
74+
<th>Monthly</th>
75+
<th>Anually</th>
76+
</tr>
77+
</thead>
78+
<tbody>
79+
<tr>
80+
<td>Premium User</td>
81+
<td>$2.49</td>
82+
<td>$24.99</td>
83+
</tr>
84+
<tr>
85+
<td>Platinum User</td>
86+
<td>$9.99</td>
87+
<td>$99.99</td>
88+
</tr>
89+
</tbody>
90+
</table>
91+
</div>
92+
</div>
93+
</li>
94+
</ol>
4195
</div>
4296
</>
4397
);

0 commit comments

Comments
 (0)