Initial commit

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>
+  )
+}