Initial commit

src/app/game/berry-dash/page.tsx

@@ -0,0 +1,85 @@
+'use client'
+
+import home from '@/assets/screenshots/berry-dash/home.png'
+import modeSelect from '@/assets/screenshots/berry-dash/mode-select.png'
+import playing from '@/assets/screenshots/berry-dash/playing.png'
+import custom from '@/assets/screenshots/berry-dash/custom.png'
+import stats from '@/assets/screenshots/berry-dash/stats.png'
+import leaderboards from '@/assets/screenshots/berry-dash/leaderboards.png'
+import chatroom from '@/assets/screenshots/berry-dash/chatroom.png'
+import Image from 'next/image'
+import { Swiper, SwiperSlide } from 'swiper/react'
+import { Navigation, Keyboard } from 'swiper/modules'
+import 'swiper/css'
+import 'swiper/css/navigation'
+import Link from 'next/link'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faHome } from '@fortawesome/free-solid-svg-icons'
+
+export default function BerryDashGameInfo () {
+  return (
+    <div className='box text-center'>
+      <div className='relative'>
+        <Link href='/' className='home-button absolute -top-4 -left-4'>
+          <FontAwesomeIcon icon={faHome} />
+        </Link>
+      </div>
+      <p className='text-4xl'>Berry Dash</p>
+      <p>
+        Berry Dash is the first game Lncvrt ever made in Unity. The game is a
+        simple but also complex game at the same time.
+      </p>
+      <p>
+        Berry Dash has a Leaderboard System, Account System, Profiles, Icon
+        marketplace, chatroom, custom mode, and more.
+      </p>
+      <p className='text-2xl mt-4 mb-1'>Screenshots</p>
+      <Swiper
+        modules={[Keyboard, Navigation]}
+        navigation
+        keyboard={{ enabled: true }}
+        className='screenshots-gallery mx-auto max-w-[960px] w-[calc(100vw-64px)]'
+      >
+        <SwiperSlide>
+          <Image src={home} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={modeSelect} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={playing} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={custom} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={stats} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={leaderboards} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={chatroom} width={960} height={540} alt='' />
+        </SwiperSlide>
+      </Swiper>
+      <p className='text-2xl mt-4 mb-1'>Downloads</p>
+      <div className='downloads'>
+        <Link
+          href='https://archive.org/download/berry-dash-archive/Berry-Dash-1.8.2-android.apk'
+          draggable={false}
+        >
+          Android
+        </Link>
+        <Link
+          href='https://archive.org/download/berry-dash-archive/Berry-Dash-1.8.2-ios.ipa'
+          draggable={false}
+        >
+          iOS
+        </Link>
+        <Link href='/download' draggable={false}>
+          Windows, macOS, or Linux
+        </Link>
+      </div>
+    </div>
+  )
+}

src/app/game/triangles/page.tsx

@@ -0,0 +1,58 @@
+'use client'
+
+import home from '@/assets/screenshots/triangles/home.png'
+import createdLevels from '@/assets/screenshots/triangles/created-levels.png'
+import createdLevelInfo from '@/assets/screenshots/triangles/created-level-info.png'
+import editor from '@/assets/screenshots/triangles/editor.png'
+import Image from 'next/image'
+import { Swiper, SwiperSlide } from 'swiper/react'
+import { Navigation, Keyboard } from 'swiper/modules'
+import 'swiper/css'
+import 'swiper/css/navigation'
+import Link from 'next/link'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faHome } from '@fortawesome/free-solid-svg-icons'
+
+export default function TrianglesGameInfo () {
+  return (
+    <div className='box text-center'>
+      <div className='relative'>
+        <Link href='/' className='home-button absolute -top-4 -left-4'>
+          <FontAwesomeIcon icon={faHome} />
+        </Link>
+      </div>
+      <p className='text-4xl'>Triangles</p>
+      <p>Triangles is a Geometry Dash fan game made in the Unity Game Engine</p>
+      <p>
+        At the moment, it is in beta and stuff is subject to change. No mobile
+        support until 1.0 release
+      </p>
+      <p className='text-2xl mt-4 mb-1'>Screenshots</p>
+      <Swiper
+        modules={[Keyboard, Navigation]}
+        navigation
+        keyboard={{ enabled: true }}
+        className='screenshots-gallery mx-auto max-w-[960px] w-[calc(100vw-64px)]'
+      >
+        <SwiperSlide>
+          <Image src={home} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={createdLevels} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={createdLevelInfo} width={960} height={540} alt='' />
+        </SwiperSlide>
+        <SwiperSlide>
+          <Image src={editor} width={960} height={540} alt='' />
+        </SwiperSlide>
+      </Swiper>
+      <p className='text-2xl mt-4 mb-1'>Downloads</p>
+      <div className='downloads'>
+        <Link href='/download' draggable={false}>
+          Windows, macOS, or Linux
+        </Link>
+      </div>
+    </div>
+  )
+}