83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
'use client'
|
|
|
|
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 { useEffect } from 'react'
|
|
import { HomeButton } from '@/app/components/HomeButton'
|
|
|
|
export default function TrianglesGameInfo () {
|
|
useEffect(() => {
|
|
document.title = 'Lncvrt Games - Triangles'
|
|
}, [])
|
|
|
|
return (
|
|
<div className='box text-center'>
|
|
<HomeButton />
|
|
<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-240 w-[calc(100vw-64px)]'
|
|
>
|
|
<SwiperSlide>
|
|
<Image
|
|
src={
|
|
'https://cdn-r2.lncvrt.xyz/games/screenshots/triangles/home.png'
|
|
}
|
|
width={960}
|
|
height={540}
|
|
alt=''
|
|
/>
|
|
</SwiperSlide>
|
|
<SwiperSlide>
|
|
<Image
|
|
src={
|
|
'https://cdn-r2.lncvrt.xyz/games/screenshots/triangles/created-levels.png'
|
|
}
|
|
width={960}
|
|
height={540}
|
|
alt=''
|
|
/>
|
|
</SwiperSlide>
|
|
<SwiperSlide>
|
|
<Image
|
|
src={
|
|
'https://cdn-r2.lncvrt.xyz/games/screenshots/triangles/created-level-info.png'
|
|
}
|
|
width={960}
|
|
height={540}
|
|
alt=''
|
|
/>
|
|
</SwiperSlide>
|
|
<SwiperSlide>
|
|
<Image
|
|
src={
|
|
'https://cdn-r2.lncvrt.xyz/games/screenshots/triangles/editor.png'
|
|
}
|
|
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>
|
|
)
|
|
}
|