Change icon urls

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

@@ -1,12 +1,5 @@
 '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'
@@ -41,25 +34,64 @@ export default function BerryDashGameInfo () {
         className='screenshots-gallery mx-auto max-w-[960px] w-[calc(100vw-64px)]'
       >
         <SwiperSlide>
-          <Image src={home} width={960} height={540} alt='' />
+          <Image
+            src={'cdn-r2.lncvrt.xyz/games/screenshots/berry-dash/home.png'}
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={modeSelect} width={960} height={540} alt='' />
+          <Image
+            src={
+              'cdn-r2.lncvrt.xyz/games/screenshots/berry-dash/mode-select.png'
+            }
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={playing} width={960} height={540} alt='' />
+          <Image
+            src={'cdn-r2.lncvrt.xyz/games/screenshots/berry-dash/playing.png'}
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={custom} width={960} height={540} alt='' />
+          <Image
+            src={'cdn-r2.lncvrt.xyz/games/screenshots/berry-dash/custom.png'}
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={stats} width={960} height={540} alt='' />
+          <Image
+            src={'cdn-r2.lncvrt.xyz/games/screenshots/berry-dash/stats.png'}
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={leaderboards} width={960} height={540} alt='' />
+          <Image
+            src={
+              'cdn-r2.lncvrt.xyz/games/screenshots/berry-dash/leaderboards.png'
+            }
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={chatroom} width={960} height={540} alt='' />
+          <Image
+            src={'cdn-r2.lncvrt.xyz/games/screenshots/berry-dash/chatroom.png'}
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
       </Swiper>
       <p className='text-2xl mt-4 mb-1'>Downloads</p>

src/app/game/triangles/page.tsx

@@ -1,9 +1,5 @@
 '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'
@@ -35,16 +31,40 @@ export default function TrianglesGameInfo () {
         className='screenshots-gallery mx-auto max-w-[960px] w-[calc(100vw-64px)]'
       >
         <SwiperSlide>
-          <Image src={home} width={960} height={540} alt='' />
+          <Image
+            src={'cdn-r2.lncvrt.xyz/games/screenshots/triangles/home.png'}
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={createdLevels} width={960} height={540} alt='' />
+          <Image
+            src={
+              'cdn-r2.lncvrt.xyz/games/screenshots/triangles/created-levels.png'
+            }
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={createdLevelInfo} width={960} height={540} alt='' />
+          <Image
+            src={
+              'cdn-r2.lncvrt.xyz/games/screenshots/triangles/created-level-info.png'
+            }
+            width={960}
+            height={540}
+            alt=''
+          />
         </SwiperSlide>
         <SwiperSlide>
-          <Image src={editor} width={960} height={540} alt='' />
+          <Image
+            src={'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>

src/app/page.tsx

@@ -1,11 +1,5 @@
 import Image from 'next/image'
 import Link from 'next/link'
-import berryDash from '@/assets/berry-dash.png'
-import triangles from '@/assets/triangles.png'
-import berryDashWithGuns from '@/assets/berry-dash-with-guns.png'
-import berryDashLite from '@/assets/berry-dash-lite.png'
-import berryDashGodotRemake from '@/assets/berry-dash-godot-remake.png'
-import berryDashCustom from '@/assets/berry-dash-custom.png'
 import { Metadata } from 'next'
 
 export const metadata: Metadata = {
@@ -24,7 +18,7 @@ export default function Home () {
       <div className='games-grid'>
         <Link href='/game/berry-dash' draggable={false}>
           <Image
-            src={berryDash}
+            src={'cdn-r2.lncvrt.xyz/games/berry-dash.png'}
             width={64}
             height={64}
             draggable={false}
@@ -34,7 +28,7 @@ export default function Home () {
         </Link>
         <Link href='/game/triangles' draggable={false}>
           <Image
-            src={triangles}
+            src={'cdn-r2.lncvrt.xyz/games/triangles.png'}
             width={64}
             height={64}
             draggable={false}
@@ -47,7 +41,7 @@ export default function Home () {
       <div className='games-grid'>
         <Link href='/game/berry-dash-with-guns' draggable={false}>
           <Image
-            src={berryDashWithGuns}
+            src={'cdn-r2.lncvrt.xyz/games/berry-dash-with-guns.png'}
             width={64}
             height={64}
             draggable={false}
@@ -57,7 +51,7 @@ export default function Home () {
         </Link>
         <Link href='/game/berry-dash-lite' draggable={false}>
           <Image
-            src={berryDashLite}
+            src={'cdn-r2.lncvrt.xyz/games/berry-dash-lite.png'}
             width={64}
             height={64}
             draggable={false}
@@ -72,7 +66,7 @@ export default function Home () {
       <div className='games-grid'>
         <Link href='/game/berry-dash-godot-remake' draggable={false}>
           <Image
-            src={berryDashGodotRemake}
+            src={'cdn-r2.lncvrt.xyz/games/berry-dash-godot-remake.png'}
             width={64}
             height={64}
             draggable={false}
@@ -82,7 +76,7 @@ export default function Home () {
         </Link>
         <Link href='/game/berry-dash-custom' draggable={false}>
           <Image
-            src={berryDashCustom}
+            src={'cdn-r2.lncvrt.xyz/games/berry-dash-custom.png'}
             width={64}
             height={64}
             draggable={false}