Add XPS page

src/app/components/DiscordButton.tsx

@@ -2,11 +2,14 @@ import { faDiscord } from '@fortawesome/free-brands-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
 
-export function DiscordButton () {
+export function DiscordButton ({ href }: { href?: string }) {
   return (
     <>
       <div className='relative'>
-        <Link href='/discord' className='top-button absolute -top-4 -right-4'>
+        <Link
+          href={href ?? '/discord'}
+          className='top-button absolute -top-4 -right-4'
+        >
           <FontAwesomeIcon icon={faDiscord} />
         </Link>
       </div>

src/app/game/xps/downloads/page.tsx

@@ -0,0 +1,103 @@
+'use client'
+
+import Link from 'next/link'
+import { useEffect } from 'react'
+import { DiscordButton } from '@/app/components/DiscordButton'
+import { BackButton } from '@/app/components/BackButton'
+
+export default function BerryDashGameInfo () {
+  useEffect(() => {
+    document.title = "Lncvrt Games - Xytriza's GDPS Downloads"
+  }, [])
+
+  return (
+    <div className='box text-center'>
+      <BackButton href='/game/xps' />
+      <DiscordButton href='https://discord.gg/9Yg7NX2HtG' />
+      <p className='px-10 -my-2 mb-4 text-3xl'>Xytriza&apos;s GDPS Downloads</p>
+      <div className='downloads lg:max-w-[60vw] md:max-w-[80vw]'>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-2.2-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 2.2
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-2.1-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 2.1
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-2.0-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 2.0
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.9-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.9
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.8-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.8
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.7-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.7
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.6-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.6
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.5-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.5
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.4-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.4
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.3-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.3
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.2-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.2
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.1-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.1
+        </Link>
+        <Link
+          href='https://games-r2.lncvrt.xyz/xps/XPS-1.0-1.0.0-android.apk'
+          draggable={false}
+        >
+          Android: XPS 1.0
+        </Link>
+        <Link href='/download' draggable={false}>
+          Windows, macOS, or Linux
+        </Link>
+      </div>
+    </div>
+  )
+}

src/app/game/xps/page.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import Link from 'next/link'
+import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
+
+export default function BerryDashGameInfo () {
+  useEffect(() => {
+    document.title = "Lncvrt Games - Xytriza's GDPS"
+  }, [])
+
+  return (
+    <div className='box text-center'>
+      <HomeButton />
+      <DiscordButton href='https://discord.gg/9Yg7NX2HtG' />
+      <p className='text-4xl'>Xytriza&apos;s GDPS</p>
+      <p>
+        XPS (aka Xytriza&apos;s GDPS) is a GDPS that was made in 2023 and still
+        running to this day, with only one reset in early 2024.
+      </p>
+      <p>
+        XPS has a fun community, with almost 1,000 levels. You will find a wide
+        variety of content here.
+      </p>
+      <p className='text-2xl my-1'>Downloads</p>
+      <div className='downloads'>
+        <Link href='/game/xps/downloads' draggable={false}>
+          Android
+        </Link>
+        <Link href='/download' draggable={false}>
+          Windows, macOS, or Linux
+        </Link>
+      </div>
+    </div>
+  )
+}

src/app/page.tsx

@@ -64,6 +64,20 @@ export default function Home () {
           <span>Berry Dash with Guns</span>
         </Link>
       </div>
+      <p className='text-center text-xl mt-2'>GDPS&apos;s</p>
+      <div className='games-grid'>
+        <Link href='/game/xps' draggable={false}>
+          <Image
+            src={'https://cdn.lncvrt.xyz/xps/square.png'}
+            className='rounded-2xl border-2 border-[rgb(72,72,72)]'
+            width={64}
+            height={64}
+            draggable={false}
+            alt=''
+          />
+          <span>XPS</span>
+        </Link>
+      </div>
       <p className='text-center text-xl mt-2'>
         Non-official but Verified games
       </p>