-
Notifications
You must be signed in to change notification settings - Fork 0
/
pricing.html
51 lines (49 loc) · 1.8 KB
/
pricing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
---
layout: default
---
<a href="/" style="text-decoration: none;">
<div style="display: flex; align-items: center; gap: 10px; width: 30%; color: #00f52d;">
<svg width="40" height="40" style="fill: #00f52d;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M22 2H2v14h2V4h16v12h-8v2h-2v2H8v-4H2v2h4v4h4v-2h2v-2h10V2z" />
</svg>
<a href="/" style="text-decoration: none;">
<h1 class="title">Massroom Pricing</h1>
</a>
</div>
<!-- Pricing Plans Section -->
<div style="display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 50px;">
<h2>Pricing Plans</h2>
<p>Support us or use Massroom completely FREE! See our plans here:</p>
<div style="display: flex; gap: 20px;">
<div style="background-color: #1a1a1a; padding: 20px; border-radius: 10px;">
<h3>Basic ($0)</h3>
<p>Explore Massroom all for free!</p>
<ul>
<li>Access to unlimited private chatrooms</li>
<li>Access to most chatbots</li>
</ul>
<p>Free forever!</p>
</div>
<div style="background-color: #1a1a1a; padding: 20px; border-radius: 10px;">
<h3>Premium (One-time $5)</h3>
<p>Support us with your donations!</p>
<ul>
<li>Everything in Basic but...</li>
<li>1 user chat icon (stand out)</li>
<li>Access to all chatbots</li>
<li>Priority support</li>
</ul>
<a href="#" class="button">Purchase Premium</a>
</div>
<div style="background-color: #1a1a1a; padding: 20px; border-radius: 10px;">
<h3>Advanced (One-time $15)</h3>
<p>Go further and help us profit!</p>
<ul>
<li>Everything in Premium but...</li>
<li>Selectable user icon</li>
<li>Dedicated support</li>
</ul>
<a href="#" class="button">Purchase Advanced</a>
</div>
</div>
</div>