{userScore.score}/{userScore.total}
@@ -108,6 +110,7 @@ export function ResultDisplay({
width={18}
alt="tier info"
className="ml-[4px] inline h-[14px] w-[14px] sm:h-[18px] sm:w-[18px]"
+ priority
/>
diff --git a/app/_game/components/ShareDialog.tsx b/app/_game/components/ShareDialog.tsx
index 4c3756b..5aca48d 100644
--- a/app/_game/components/ShareDialog.tsx
+++ b/app/_game/components/ShareDialog.tsx
@@ -98,6 +98,7 @@ export function ShareDialog({
alt="close"
width={24}
height={24}
+ priority
/>
diff --git a/app/_game/scenes/Loading.tsx b/app/_game/scenes/Loading.tsx
index 72b9d10..430c344 100644
--- a/app/_game/scenes/Loading.tsx
+++ b/app/_game/scenes/Loading.tsx
@@ -51,6 +51,7 @@ export function Loading() {
className="h-[88px] w-[88px] sm:h-[168px] sm:w-[168px]"
width={168}
height={168}
+ priority
/>
isthat.ai
diff --git a/app/_game/scenes/Play.tsx b/app/_game/scenes/Play.tsx
index 6ee73ae..7611664 100644
--- a/app/_game/scenes/Play.tsx
+++ b/app/_game/scenes/Play.tsx
@@ -114,6 +114,7 @@ export function Play() {
className="h-[16px] w-[16px] sm:h-[24px] sm:w-[24px]"
width={24}
height={24}
+ priority
/>
{dayjs.duration(remainingSeconds, 'seconds').format('mm:ss')}
@@ -130,6 +131,7 @@ export function Play() {
alt="left arrow"
width={64}
height={64}
+ priority
/>
NOT AI
@@ -144,6 +146,7 @@ export function Play() {
alt="right arrow"
width={64}
height={64}
+ priority
/>
AI
diff --git a/app/_game/scenes/Result.tsx b/app/_game/scenes/Result.tsx
index 3607239..6c4e333 100644
--- a/app/_game/scenes/Result.tsx
+++ b/app/_game/scenes/Result.tsx
@@ -34,6 +34,7 @@ function ActionButton({
className="h-[20px] w-[20px] sm:h-[24px] sm:w-[24px]"
width={24}
height={24}
+ priority
/>
{children}
diff --git a/app/_game/scenes/WarmUp.tsx b/app/_game/scenes/WarmUp.tsx
index 58f2c92..78cb953 100644
--- a/app/_game/scenes/WarmUp.tsx
+++ b/app/_game/scenes/WarmUp.tsx
@@ -2,6 +2,11 @@ import { AnimatePresence, motion } from 'framer-motion'
import Image from 'next/image'
import { useState } from 'react'
+import step2MobileImage from '~/public/images/ftue/m-step-2.png'
+import step3MobileImage from '~/public/images/ftue/m-step-3.png'
+import step1Image from '~/public/images/ftue/step-1.png'
+import step2Image from '~/public/images/ftue/step-2.png'
+import step3Image from '~/public/images/ftue/step-2.png'
import { useScene } from '~/stores/Scene.store'
import { GameLayout } from '../components/GameLayout'
@@ -23,6 +28,7 @@ function Handler({
width={64}
height={64}
onClick={() => onClick(step - 1)}
+ priority
/>
) : (
@@ -34,6 +40,7 @@ function Handler({
alt="prev"
width={104}
height={24}
+ priority
/>
)
@@ -59,7 +67,13 @@ const images = [
key={0}
className="relative aspect-[235/205] h-[calc(205/341*100%)] min-h-[205px]"
>
-
+