forked from CRSS/Website
Add CRSS Premium+ and EnterpriseX
This commit is contained in:
parent
39e87cffdc
commit
0c3bc195fb
|
@ -13,6 +13,8 @@ import {
|
|||
LogIn,
|
||||
Earth,
|
||||
X,
|
||||
PlusIcon,
|
||||
Plus,
|
||||
} from 'lucide-react';
|
||||
|
||||
import Link from 'next/link';
|
||||
|
@ -180,6 +182,11 @@ export default function NavBar({ currentPage }: { currentPage: string }) {
|
|||
label: 'Settings',
|
||||
href: '/settings',
|
||||
},
|
||||
{
|
||||
icon: Plus,
|
||||
label: 'Premium+',
|
||||
href: '/pp',
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
},
|
||||
|
|
138
pages/pp.tsx
Normal file
138
pages/pp.tsx
Normal file
|
@ -0,0 +1,138 @@
|
|||
import PageContent from '@/components/PageContent';
|
||||
import NavBar from '@/components/NavBar';
|
||||
import Meta from '@/components/Meta';
|
||||
import styles from '../styles/PremiumPlus.module.scss';
|
||||
import Link from 'next/link';
|
||||
import Footer from '@/components/Footer';
|
||||
export default function PremiumPlus() {
|
||||
return (
|
||||
<>
|
||||
<Meta page={{ title: 'Premium Plus' }} />
|
||||
<NavBar currentPage="pp" />
|
||||
|
||||
<PageContent>
|
||||
<div className={styles.cardContainer}>
|
||||
<div className={styles.card}>
|
||||
<h1>CRSS Premium+ Subscription Plan</h1>
|
||||
<span>
|
||||
Unlock the Ultimate Minecraft Experience with CRSS Premium
|
||||
</span>
|
||||
<h2>$6.90/month</h2>
|
||||
<span>or save 2% with annual billing!</span>
|
||||
</div>
|
||||
<span>
|
||||
Join the elite ranks of CRSS Premium+ members and elevate your
|
||||
Minecraft gameplay to new heights.
|
||||
</span>
|
||||
<span>
|
||||
For just $6.90 per month, our subscription plan offers you exclusive
|
||||
perks, priority access, and a superior gaming environment. With CRSS
|
||||
Premium+, you'll enjoy premium features that enhance your
|
||||
experience and set you apart from the rest.
|
||||
</span>
|
||||
<span>
|
||||
<h3>Exclusive Benefits of CRSS Premium+:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Priority Queue Access:</strong> Skip the lines and jump
|
||||
straight into the game with priority server access, ensuring
|
||||
you're always where the action is.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Custom Kits & Items:</strong> Receive unique in-game
|
||||
kits and items available only to CRSS Premium+ members, giving
|
||||
you an edge in every match.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Enhanced Gameplay Features:</strong> Access premium
|
||||
plugins and gameplay enhancements, including advanced commands
|
||||
and special game modes, designed to take your Minecraft
|
||||
experience to the next level.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Monthly Loot Crates:</strong> Get monthly loot crates
|
||||
filled with rare items, unique cosmetics, and special bonuses,
|
||||
keeping your inventory well-stocked with top-tier gear.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Dedicated Support:</strong> Enjoy priority assistance
|
||||
from our premium support team, ensuring any issues or questions
|
||||
are resolved quickly so you can focus on the game.
|
||||
</li>
|
||||
<li>
|
||||
<strong>VIP Events & Contests:</strong> Participate in exclusive
|
||||
events and contests with bigger and better rewards, open only to
|
||||
CRSS Premium+ members.
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Subscription Details:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Subscription Fee:</strong> $6.90 per month, offering
|
||||
exceptional value for a premium gaming experience.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Contract Term:</strong> Flexible monthly subscription
|
||||
with the freedom to cancel anytime.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Instant Activation:</strong> Your CRSS Premium+ benefits
|
||||
activate immediately upon subscription, so you can start
|
||||
enjoying all the perks right away.
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Join CRSS Premium+ Today</h3>
|
||||
<span>
|
||||
For just $6.90 per month, you can access the ultimate Minecraft
|
||||
experience with CRSS Premium+. Don't miss out on the
|
||||
exclusive benefits that come with being a premium member of our
|
||||
community. For more information or to subscribe, visit our website
|
||||
at <Link href="/">crss.cc</Link> or contact our support team
|
||||
at
|
||||
<a href="mailto:admin@theclashfruit.me">admin@theclashfruit.me</a>
|
||||
.
|
||||
</span>
|
||||
</span>
|
||||
<center>
|
||||
{' '}
|
||||
<h2>Compare our plans</h2>
|
||||
</center>
|
||||
<div className={styles.subLayout}>
|
||||
<div className={styles.card}>
|
||||
<h1>CRSS Free</h1>
|
||||
<ul>
|
||||
<li>9 inventory slots</li>
|
||||
<li>Full access to inventory</li>
|
||||
<li>Unrestricted use of chat</li>
|
||||
</ul>
|
||||
<h3>Current Plan</h3>
|
||||
</div>
|
||||
<div className={styles.card}>
|
||||
<h1>CRSS Premium+</h1>
|
||||
<ul>
|
||||
<li>Ad-free browsing</li>
|
||||
<li>Access to special kits and gamemodes</li>
|
||||
<li>Browse the web ingame</li>
|
||||
<li>Exclusive capes</li>
|
||||
</ul>
|
||||
<h3>$6.90</h3>
|
||||
<strong>Best Value</strong>
|
||||
</div>
|
||||
<div className={styles.card}>
|
||||
<h1>CRSS EnterpriseX</h1>
|
||||
<ul>
|
||||
<li>Free flight</li>
|
||||
<li>Creative mode</li>
|
||||
<li>Add your own custom cape</li>
|
||||
<li>Create your own items</li>
|
||||
<li>Enterprise-grade management solutions</li>
|
||||
</ul>
|
||||
<h3>Contact Us</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</PageContent>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
}
|
|
@ -6,8 +6,6 @@ import NavBar from '@/components/NavBar';
|
|||
import PageContent from '@/components/PageContent';
|
||||
|
||||
export default function Rules() {
|
||||
const nations = [];
|
||||
|
||||
return (
|
||||
<>
|
||||
<Meta page={{ title: 'Rules' }} />
|
||||
|
|
57
styles/PremiumPlus.module.scss
Normal file
57
styles/PremiumPlus.module.scss
Normal file
|
@ -0,0 +1,57 @@
|
|||
@import 'variables.module';
|
||||
|
||||
.card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1rem;
|
||||
gap: 0.25rem;
|
||||
|
||||
h1 {
|
||||
margin: 0px;
|
||||
}
|
||||
h2 {
|
||||
margin: 0px;
|
||||
}
|
||||
* {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.cardContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
div.card {
|
||||
border: 1px solid $colorBorderLight1;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
$colorSurfaceLight1 0%,
|
||||
$colorBorderLight1 200%
|
||||
);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
div.card {
|
||||
border: 1px solid $colorBorderDark1;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
$colorSurfaceDark2 0%,
|
||||
$colorBorderDark1 200%
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
.subLayout {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
@media (min-width: 1000px) {
|
||||
div.subLayout {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue